mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-11-28 19:23:11 +01:00
202 lines
9.8 KiB
HTML
202 lines
9.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Telegram Ads</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||
<meta name="format-detection" content="telephone=no" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="MobileOptimized" content="176" />
|
||
<meta name="HandheldFriendly" content="True" /><meta property="og:title" content="Telegram Ad Platform">
|
||
<meta property="og:description" content="Telegram provides a free and secure messaging service for more than 500 million monthly active users around the world. In…">
|
||
|
||
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
|
||
<link rel="alternate icon" href="/favicon.ico?4" type="image/x-icon" />
|
||
<script>document.cookie="stel_dt="+encodeURIComponent((new Date).getTimezoneOffset())+";path=/;max-age=31536000;samesite=None;secure"</script>
|
||
|
||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet" type="text/css">
|
||
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
|
||
<link href="/css/bootstrap-extra.css?2" rel="stylesheet">
|
||
<link href="/css/telegram.css?212" rel="stylesheet">
|
||
<link href="/css/widget-frame.css?46" rel="stylesheet">
|
||
<link href="/css/promote.css?41" rel="stylesheet">
|
||
<link href="/css/jquery-ui.min.css" rel="stylesheet">
|
||
<link href="/css/tchart.min.css?10" rel="stylesheet">
|
||
|
||
</head>
|
||
<body class="emoji_image no-transition">
|
||
|
||
<div id="aj_progress" class="progress-bar"></div>
|
||
|
||
<div id="aj_content"><div class="ads-container ads-main">
|
||
<section class="ads-content">
|
||
<div class="ads-main-content">
|
||
<img class="ads-main-img" src="/img/ads_intro.svg" width="134" height="212">
|
||
<div id="dev_page_content_wrap" class=" ">
|
||
<div class="dev_page_bread_crumbs"></div>
|
||
<h1 id="dev_page_title">Telegram Ad Platform</h1>
|
||
|
||
<div id="dev_page_content"><p>Telegram provides a <strong>free and secure</strong> messaging service for more than <strong>500 million monthly active users</strong> around the world. In addition to sending private messages and chatting in private groups, Telegram users can subscribe to <a href="https://telegram.org/tour/channels"><strong>public one-to-many channels</strong></a>.</p>
|
||
<p>Every month, Telegram users generate over <strong>500 billion views</strong> in one-to-many channels.</p>
|
||
<div class="ads-main-button-wrap">
|
||
<a href="/auth" class="btn ads-btn login-link">Log In</a>
|
||
</div>
|
||
|
||
<p><div class="ads-main-additional"></p>
|
||
<h3>Advertising on Telegram</h3>
|
||
<p>Sponsored messages on Telegram are displayed in <strong>large public one-to-many channels</strong> with <strong>1000+</strong> subscribers and are limited to <strong>160 characters</strong>. Sponsored Messages are based solely on the <strong>topic</strong> of the public channels in which they are shown.</p>
|
||
<p>This means that <strong>no user data</strong> is mined or analyzed to display ads, and every user viewing a particular channel on Telegram sees <strong>the same sponsored messages</strong>.</p>
|
||
<div class="blog_video_player_wrap" style="max-width: 400px; margin: 20px auto 20px;">
|
||
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001900/2/btuJiD_Plu8.202414/7e06161d5568f0720f" style="max-width: 400px;" title="Sponsored Messages on Telegram" alt="Sponsored Messages on Telegram">
|
||
<source src="/file/464001301/3/Re8p47eQMuY.4017265.mp4/4ee8f9f931d15f312a" type="video/mp4">
|
||
</video>
|
||
</div>
|
||
|
||
<h3>Context-based advertising</h3>
|
||
<p>Advertisers can choose the <strong>language</strong> and approximate <strong>topics</strong> of channels where their ads will be displayed. It is also possible to choose <strong>specific channels</strong> where a certain ad will be shown – or add specific channels where it will <em>not</em> be displayed.</p>
|
||
<p>This allows advertisers to serve <strong>precise and efficient</strong> ads while <strong>preserving user privacy</strong>.</p>
|
||
<h3>Privacy-conscious ads</h3>
|
||
<p>Unlike other apps, Telegram <strong>doesn't track</strong> whether users tap on a sponsored message and doesn't profile them based on their activity. We also <strong>prevent external links</strong> in sponsored messages to ensure that third parties can’t spy on our users. We believe that everyone has the right to privacy, and technological platforms should respect that.</p>
|
||
<h3>Revenue sharing with channel owners</h3>
|
||
<p>Sponsored Messages are currently in test mode. Once they are fully launched and allow Telegram to cover its basic costs, we will start sharing ad revenue with the owners of public channels in which sponsored messages are displayed.</p>
|
||
<h3>Getting started</h3>
|
||
<p>Telegram welcomes all responsible advertisers. Anyone can study Telegram's <a href="https://promote.telegram.org/guidelines">Ad Policies and Guidelines</a>, <strong>create an account</strong> on the Ad Platform and <strong>try out the interface</strong>. For a detailed overview of the platform, see <a href="https://promote.telegram.org/getting-started">this guide</a>.</p>
|
||
<p></div></p>
|
||
<div class="ads-main-button-wrap">
|
||
<a href="/auth" class="btn ads-btn login-link">Log In</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div><div class="popup-container login-popup-container hide" id="login-popup-container">
|
||
<div class="popup">
|
||
<div class="popup-body">
|
||
<section>
|
||
<h2>Log In</h2>
|
||
<p>Log in here to manage your ads. Please enter your <b>phone number</b> in the <a target="_blank" rel="noopener" href="https://telegram.org/faq#login-and-sms">international format</a> and we will send a confirmation message to your account via Telegram.</p>
|
||
|
||
<form id="send-form" class="login-form">
|
||
<div class="form-group">
|
||
<input type="tel" class="form-control ads-form-control input-lg" id="phone-number" placeholder="+12223334455" autocomplete="off"/>
|
||
</div>
|
||
<div class="popup-buttons">
|
||
<a class="btn btn-link btn-lg login-cancel-btn">Cancel</a><button type="submit" class="btn btn-link btn-lg">Next</button>
|
||
</div>
|
||
</form>
|
||
|
||
<div id="login-form" class="hide">
|
||
<div class="form-group">
|
||
<span class="form-control ads-form-control input input-lg input-disabled"><strong id="phone-number-field"></strong> (<a class="login-back" href="/auth">Incorrect?</a>)</span>
|
||
<p class="help-block dots-animated">We've just sent you a message.<br/>Please confirm access via Telegram</p>
|
||
</div>
|
||
<div class="popup-buttons">
|
||
<a class="btn btn-link btn-lg login-cancel-btn">Cancel</a><a class="btn btn-link btn-lg login-back">Back</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</div></div>
|
||
<script src="/js/jquery.min.js?1"></script>
|
||
<script src="/js/bootstrap.min.js"></script>
|
||
<script src="/js/main-aj.js?54"></script>
|
||
<script src="/js/widget-frame.js?49"></script>
|
||
<script src="/js/promote.js?37"></script>
|
||
<script src="/js/jquery-ui.min.js?1"></script>
|
||
<script src="/js/jquery-ex.js?6"></script>
|
||
<script src="/js/tchart.min.js?15"></script>
|
||
|
||
<script>ajInit({"version":477,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
|
||
<script id="aj_script">Ads.init();
|
||
Aj.onLoad(function(state) {
|
||
function requestConfirmation(event) {
|
||
event && event.preventDefault();
|
||
var phone = $('#phone-number').val();
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: '/auth/request',
|
||
data: {
|
||
phone: phone
|
||
},
|
||
success: function(result) {
|
||
$('#phone-number-field').text(phone);
|
||
$('#send-form').addClass('hide');
|
||
$('#login-form').removeClass('hide');
|
||
checkAuth(result.temp_session);
|
||
},
|
||
error: function(xhr) {
|
||
showAlert(xhr.responseText || 'Server error');
|
||
},
|
||
dataType: 'json'
|
||
});
|
||
return false;
|
||
}
|
||
function cancelConfirmation(event) {
|
||
event && event.preventDefault();
|
||
$('#phone-number-field').text('');
|
||
$('#send-form').removeClass('hide');
|
||
$('#login-form').addClass('hide');
|
||
$('#phone-number').focus();
|
||
clearTimeout(window.authTimeout);
|
||
return false;
|
||
}
|
||
function checkAuth(temp_session) {
|
||
clearTimeout(window.authTimeout);
|
||
window.authTimeout = setTimeout(function doCheckAuth() {
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: '/auth/login',
|
||
data: {
|
||
temp_session: temp_session
|
||
},
|
||
success: function(result) {
|
||
if (result) {
|
||
location.reload();
|
||
} else {
|
||
checkAuth(temp_session);
|
||
}
|
||
},
|
||
error: function (xhr) {
|
||
showAlert(xhr.responseText || 'Server error');
|
||
},
|
||
dataType: 'json'
|
||
});
|
||
}, 700);
|
||
}
|
||
$('#login-popup-container').on('popup:open', function() {
|
||
$('#phone-number').focus();
|
||
});
|
||
$('#login-popup-container').on('popup:close', function() {
|
||
cancelConfirmation();
|
||
if (location.pathname == '/auth') {
|
||
window.history && history.replaceState(null, null, '/');
|
||
}
|
||
});
|
||
$('#login-popup-container #send-form').on('submit', requestConfirmation);
|
||
$('#login-popup-container .login-cancel-btn').on('click', function(e) {
|
||
e.preventDefault();
|
||
closePopup('#login-popup-container');
|
||
});
|
||
$('#login-popup-container .login-back').on('click', cancelConfirmation);
|
||
$('.login-link').on('click', function(e) {
|
||
e.stopImmediatePropagation();
|
||
e.preventDefault();
|
||
openPopup('#login-popup-container');
|
||
});
|
||
});
|
||
Aj.onUnload(function(state) {
|
||
$('#login-popup-container').off('popup:open');
|
||
$('#login-popup-container').off('popup:close');
|
||
$('#login-popup-container #send-form').off('submit');
|
||
$('#login-popup-container .login-cancel-btn').off('click');
|
||
$('#login-popup-container .login-back').off('click');
|
||
$('.login-link').off('click');
|
||
});
|
||
</script>
|
||
<script>Aj.pageLoaded();</script>
|
||
|
||
</body>
|
||
</html>
|
||
|