Update content of files

This commit is contained in:
GitHub Action 2024-09-06 13:34:56 +00:00
parent ce9c883e43
commit b012939ed8
5 changed files with 409 additions and 22 deletions
data/web
blogfork.telegram.org/bots
core.telegram.org/bots
telegram.org/blog

View file

@ -55,6 +55,18 @@ To learn how to create…">
<p>Subscribe to <a href="https://t.me/botnews">@BotNews</a> to be the first to know about the latest updates and join the discussion in <a href="https://t.me/bottalk">@BotTalk</a></p>
</blockquote>
<h3><a class="anchor" name="2024" href="#2024"><i class="anchor-icon"></i></a>2024</h3>
<h4><a class="anchor" name="september-6-2024" href="#september-6-2024"><i class="anchor-icon"></i></a>September 6, 2024</h4>
<p><strong>Bot API 7.10</strong></p>
<ul>
<li>Added updates about purchased paid media, represented by the class <a href="/bots/api#paidmediapurchased">PaidMediaPurchased</a> and the field <em>purchased_paid_media</em> in the class <a href="/bots/api#update">Update</a>.</li>
<li>Added the ability to specify a payload in <a href="/bots/api#sendpaidmedia">sendPaidMedia</a> that is received back by the bot in <a href="/bots/api#transactionpartneruser">TransactionPartnerUser</a> and <em>purchased_paid_media</em> updates.</li>
<li>Added the field <em>prize_star_count</em> to the classes <a href="/bots/api#giveawaycreated">GiveawayCreated</a>, <a href="/bots/api#giveaway">Giveaway</a>, <a href="/bots/api#giveawaywinners">GiveawayWinners</a> and <a href="/bots/api#chatboostsourcegiveaway">ChatBoostSourceGiveaway</a>.</li>
<li>Added the field <em>is_star_giveaway</em> to the class <a href="/bots/api#giveawaycompleted">GiveawayCompleted</a>.</li>
<li>Added the field <em>SecondaryButton</em> to the class <a href="/bots/webapps#initializing-mini-apps">WebApp</a>.</li>
<li>Added the event <em>secondaryButtonClicked</em> for Mini Apps.</li>
<li>Added the field <em>bottomBarColor</em> and the method <em>setBottomBarColor</em> to the class <a href="/bots/webapps#initializing-mini-apps">WebApp</a>.</li>
<li>Added the field <em>bottom_bar_bg_color</em> to the class <a href="/bots/webapps#themeparams">ThemeParams</a>.</li>
</ul>
<h4><a class="anchor" name="august-14-2024" href="#august-14-2024"><i class="anchor-icon"></i></a>August 14, 2024</h4>
<p><strong>Bot API 7.9</strong></p>
<ul>

View file

