telegram-crawler/data/web/telegram.org/blog/instant-view-contest-200K.html

275 lines
20 KiB
HTML
Raw Normal View History

2022-02-24 19:51:11 +01:00
<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Instant Views for Everyone &amp; a &#036;200K Contest</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Instant Views for Everyone &amp; a &#036;200K Contest">
<meta property="og:image" content="https://telegram.org/file/811140872/1/Hu-Ir8ilwfg.135216/c2c079f02c32eecbaf">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="Introducing the Instant View Platform and a &#036;200K contest to make the entire internet available in the Instant View format.">
2024-02-15 09:14:18 +01:00
2022-02-24 19:51:11 +01:00
<meta property="article:published_time" content="2017-05-18T21:50:00+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/811140872/1/Hu-Ir8ilwfg.135216/c2c079f02c32eecbaf" />
<meta property="fb:app_id" content="254098051407226">
<meta property="vk:app_id" content="3782569">
<meta name="apple-itunes-app" content="app-id=686449807">
<meta name="telegram:channel" content="@telegram">
<link rel="canonical" href="https://telegram.org/blog/instant-view-contest-200K" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
2022-04-21 15:52:36 +02:00
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="alternate icon" href="/img/favicon.ico" type="image/x-icon" />
2022-02-24 19:51:11 +01:00
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
2024-08-02 02:44:36 +02:00
<link href="/css/telegram.css?240" rel="stylesheet" media="screen">
2022-02-24 19:51:11 +01:00
</head>
<body class="preload">
<div id="fb-root"></div>
<div class="tl_page_wrap">
<div class="tl_page_head navbar navbar-static-top navbar navbar-tg">
<div class="navbar-inner">
<div class="container clearfix">
2022-05-11 12:26:53 +02:00
<ul class="nav navbar-nav navbar-right"><li class="dropdown top_lang_select"><a class="dropdown-toggle" onclick="return dropdownClick(this, event)" href="#"><i class="dev_top_lang_icon"></i>EN <b class="minicaret"></b></a>
<ul class="dropdown-menu"><li class="chosen "><a href="?setln=en">English</a></li><li class="long "><a href="?setln=id">Bahasa Indonesia</a></li><li class="long "><a href="?setln=ms">Bahasa Melayu</a></li><li class=""><a href="?setln=de">Deutsch</a></li><li class=""><a href="?setln=es">Español</a></li><li class=""><a href="?setln=fr">Français</a></li><li class=""><a href="?setln=it">Italiano</a></li><li class=""><a href="?setln=nl">Nederlands</a></li><li class=""><a href="?setln=uz">Ozbek</a></li><li class=""><a href="?setln=pl">Polski</a></li><li class="long "><a href="?setln=pt-br">Português (Brasil)</a></li><li class=""><a href="?setln=tr">Türkçe</a></li><li class=""><a href="?setln=be">Беларуская</a></li><li class=""><a href="?setln=ru">Русский</a></li><li class=""><a href="?setln=uk">Українська</a></li><li class=""><a href="?setln=ar">العربية</a></li><li class=""><a href="?setln=fa">فارسی</a></li><li class=""><a href="?setln=ko">한국어</a></li></ul></li><li class="navbar-twitter hidden-xs"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i> Twitter</a></li></ul>
2022-02-24 19:51:11 +01:00
<ul class="nav navbar-nav">
<li class=""><a href="/">Home</a></li>
<li class=""><a href="/faq">FAQ</a></li>
<li class=""><a href="/apps">Apps</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/api">API</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/mtproto">Protocol</a></li>
</ul>
</div>
</div>
</div>
<div class="container clearfix tl_page_container ">
<div class="tl_page">
<div class="tl_contest_page_wrap">
<div class="tl_blog_side_blog"><div class="side_blog_wrap">
<div class="side_blog">
<a href="/blog" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
2024-07-31 18:27:22 +02:00
<a href="/blog/w3-browser-mini-app-store" class="side_blog_entry">
<div class="side_blog_date">Jul 31</div>
<div class="side_blog_title">Telegram Browser, Mini App Store, Gifting Stars and More</div>
</a><a href="/blog/mini-app-bar-paid-media-and-more" class="side_blog_entry">
2024-06-30 16:26:52 +02:00
<div class="side_blog_date">Jun 30</div>
<div class="side_blog_title">Mini App Bar, Paid Media, Story Search &amp; More</div>
</a><a href="/blog/telegram-stars" class="side_blog_entry">
2024-06-06 17:49:31 +02:00
<div class="side_blog_date">Jun 6</div>
<div class="side_blog_title">Telegram Stars: Pay for Digital Goods and More</div>
</a><a href="/blog/message-effects-and-more" class="side_blog_entry">
2024-05-31 19:42:39 +02:00
<div class="side_blog_date">May 31</div>
<div class="side_blog_title">Message Effects, Hashtag Search, and More</div>
</a><a href="/blog/my-profile-and-15-more" class="side_blog_entry">
2024-04-25 18:09:19 +02:00
<div class="side_blog_date">Apr 25</div>
<div class="side_blog_title">My Profile, Recommended Channels and 15 More Features</div>
</a><a href="/blog/sticker-maker" class="side_blog_entry">
2024-04-14 16:04:43 +02:00
<div class="side_blog_date">Apr 14</div>
<div class="side_blog_title">Sticker Editor — Create Your Own Stickers</div>
</a><a href="/blog/telegram-business" class="side_blog_entry">
2024-03-31 18:37:40 +02:00
<div class="side_blog_date">Mar 31</div>
<div class="side_blog_title">Introducing Telegram Business</div>
2022-02-24 19:51:11 +01:00
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Instant Views for Everyone &amp; a &#036;200K Contest</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<img src="/file/811140957/1/3XuO2pP23RQ.27227.gif/0f22117cc56578115a" class="blog_side_image"/>
</div>
<blockquote>
<p>Version <strong>4.0</strong> is the mother of all Telegram updates. Note that we&#39;re also launching <a href="/blog/video-messages-and-telescope"><strong>Video messages + Telescope</strong></a> and <a href="/blog/payments"><strong>Payments for Bots</strong></a> today.</p>
</blockquote>
<div class="blog_wide_image">
<a href="/file/811140872/1/Hu-Ir8ilwfg.135216/c2c079f02c32eecbaf" target="_blank"><img src="/file/811140872/1/Hu-Ir8ilwfg.135216/c2c079f02c32eecbaf" title="Instant Views For Everyone!"/></a>
</div>
<blockquote>
<p><strong>UPD 30.05:</strong> We&#39;ve increased the prize fund of our <a href="#200-000-competition-for-rule-makers">contest</a> to <strong>$315,000</strong> by adding more target domains. <a href="https://instantview.telegram.org/contest">Join today!</a></p>
</blockquote>
<p>Rejoice, brethren and sistren, the day has come! <a href="/blog/instant-view"><strong>Instant View</strong></a> is now ready to support thousands of websites, including your favorite ones. Soon you will no longer need to launch a web browser to view any article shared with you on Telegram, because today we are launching the <a href="https://instantview.telegram.org"><strong>Instant View Platform</strong></a>.</p>
<h3><a class="anchor" name="instant-what" href="#instant-what"><i class="anchor-icon"></i></a>Instant What?</h3>
<p>With Instant View, you can enjoy articles from any blog or media outlet in a uniform and easily readable way. Beyond merely showing the text of an article, Instant View pages support images, videos, and any other media. They work great even if the source website isn&#39;t optimized for mobile devices.</p>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="/file/811140347/1/iYFvGV-SW4o.184311/18c4a43fda01b92735" target="_blank"><img src="/file/811140347/1/iYFvGV-SW4o.184311/18c4a43fda01b92735" title="Instant View Button"/></a>
<p>Instant View Button</p>
</div>
<div class="blog_image_wrap">
<a href="/file/811140915/2/bVBQHilQshY.84355/0ead38bc9a0136a38e" target="_blank"><img src="/file/811140915/2/bVBQHilQshY.84355/0ead38bc9a0136a38e" title="Instant View Page"/></a>
<p>Instant View Page</p> </div>
</div>
<p>Instant View pages are lightweight and cached on Telegram servers, so they load <strong>instantly</strong> on pretty much any connection — hence the name. But the best part is that webmasters don&#39;t need to change anything on their sites for Instant Views to work.</p>
<h3><a class="anchor" name="meet-the-instant-view-platform" href="#meet-the-instant-view-platform"><i class="anchor-icon"></i></a>Meet the Instant View Platform</h3>
<div class="dev_side_image">
<a href="/file/811140067/3/6oS3A6aSzxU.261217/1d6f75b81ed67c983a" target="_blank"><img src="/file/811140475/2/IqRP0kv3rj0.62045/ea4864d8029d9bbeab" title="Instant View Platform. Click for hi-res picture">
</a></div>
<p>To generate Instant View pages, our parser bot uses <strong>templates</strong> — sets of rules that tell the bot where to find useful content and what to ignore on a particular domain or URL. The bot uses these instructions to create a slim and beautiful Instant View representation of the source page.</p>
<p>Today we are launching the <strong>Instant View Platform</strong> that allows anyone to create their own templates for websites. Like everything else we launch, this platform is completely open. All are welcome to join us in our quest to make the world&#39;s information more accessible (in a much more elegant way) to users everywhere!</p>
<blockquote>
<p><a href="https://instantview.telegram.org/">Start here</a>, check out <a href="https://instantview.telegram.org/samples">our samples</a>, then open the Instant View Editor and youre ready to rock. Also, heres the <a href="https://instantview.telegram.org/docs">full reference doc</a> in case you want to know <strong>everything</strong>.</p>
</blockquote>
<h3><a class="anchor" name="200-000-competition-for-rule-makers" href="#200-000-competition-for-rule-makers"><i class="anchor-icon"></i></a>$200,000 Competition for Rule Makers</h3>
<p>To get the ball rolling, we&#39;re also launching a <strong>$200,000</strong> (now <strong>$315,000</strong>!) crowdsourcing competition for template makers. If you know a bit of HTML and want to participate, check out the <a href="https://instantview.telegram.org/contest">Contest page</a>. The task is easy: choose a website from our list and be the first to come up with the perfect set of rules to parse articles from that site into the Instant View format. Head over to the <a href="https://instantview.telegram.org/docs">docs</a> to get started!</p>
<p>For each website that you were the first to describe with an accurate set of rules before the end of the contest, you get <strong>$100</strong> from our fund. The one who manages to best describe the most contest domains with their templates will be declared the winner and will get <strong>$10,000</strong> on top of the payout from their templates. The second place winner gets a <strong>$5,000</strong> prize on top of what they made on successful template submissions.</p>
<blockquote>
<p>Winning templates will be used to display Instant View pages to all Telegram users after we approve them.</p>
</blockquote>
<p>Even if you don&#39;t know anything about HTML or programming, you can help our brave template-makers by finding and <strong>reporting issues</strong> with their work. If somebody wins with a bit of your help, you may <a href="https://instantview.telegram.org/rules#share-the-work-share-the-prize">get a share of the reward</a>. </p>
<h3><a class="anchor" name="tips-for-website-owners" href="#tips-for-website-owners"><i class="anchor-icon"></i></a>Tips for website owners</h3>
<p>If you own a website and want your articles to be viewed natively inside Telegram, simply have a developer add a <a href="https://instantview.telegram.org">template for your site</a>.</p>
<p>If you distribute your content via a Telegram channel, you don&#39;t even have to wait for us to approve your template. Simply send <a href="https://instantview.telegram.org/#publishing-templates">specially formatted links</a> to your subscribers and they will get Instant View pages based on your template right away.</p>
<p>You can also direct users who view Instant View pages from your site to join your channel on Telegram (<a href="https://instantview.telegram.org/#join-buttons">more on how to do that</a>):</p>
<div class="blog_image_wrap">
<a href="/file/811140724/4/Zt0nGcWP6PY.197865/dea1a139580c07641e" target="_blank"><img src="/file/811140724/4/Zt0nGcWP6PY.197865/dea1a139580c07641e" title="Join button"/></a>
<p>Join Button</p> </div>
<p>If any of this seems too complicated, just sit back and relax: crowdsourcing will take care of it for you in due time.</p>
<h3><a class="anchor" name="one-more-thing" href="#one-more-thing"><i class="anchor-icon"></i></a>One More Thing</h3>
<p>In version <strong>4.0</strong> weve added some nifty Instant View settings. You can now view your articles in dark, gray, or sepia-toned environments, as well as adjust the font type and size. The Auto-Night Theme setting will soothe your eyes by automatically showing dark pages when its late.</p>
<div class="blog_image_wrap">
<a href="/file/811140378/2/_iknMJxH76o.159505/c7ea3a9aa8fb87b663" target="_blank"><img src="/file/811140378/2/_iknMJxH76o.159505/c7ea3a9aa8fb87b663" title="Instant View Settings" /></a>
<p>Instant View Settings</p>
</div>
<p>When you find something noteworthy on an Instant View page, simply long tap on the paragraph to select it for quickly copying or sharing it with your contacts.</p>
<div class="blog_image_wrap">
<a href="http://telegra.ph/whatsapp-backdoor-01-16" target="_blank"><img src="/file/811140159/1/IcTbo-IVJmg.49864/7cfde9c25a631cbd4d" title="Quick Copy / Share" /></a>
<p>Quick Copy / Share</p>
</div>
<div><br></div>
<p>Good luck making rules, identifying issues, or if youre a regular user happy Instant Viewing!</p>
<blockquote>
<p>P.S. Follow <a href="https://t.me/ivcontest">@IVContest</a> to get the latest updates about the contest.</p>
</blockquote>
<div><br></div>
<p><em>May 18, 2017<br>The Telegram Team</em></p>
</div>
</div>
<div class="tl_main_share clearfix">
<a href="https://t.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Finstant-view-contest-200K&text=Instant%20View%20Platform%20and%20a%20%24200K%20contest%20to%20get%20Instant%20Views%20for%20the%20entire%20internet." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Instant View Platform and a &#036;200K contest to get Instant Views for the entire internet." data-url="https://telegram.org/blog/instant-view-contest-200K"><i class="tl_telegram_share_icon"></i><span class="tl_telegram_share_label" target="_blank">Forward</span></a>
<a href="https://twitter.com/share" class="tl_twitter_share_btn" id="tl_twitter_share_btn" data-text="Instant View Platform and a &#036;200K contest to get Instant Views for the entire internet." data-url="https://telegram.org/blog/instant-view-contest-200K" data-via="Telegram">Tweet <span class="tl_twitter_share_cnt"></span></a>
</div>
</div>
<div class="tl_main_recent_news_wrap tlb_other_news_wrap tl_blog_list_page_wrap">
<h3 class="tl_main_recent_news_header">
<a href="/blog">Other News</a>
</h3>
<div class="tl_main_recent_news_cards clearfix">
2024-07-31 18:27:22 +02:00
<a class="dev_blog_card_link_wrap" href="/blog/w3-browser-mini-app-store"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400778/4/yJDJIfzD2yk.228129/e8b08c158413db534e" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Browser, Mini App Store, Gifting Stars and More</h4>
<div class="dev_blog_card_lead">Today&#39;s update brings a new in-app browser that supports multiple tabs and makes Web3 available to almost a billion users, a Mini App Store…</div>
</div>
<div class="dev_blog_card_date">Jul 31, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/mini-app-bar-paid-media-and-more"><div class="dev_blog_card_wrap">
2024-06-30 16:26:52 +02:00
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400026/1/xwmW8Qofk5M.263566/16218cb12e7549e76b" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Mini App Bar, Paid Media, Story Search &amp; More</h4>
<div class="dev_blog_card_lead">Our June update adds a way to minimize mini apps into a compact bar, helps content creators monetize their channels with paid photos and…</div>
</div>
<div class="dev_blog_card_date">Jun 30, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/telegram-stars"><div class="dev_blog_card_wrap">
2024-06-06 18:05:16 +02:00
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400431/1/-u0XrknOtfw.232636/60f98efd626b95d010" />
2024-06-06 17:49:31 +02:00
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Stars: Pay for Digital Goods and More</h4>
<div class="dev_blog_card_lead">Over 400 million users interact with bots and mini apps on Telegram every month to buy products, access services, play games, and much…</div>
</div>
<div class="dev_blog_card_date">Jun 6, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/message-effects-and-more"><div class="dev_blog_card_wrap">
2024-05-31 19:42:39 +02:00
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400575/2/8KHh7_LfT2A.255792/813a31e04522b5856a" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Message Effects, Hashtag Search, and More</h4>
<div class="dev_blog_card_lead">With this update, you can add spectacular animated effects to messages you send, move captions above media, find public posts using global…</div>
</div>
<div class="dev_blog_card_date">May 31, 2024</div>
2022-02-24 19:51:11 +01:00
</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer_wrap">
<div class="footer_columns_wrap footer_desktop">
<div class="footer_column footer_column_telegram">
<h5>Telegram</h5>
<div class="footer_telegram_description"></div>
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
</div>
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
<ul>
<li><a href="/faq">FAQ</a></li>
2022-09-09 12:10:24 +02:00
<li><a href="/privacy">Privacy</a></li>
2022-09-09 23:58:59 +02:00
<li><a href="/press">Press</a></li>
2022-02-24 19:51:11 +01:00
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="/dl/ios">iPhone/iPad</a></li>
2022-09-09 23:58:59 +02:00
<li><a href="/android">Android</a></li>
<li><a href="/dl/web">Mobile Web</a></li>
2022-02-24 19:51:11 +01:00
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#desktop-apps">Desktop Apps</a></h5>
<ul>
<li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
<li><a href="//macos.telegram.org/">macOS</a></li>
<li><a href="/dl/web">Web-browser</a></li>
</ul>
</div>
<div class="footer_column footer_column_platform">
<h5><a href="//core.telegram.org/">Platform</a></h5>
<ul>
<li><a href="//core.telegram.org/api">API</a></li>
<li><a href="//translations.telegram.org/">Translations</a></li>
<li><a href="//instantview.telegram.org/">Instant View</a></li>
</ul>
</div>
</div>
<div class="footer_columns_wrap footer_mobile">
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="/blog">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="/apps">Apps</a></h5>
</div>
<div class="footer_column">
<h5><a href="//core.telegram.org/">Platform</a></h5>
</div>
<div class="footer_column">
2024-02-15 09:14:18 +01:00
<h5><a href="/press">Press</a></h5>
2022-02-24 19:51:11 +01:00
</div>
</div>
</div>
2022-12-10 23:50:15 +01:00
<script src="/js/main.js?47"></script>
2022-02-24 19:51:11 +01:00
2022-12-10 23:01:14 +01:00
<script>twitterCustomShareInit();
2022-02-24 19:51:11 +01:00
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>