@ -57,6 +57,15 @@
</blockquote>
<hr>
<h3><a class="anchor" name="recent-changes" href="#recent-changes"><i class="anchor-icon"></i></a>Recent changes</h3>
<h4><a class="anchor" name="september-6-2024" href="#september-6-2024"><i class="anchor-icon"></i></a>September 6, 2024</h4>
<p><strong>Bot API 7.10</strong></p>
<ul>
<li>Added the field <em>SecondaryButton</em> to the class <a href="#initializing-mini-apps">WebApp</a>.</li>
<li>Added the event <em>secondaryButtonClicked</em>.</li>
<li>Renamed the class <em>MainButton</em> to the class <a href="#bottombutton">BottomButton</a>.</li>
<li>Added the field <em>bottomBarColor</em> and the method <em>setBottomBarColor</em> to the class <a href="#initializing-mini-apps">WebApp</a>.</li>
<li>Added the field <em>bottom_bar_bg_color</em> to the class <a href="#themeparams">ThemeParams</a>.</li>
</ul>
<h4><a class="anchor" name="july-31-2024" href="#july-31-2024"><i class="anchor-icon"></i></a>July 31, 2024</h4>
<p><strong>Bot API 7.8</strong></p>
<ul>
@ -332,6 +341,11 @@
<td>Current background color in the <code>#RRGGBB</code> format.</td>
</tr>
<tr>
<td>bottomBarColor</td>
<td>String</td>
<td>Current bottom bar color in the <code>#RRGGBB</code> format.</td>
</tr>
<tr>
<td>isClosingConfirmationEnabled</td>
<td>Boolean</td>
<td><em>True</em>, if the confirmation dialog is enabled while the user is trying to close the Mini App. <em>False</em>, if the confirmation dialog is disabled.</td>
@ -348,10 +362,15 @@
</tr>
<tr>
<td>MainButton</td>
<td><a href="#mainbutton">MainButton</a></td>
<td><a href="#bottombutton">BottomButton</a></td>
<td>An object for controlling the main button, which is displayed at the bottom of the Mini App in the Telegram interface.</td>
</tr>
<tr>
<td>SecondaryButton</td>
<td><a href="#bottombutton">BottomButton</a></td>
<td>An object for controlling the secondary button, which is displayed at the bottom of the Mini App in the Telegram interface.</td>
</tr>
<tr>
<td>SettingsButton</td>
<td><a href="#settingsbutton">SettingsButton</a></td>
<td>An object for controlling the Settings item in the context menu of the Mini App in the Telegram interface.</td>
@ -387,6 +406,11 @@
<td><mark>Bot API 6.1+</mark> A method that sets the app background color in the <code>#RRGGBB</code> format. You can also use keywords <em>bg_color</em> and <em>secondary_bg_color</em>.</td>
</tr>
<tr>
<td>setBottomBarColor(color)</td>
<td>Function</td>
<td><mark>Bot API 7.10+</mark> A method that sets the app&#39;s bottom bar color in the <code>#RRGGBB</code> format. You can also use the keywords <em>bg_color</em>, <em>secondary_bg_color</em> and <em>bottom_bar_bg_color</em>.</td>
</tr>
<tr>
<td>enableClosingConfirmation()</td>
<td>Function</td>
<td><mark>Bot API 6.2+</mark> A method that enables a confirmation dialog while the user is trying to close the Mini App.</td>
@ -555,6 +579,11 @@
<td><em>Optional</em>. <mark>Bot API 7.0+</mark> Header background color in the <code>#RRGGBB</code> format.<br>Also available as the CSS variable <code>var(--tg-theme-header-bg-color)</code>.</td>
</tr>
<tr>
<td>bottom_bar_bg_color</td>
<td>String</td>
<td><em>Optional</em>. <mark>Bot API 7.10+</mark> Bottom background color in the <code>#RRGGBB</code> format.<br>Also available as the CSS variable <code>var(--tg-theme-bottom-bar-bg-color)</code>.</td>
</tr>
<tr>
<td>accent_text_color</td>
<td>String</td>
<td><em>Optional</em>. <mark>Bot API 7.0+</mark> Accent text color in the <code>#RRGGBB</code> format.<br>Also available as the CSS variable <code>var(--tg-theme-accent-text-color)</code>.</td>
@ -750,8 +779,8 @@
</tbody>
</table>
<p>All these methods return the BackButton object so they can be chained.</p>
<h4><a class="anchor" name="mainbutton" href="#mainbutton"><i class="anchor-icon"></i></a>MainButton</h4>
<p>This object controls the main button, which is displayed at the bottom of the Mini App in the Telegram interface.</p>
<h4><a class="anchor" name="bottombutton" href="#bottombutton"><i class="anchor-icon"></i></a>BottomButton</h4>
<p>This object controls the button that is displayed at the bottom of the Mini App in the Telegram interface.</p>
<table class="table">
<thead>
<tr>
@ -762,19 +791,24 @@
</thead>
<tbody>
<tr>
<td>type</td>
<td>String</td>
<td><em>Readonly.</em> Type of the button. It can be either <em>main</em> for the main button or <em>secondary</em> for the secondary button.</td>
</tr>
<tr>
<td>text</td>
<td>String</td>
<td>Current button text. Set to <em>CONTINUE</em> by default.</td>
<td>Current button text. Set to <em>Continue</em> for the main button and <em>Cancel</em> for the secondary button by default.</td>
</tr>
<tr>
<td>color</td>
<td>String</td>
<td>Current button color. Set to <em>themeParams.button_color</em> by default.</td>
<td>Current button color. Set to <em>themeParams.button_color</em> for the main button and <em>themeParams.bottom_bar_bg_color</em> for the secondary button by default.</td>
</tr>
<tr>
<td>textColor</td>
<td>String</td>
<td>Current button text color. Set to <em>themeParams.button_text_color</em> by default.</td>
<td>Current button text color. Set to <em>themeParams.button_text_color</em> for the main button and <em>themeParams.button_color</em> for the secondary button by default.</td>
</tr>
<tr>
<td>isVisible</td>
@ -787,6 +821,16 @@
<td>Shows whether the button is active. Set to <em>true</em> by default.</td>
</tr>
<tr>
<td>hasShineEffect</td>
<td>Boolean</td>
<td><mark>Bot API 7.10+</mark> Shows whether the button has a shine effect. Set to <em>false</em> by default.</td>
</tr>
<tr>
<td>position</td>
<td>String</td>
<td><mark>Bot API 7.10+</mark> Position of the secondary button. Not defined for the main button. It applies only if both the main and secondary buttons are visible. Set to <em>left</em> by default.<br>Supported values:<br>- <em>left</em>, displayed to the left of the main button,<br>- <em>right</em>, displayed to the right of the main button,<br>- <em>top</em>, displayed above the main button,<br>- <em>bottom</em>, displayed below the main button.</td>
</tr>
<tr>
<td>isProgressVisible</td>
<td>Boolean</td>
<td><em>Readonly.</em> Shows whether the button is displaying a loading indicator.</td>
@ -799,12 +843,12 @@
<tr>
<td>onClick(callback)</td>
<td>Function</td>
<td>A method that sets the button press event handler. An alias for <code>Telegram.WebApp.onEvent(&#39;mainButtonClicked&#39;, callback)</code></td>
<td>A method that sets the button&#39;s press event handler. An alias for <code>Telegram.WebApp.onEvent(&#39;mainButtonClicked&#39;, callback)</code></td>
</tr>
<tr>
<td>offClick(callback)</td>
<td>Function</td>
<td>A method that removes the button press event handler. An alias for <code>Telegram.WebApp.offEvent(&#39;mainButtonClicked&#39;, callback)</code></td>
<td>A method that removes the button&#39;s press event handler. An alias for <code>Telegram.WebApp.offEvent(&#39;mainButtonClicked&#39;, callback)</code></td>
</tr>
<tr>
<td>show()</td>
@ -839,11 +883,11 @@
<tr>
<td>setParams(params)</td>
<td>Function</td>
<td>A method to set the button parameters. The <em>params</em> parameter is an object containing one or several fields that need to be changed:<br><strong>text</strong> - button text;<br><strong>color</strong> - button color;<br><strong>text_color</strong> - button text color;<br><strong>is_active</strong> - enable the button;<br><strong>is_visible</strong> - show the button.</td>
<td>A method to set the button parameters. The <em>params</em> parameter is an object containing one or several fields that need to be changed:<br><strong>text</strong> - button text;<br><strong>color</strong> - button color;<br><strong>text_color</strong> - button text color;<br><strong>has_shine_effect</strong> - <mark>Bot API 7.10+</mark> enable shine effect;<br><strong>position</strong> - position of the secondary button;<br><strong>is_active</strong> - enable the button;<br><strong>is_visible</strong> - show the button.</td>
</tr>
</tbody>
</table>
<p>All these methods return the MainButton object so they can be chained.</p>
<p>All these methods return the BottomButton object so they can be chained.</p>
<h4><a class="anchor" name="settingsbutton" href="#settingsbutton"><i class="anchor-icon"></i></a>SettingsButton</h4>
<p>This object controls the <strong>Settings</strong> item in the context menu of the Mini App in the Telegram interface.</p>
<table class="table">
@ -1262,7 +1306,11 @@ if (hex(HMAC_SHA256(data_check_string, secret_key)) == hash) {
</tr>
<tr>
<td><code>mainButtonClicked</code></td>
<td>Occurs when the <a href="#mainbutton">main button</a> is pressed.<br><em>eventHandler</em> receives no parameters.</td>
<td>Occurs when the <a href="#bottombutton">main button</a> is pressed.<br><em>eventHandler</em> receives no parameters.</td>
</tr>
<tr>
<td><code>secondaryButtonClicked</code></td>
<td><mark>Bot API 7.10+</mark> Occurs when the <a href="#bottombutton">secondary button</a> is pressed.<br><em>eventHandler</em> receives no parameters.</td>
</tr>
<tr>
<td><code>backButtonClicked</code></td>

View file

@ -55,6 +55,18 @@ To learn how to create…">
<p>Subscribe to <a href="https://t.me/botnews">@BotNews</a> to be the first to know about the latest updates and join the discussion in <a href="https://t.me/bottalk">@BotTalk</a></p>
</blockquote>
<h3><a class="anchor" name="2024" href="#2024"><i class="anchor-icon"></i></a>2024</h3>
<h4><a class="anchor" name="september-6-2024" href="#september-6-2024"><i class="anchor-icon"></i></a>September 6, 2024</h4>
<p><strong>Bot API 7.10</strong></p>
<ul>
<li>Added updates about purchased paid media, represented by the class <a href="/bots/api#paidmediapurchased">PaidMediaPurchased</a> and the field <em>purchased_paid_media</em> in the class <a href="/bots/api#update">Update</a>.</li>
<li>Added the ability to specify a payload in <a href="/bots/api#sendpaidmedia">sendPaidMedia</a> that is received back by the bot in <a href="/bots/api#transactionpartneruser">TransactionPartnerUser</a> and <em>purchased_paid_media</em> updates.</li>
<li>Added the field <em>prize_star_count</em> to the classes <a href="/bots/api#giveawaycreated">GiveawayCreated</a>, <a href="/bots/api#giveaway">Giveaway</a>, <a href="/bots/api#giveawaywinners">GiveawayWinners</a> and <a href="/bots/api#chatboostsourcegiveaway">ChatBoostSourceGiveaway</a>.</li>
<li>Added the field <em>is_star_giveaway</em> to the class <a href="/bots/api#giveawaycompleted">GiveawayCompleted</a>.</li>
<li>Added the field <em>SecondaryButton</em> to the class <a href="/bots/webapps#initializing-mini-apps">WebApp</a>.</li>
<li>Added the event <em>secondaryButtonClicked</em> for Mini Apps.</li>
<li>Added the field <em>bottomBarColor</em> and the method <em>setBottomBarColor</em> to the class <a href="/bots/webapps#initializing-mini-apps">WebApp</a>.</li>
<li>Added the field <em>bottom_bar_bg_color</em> to the class <a href="/bots/webapps#themeparams">ThemeParams</a>.</li>
</ul>
<h4><a class="anchor" name="august-14-2024" href="#august-14-2024"><i class="anchor-icon"></i></a>August 14, 2024</h4>
<p><strong>Bot API 7.9</strong></p>
<ul>

View file

@ -57,6 +57,15 @@
</blockquote>
<hr>
<h3><a class="anchor" name="recent-changes" href="#recent-changes"><i class="anchor-icon"></i></a>Recent changes</h3>
<h4><a class="anchor" name="september-6-2024" href="#september-6-2024"><i class="anchor-icon"></i></a>September 6, 2024</h4>
<p><strong>Bot API 7.10</strong></p>
<ul>
<li>Added the field <em>SecondaryButton</em> to the class <a href="#initializing-mini-apps">WebApp</a>.</li>
<li>Added the event <em>secondaryButtonClicked</em>.</li>
<li>Renamed the class <em>MainButton</em> to the class <a href="#bottombutton">BottomButton</a>.</li>
<li>Added the field <em>bottomBarColor</em> and the method <em>setBottomBarColor</em> to the class <a href="#initializing-mini-apps">WebApp</a>.</li>
<li>Added the field <em>bottom_bar_bg_color</em> to the class <a href="#themeparams">ThemeParams</a>.</li>
</ul>
<h4><a class="anchor" name="july-31-2024" href="#july-31-2024"><i class="anchor-icon"></i></a>July 31, 2024</h4>
<p><strong>Bot API 7.8</strong></p>
<ul>
@ -332,6 +341,11 @@
<td>Current background color in the <code>#RRGGBB</code> format.</td>
</tr>
<tr>
<td>bottomBarColor</td>
<td>String</td>
<td>Current bottom bar color in the <code>#RRGGBB</code> format.</td>
</tr>
<tr>
<td>isClosingConfirmationEnabled</td>
<td>Boolean</td>
<td><em>True</em>, if the confirmation dialog is enabled while the user is trying to close the Mini App. <em>False</em>, if the confirmation dialog is disabled.</td>
@ -348,10 +362,15 @@
</tr>
<tr>
<td>MainButton</td>
<td><a href="#mainbutton">MainButton</a></td>
<td><a href="#bottombutton">BottomButton</a></td>
<td>An object for controlling the main button, which is displayed at the bottom of the Mini App in the Telegram interface.</td>
</tr>
<tr>
<td>SecondaryButton</td>
<td><a href="#bottombutton">BottomButton</a></td>
<td>An object for controlling the secondary button, which is displayed at the bottom of the Mini App in the Telegram interface.</td>
</tr>
<tr>
<td>SettingsButton</td>
<td><a href="#settingsbutton">SettingsButton</a></td>
<td>An object for controlling the Settings item in the context menu of the Mini App in the Telegram interface.</td>
@ -387,6 +406,11 @@
<td><mark>Bot API 6.1+</mark> A method that sets the app background color in the <code>#RRGGBB</code> format. You can also use keywords <em>bg_color</em> and <em>secondary_bg_color</em>.</td>
</tr>
<tr>
<td>setBottomBarColor(color)</td>
<td>Function</td>
<td><mark>Bot API 7.10+</mark> A method that sets the app&#39;s bottom bar color in the <code>#RRGGBB</code> format. You can also use the keywords <em>bg_color</em>, <em>secondary_bg_color</em> and <em>bottom_bar_bg_color</em>.</td>
</tr>
<tr>
<td>enableClosingConfirmation()</td>
<td>Function</td>
<td><mark>Bot API 6.2+</mark> A method that enables a confirmation dialog while the user is trying to close the Mini App.</td>
@ -555,6 +579,11 @@
<td><em>Optional</em>. <mark>Bot API 7.0+</mark> Header background color in the <code>#RRGGBB</code> format.<br>Also available as the CSS variable <code>var(--tg-theme-header-bg-color)</code>.</td>
</tr>
<tr>
<td>bottom_bar_bg_color</td>
<td>String</td>
<td><em>Optional</em>. <mark>Bot API 7.10+</mark> Bottom background color in the <code>#RRGGBB</code> format.<br>Also available as the CSS variable <code>var(--tg-theme-bottom-bar-bg-color)</code>.</td>
</tr>
<tr>
<td>accent_text_color</td>
<td>String</td>
<td><em>Optional</em>. <mark>Bot API 7.0+</mark> Accent text color in the <code>#RRGGBB</code> format.<br>Also available as the CSS variable <code>var(--tg-theme-accent-text-color)</code>.</td>
@ -750,8 +779,8 @@
</tbody>
</table>
<p>All these methods return the BackButton object so they can be chained.</p>
<h4><a class="anchor" name="mainbutton" href="#mainbutton"><i class="anchor-icon"></i></a>MainButton</h4>
<p>This object controls the main button, which is displayed at the bottom of the Mini App in the Telegram interface.</p>
<h4><a class="anchor" name="bottombutton" href="#bottombutton"><i class="anchor-icon"></i></a>BottomButton</h4>
<p>This object controls the button that is displayed at the bottom of the Mini App in the Telegram interface.</p>
<table class="table">
<thead>
<tr>
@ -762,19 +791,24 @@
</thead>
<tbody>
<tr>
<td>type</td>
<td>String</td>
<td><em>Readonly.</em> Type of the button. It can be either <em>main</em> for the main button or <em>secondary</em> for the secondary button.</td>
</tr>
<tr>
<td>text</td>
<td>String</td>
<td>Current button text. Set to <em>CONTINUE</em> by default.</td>
<td>Current button text. Set to <em>Continue</em> for the main button and <em>Cancel</em> for the secondary button by default.</td>
</tr>
<tr>
<td>color</td>
<td>String</td>
<td>Current button color. Set to <em>themeParams.button_color</em> by default.</td>
<td>Current button color. Set to <em>themeParams.button_color</em> for the main button and <em>themeParams.bottom_bar_bg_color</em> for the secondary button by default.</td>
</tr>
<tr>
<td>textColor</td>
<td>String</td>
<td>Current button text color. Set to <em>themeParams.button_text_color</em> by default.</td>
<td>Current button text color. Set to <em>themeParams.button_text_color</em> for the main button and <em>themeParams.button_color</em> for the secondary button by default.</td>
</tr>
<tr>
<td>isVisible</td>
@ -787,6 +821,16 @@
<td>Shows whether the button is active. Set to <em>true</em> by default.</td>
</tr>
<tr>
<td>hasShineEffect</td>
<td>Boolean</td>
<td><mark>Bot API 7.10+</mark> Shows whether the button has a shine effect. Set to <em>false</em> by default.</td>
</tr>
<tr>
<td>position</td>
<td>String</td>
<td><mark>Bot API 7.10+</mark> Position of the secondary button. Not defined for the main button. It applies only if both the main and secondary buttons are visible. Set to <em>left</em> by default.<br>Supported values:<br>- <em>left</em>, displayed to the left of the main button,<br>- <em>right</em>, displayed to the right of the main button,<br>- <em>top</em>, displayed above the main button,<br>- <em>bottom</em>, displayed below the main button.</td>
</tr>
<tr>
<td>isProgressVisible</td>
<td>Boolean</td>
<td><em>Readonly.</em> Shows whether the button is displaying a loading indicator.</td>
@ -799,12 +843,12 @@
<tr>
<td>onClick(callback)</td>
<td>Function</td>
<td>A method that sets the button press event handler. An alias for <code>Telegram.WebApp.onEvent(&#39;mainButtonClicked&#39;, callback)</code></td>
<td>A method that sets the button&#39;s press event handler. An alias for <code>Telegram.WebApp.onEvent(&#39;mainButtonClicked&#39;, callback)</code></td>
</tr>
<tr>
<td>offClick(callback)</td>
<td>Function</td>
<td>A method that removes the button press event handler. An alias for <code>Telegram.WebApp.offEvent(&#39;mainButtonClicked&#39;, callback)</code></td>
<td>A method that removes the button&#39;s press event handler. An alias for <code>Telegram.WebApp.offEvent(&#39;mainButtonClicked&#39;, callback)</code></td>
</tr>
<tr>
<td>show()</td>
@ -839,11 +883,11 @@
<tr>
<td>setParams(params)</td>
<td>Function</td>
<td>A method to set the button parameters. The <em>params</em> parameter is an object containing one or several fields that need to be changed:<br><strong>text</strong> - button text;<br><strong>color</strong> - button color;<br><strong>text_color</strong> - button text color;<br><strong>is_active</strong> - enable the button;<br><strong>is_visible</strong> - show the button.</td>
<td>A method to set the button parameters. The <em>params</em> parameter is an object containing one or several fields that need to be changed:<br><strong>text</strong> - button text;<br><strong>color</strong> - button color;<br><strong>text_color</strong> - button text color;<br><strong>has_shine_effect</strong> - <mark>Bot API 7.10+</mark> enable shine effect;<br><strong>position</strong> - position of the secondary button;<br><strong>is_active</strong> - enable the button;<br><strong>is_visible</strong> - show the button.</td>
</tr>
</tbody>
</table>
<p>All these methods return the MainButton object so they can be chained.</p>
<p>All these methods return the BottomButton object so they can be chained.</p>
<h4><a class="anchor" name="settingsbutton" href="#settingsbutton"><i class="anchor-icon"></i></a>SettingsButton</h4>
<p>This object controls the <strong>Settings</strong> item in the context menu of the Mini App in the Telegram interface.</p>
<table class="table">
@ -1262,7 +1306,11 @@ if (hex(HMAC_SHA256(data_check_string, secret_key)) == hash) {
</tr>
<tr>
<td><code>mainButtonClicked</code></td>
<td>Occurs when the <a href="#mainbutton">main button</a> is pressed.<br><em>eventHandler</em> receives no parameters.</td>
<td>Occurs when the <a href="#bottombutton">main button</a> is pressed.<br><em>eventHandler</em> receives no parameters.</td>
</tr>
<tr>
<td><code>secondaryButtonClicked</code></td>
<td><mark>Bot API 7.10+</mark> Occurs when the <a href="#bottombutton">secondary button</a> is pressed.<br><em>eventHandler</em> receives no parameters.</td>
</tr>
<tr>
<td><code>backButtonClicked</code></td>

View file

@ -0,0 +1,267 @@
<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Star Giveaways and More</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Star Giveaways and More">
<meta property="og:image" content="https://telegram.org/file/400780400331/1/tuLhKJmWKdw.276665/463e789d166b4e3890">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="With today&#39;s update, groups and channels can use Telegram Stars as prizes in Giveaways. Also, any article you open in the Telegram Browser can now be converted to Instant View, making it easy to read.">
<meta property="article:published_time" content="2024-09-06T12:59:52+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/400780400331/1/tuLhKJmWKdw.276665/463e789d166b4e3890" />
<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/star-giveaways-iv-in-browser" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<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" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?240" rel="stylesheet" media="screen">
</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">
<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>
<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">
<a href="/blog/star-giveaways-iv-in-browser" class="side_blog_entry">
<div class="side_blog_date">Sep 6</div>
<div class="side_blog_title">Star Giveaways and More</div>
</a><a href="/blog/superchannels-star-reactions-subscriptions" class="side_blog_entry">
<div class="side_blog_date">Aug 14</div>
<div class="side_blog_title">Super Channels, Star Reactions and Subscriptions</div>
</a><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">
<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">
<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">
<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">
<div class="side_blog_date">Apr 25</div>
<div class="side_blog_title">My Profile, Recommended Channels and 15 More Features</div>
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Star Giveaways and More</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<picture class="dev_page_tgsticker blog_side_image js-tgsticker_image" style="width:160px;"><div style="padding-top:100%"></div><source type="application/x-tgsticker" srcset="/file/400780400769/1/QW1BRLPyrRw.19379/5ce8fb0fa6ce76395f"><img src="/file/400780400769/2/-eGhMFVvAME.25051.png/ba7bb2512835cb3c6e" /></picture>
</div>
<div class="blog_wide_image">
<a href="/file/400780400604/3/PphprbwBWQU.601883/ed44508ef1672f8a41" target="_blank"><img src="/file/400780400331/1/tuLhKJmWKdw.276665/463e789d166b4e3890" srcset="/file/400780400604/3/PphprbwBWQU.601883/ed44508ef1672f8a41, 1200w" alt="Star Giveaways and More"/></a>
</div>
<p>With today&#39;s update, groups and channels can use <strong>Telegram Stars</strong> as prizes in <strong>Giveaways</strong>. Also, <strong>any article</strong> you open in the Telegram Browser can now be <strong>converted to Instant View</strong>, making it easy to read.</p>
<h4><a class="anchor" name="star-giveaways" href="#star-giveaways"><i class="anchor-icon"></i></a>Star Giveaways</h4>
<p>Channel and group owners can host <a href="https://telegram.org/evolution#november-2023-first-update">giveaways</a> to <strong>promote their communities</strong> and reward random members with prizes — in exchange, they <strong>earn boosts</strong> which unlock posting <strong>channel stories</strong> and <a href="https://telegram.org/blog/february2024#boosts-for-groups">other perks</a>.</p>
<p>In addition to <a href="https://telegram.org/blog/giveaways#free-telegram-premium">Telegram Premium</a> subscriptions and <a href="https://telegram.org/blog/posts-in-stories-and-more#custom-prizes-and-winner-lists-in-giveaways">real-world prizes</a>, you can now <strong>give away Telegram Stars</strong> as well. Winners can spend their Stars on <a href="https://telegram.org/blog/mini-app-bar-paid-media-and-more">paid media</a> and <a href="https://telegram.org/blog/superchannels-star-reactions-subscriptions#star-subscriptions">exclusive subscriptions</a> in channels — or in <strong>games</strong> and <strong>mini apps</strong> on the Telegram platform.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<div><video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/400780400250/2/RSGZNnjlRpw.44476/37aff8efddb2630898" style="max-width: 600px;" alt="Star Giveaways">
<source src="/file/400780400321/3/jSfOVqYCxxg.5226229.mp4/8a9d0920cdfc14342d" type="video/mp4">
</video></div>
<p>Just in case you want a meteor shower in your channel. <img class="emoji" src="//telegram.org/img/emoji/40/F09F988C.png" width="20" height="20" alt="😌" /></p>
</div>
<!-- For translators: <p>Just in case you want to rain stars on your subscribers.</p> You can also use some allusion to meteor showers, etc.-->
<p>Giveaways are <strong>prepaid</strong> and <strong>completely transparent</strong> — with <strong>customizable settings</strong> for organizers.</p>
<blockquote>
<p>Channel owners can start a giveaway via <em>Channel Settings &gt; Statistics &gt; Boosts</em>. For groups, go to <em>Group Info &gt; Statistics &gt; Boosts</em>.</p>
</blockquote>
<p>The App Store and Google Play limit the size of transactions — but with <a href="https://t.me/premiumbot">@PremiumBot</a> you can create <strong>larger giveaways</strong> at a <strong>lower cost</strong>. </p>
<h4><a class="anchor" name="instant-view-for-telegram-browser" href="#instant-view-for-telegram-browser"><i class="anchor-icon"></i></a>Instant View for Telegram Browser</h4>
<p>In 2016, Telegram launched the <a href="https://telegram.org/evolution#november-2016">Instant View</a> standard — which automatically optimizes articles into <strong>perfectly formatted</strong> pages for your device with <strong>zero load times</strong>. This feature works for thousands of the most popular sites.</p>
<p>Telegram&#39;s <a href="https://telegram.org/blog/w3-browser-mini-app-store#telegram-browser">in-app browser</a> can now convert <strong>any article</strong> you are viewing into a more readable, <strong>lightweight layout</strong>.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<div><video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/400780400535/1/PwFQi_6Eh48.41735/06e6d0c750fc7438c4" style="max-width: 600px;" alt="Instant View for Telegram Browser">
<source src="/file/400780400057/1/uJO3Sh6rKWY.3929671.mp4/23b67d4a4d27876f5f" type="video/mp4">
</video></div>
<p>Just in case you like to choose your own distractions. <img class="emoji" src="//telegram.org/img/emoji/40/F09F988C.png" width="20" height="20" alt="😌" /></p>
</div>
<p>To change a page to Instant View format, open the <strong>browser menu</strong> and select <em>Show Instant View</em>.</p>
<blockquote>
<p>This new functionality was made possible thanks to Mozillas <a href="https://github.com/mozilla/readability">open source library</a>.</p>
</blockquote>
<h4><a class="anchor" name="fewer-bugs-and-more-optimization" href="#fewer-bugs-and-more-optimization"><i class="anchor-icon"></i></a>Fewer Bugs and More Optimization</h4>
<p>Our team also set aside some special time last month to <strong>fix bugs</strong> and <strong>increase performance</strong> across Telegram&#39;s mobile and desktop apps. Thank you for all the user reports on our dedicated <a href="https://bugs.telegram.org/">Bug Platform</a>!</p>
<blockquote>
<p>You can also leave your feature requests on our <a href="https://bugs.telegram.org/suggestions">Suggestions Platform</a>.</p>
</blockquote>
<h4><a class="anchor" name="mini-app-improvements" href="#mini-app-improvements"><i class="anchor-icon"></i></a>Mini App Improvements</h4>
<p>Several bug fixes were implemented for <strong>mini apps</strong> making them even smoother and <strong>more responsive</strong>, along with new <strong>button options</strong> for developers.</p>
<p>Instead of just one button, mini apps can now display <strong>two buttons</strong> at a time in a <strong>side-by-side</strong> or <strong>stacked orientation</strong>. We also implemented a new <strong>shimmer effect</strong> for buttons that can be used to attract attention and guide users.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<div><video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/400780400508/2/L0QA3sT0Nwg.121892/d19350ea6ff1686c22" style="max-width: 600px;" alt="Mini App Buttons">
<source src="/file/400780400191/3/uPIv2In00Vc.2731072.mp4/9a35d2f4e92d53d1ca" type="video/mp4">
</video></div>
<p>Just in case you need a button with your button. <img class="emoji" src="//telegram.org/img/emoji/40/F09F988C.png" width="20" height="20" alt="😌" /></p>
</div>
<blockquote>
<p>Developers can see the full details in our latest <a href="https://core.telegram.org/bots/api-changelog#september-6-2024">Bot API update</a>.</p>
</blockquote>
<h4><a class="anchor" name="10-million-premium-subscribers" href="#10-million-premium-subscribers"><i class="anchor-icon"></i></a>10 Million Premium Subscribers</h4>
<p>This month, Telegram surpassed <strong>10 million</strong> Premium subscribers — a <strong>2x increase</strong> in less than 8 months. This growth helps support our goal of <a href="https://t.me/durov/142">sustainable monetization</a> that <strong>prioritizes users</strong> and their privacy.</p>
<p>We thank all of our Premium subscribers for their continued support — which allows Telegram to continue creating powerful features that change how nearly <strong>one billion</strong> people communicate.</p>
<p>That&#39;s all for today&#39;s update, we&#39;ll be back to give away more features very soon.</p>
<div><br></div>
<p><em>September 6, 2024<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%2Fstar-giveaways-iv-in-browser&text=With%20today%27s%20update%2C%20groups%20and%20channels%20can%20use%20Telegram%20Stars%20as%20prizes%20in%20Giveaways.%20Also%2C%20any%20article%20you%20open%20in%20the%20Telegram%20Browser%20can%20now%20be%20converted%20to%20Instant%20View%2C%20making%20it%20easy%20to%20read." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="With today&#39;s update, groups and channels can use Telegram Stars as prizes in Giveaways. Also, any article you open in the Telegram Browser can now be converted to Instant View, making it easy to read." data-url="https://telegram.org/blog/star-giveaways-iv-in-browser"><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="With today&#39;s update, groups and channels can use Telegram Stars as prizes in Giveaways. Also, any article you open in the Telegram Browser can now be converted to Instant View, making it easy to read." data-url="https://telegram.org/blog/star-giveaways-iv-in-browser" 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">
<a class="dev_blog_card_link_wrap" href="/blog/superchannels-star-reactions-subscriptions"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400436/1/AFpKVW0u5fw.267441/5fd61b6d2531113c45" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Super Channels, Star Reactions and Subscriptions</h4>
<div class="dev_blog_card_lead">Today is Telegram&#39;s 11th anniversary. Meet Star Reactions and Star Subscriptions that let users support content creators, paid media for…</div>
</div>
<div class="dev_blog_card_date">Aug 14, 2024</div>
</div></a><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">
<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">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400431/1/-u0XrknOtfw.232636/60f98efd626b95d010" />
<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>
</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>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/press">Press</a></li>
</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>
<li><a href="/android">Android</a></li>
<li><a href="/dl/web">Mobile Web</a></li>
</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">
<h5><a href="/press">Press</a></h5>
</div>
</div>
</div>
<script src="/js/main.js?47"></script>
<script src="/js/tgsticker.js?31"></script>
<script>initScrollVideos(true);
mainInitTgStickers({"maxDeviceRatio":2,"cachingModulo":4});
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>