telegram-crawler/data/web/ads.telegram.org/auth.html
2024-06-14 19:02:29 +00:00

231 lines
10 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 name="twitter:card" content="summary_large_image"></meta>
<meta property="og:title" content="Telegram Ad Platform">
<meta property="og:image" content="/img/AdsPreview.png">
<meta property="og:description" content="The Telegram Ad Platform is a privacy-conscious tool to create sponsored messages in public one-to-many channels with 1000+ subscribers.">
<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" />
<script>document.cookie="stel_dt="+encodeURIComponent((new Date).getTimezoneOffset())+";path=/;max-age=31536000;samesite=None;secure"</script>
<link href="//telegram.org/css/font-roboto.css?1" rel="stylesheet" type="text/css">
<link href="//telegram.org/css/bootstrap.min.css?3" rel="stylesheet">
<link href="//telegram.org/css/bootstrap-extra.css?2" rel="stylesheet">
<link href="//telegram.org/css/telegram.css?237" rel="stylesheet">
<link href="//telegram.org/css/widget-frame.css?67" rel="stylesheet">
<link href="//telegram.org/css/promote.css?93" rel="stylesheet">
<link href="//telegram.org/css/jquery-ui.min.css?1" rel="stylesheet">
<link href="//telegram.org/css/tchart.min.css?10" rel="stylesheet">
</head>
<body class="emoji_image no-transition">
<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
<defs>
<path id="icon-currency-ton" d="m2.68 4h10.63c.22 0 .4.18.4.41 0 .07-.01.14-.05.2l-5.04 9.08c-.22.4-.72.54-1.11.32-.14-.08-.25-.19-.32-.33l-4.87-9.08c-.1-.2-.03-.45.17-.55.06-.03.12-.05.19-.05zm5.32 9.78v-9.78z" fill="none" stroke="currentColor" stroke-width="1.3"/>
</defs>
</svg>
<div id="aj_progress" class="progress-bar"></div>
<div id="aj_content"><div class="pr-container pr-main">
<section class="pr-content">
<div class="pr-main-content-new">
<div class="pr-main-intro">
<img class="pr-main-intro-img" src="/img/AdsIntro.png" width="360" height="200">
<h1 class="pr-main-intro-header">Telegram Ads</h1>
<p class="pr-main-intro-text">Every month, <b>900 million</b> Telegram users generate <b>1&nbsp;trillion views</b> in public broadcast channels.<br/><br/>Anyone can display ads in specific <b>Telegram broadcast channels</b> — using this platform.</p>
<div class="pr-main-intro-button-wrap">
<a href="/auth" class="btn pr-btn login-link">
Log in to Start Advertizing
</a>
</div>
</div>
<div class="pr-main-features">
<div class="pr-main-feature icon-feature1">
<div class="pr-main-feature-title">
Precise and Efficient
</div>
<div class="pr-main-feature-text">
You can define specific channels where you want to show your ads to ensure the context is relevant.
</div>
</div>
<div class="pr-main-feature icon-feature2">
<div class="pr-main-feature-title">
Privacy-Conscious
</div>
<div class="pr-main-feature-text">
Ads on Telegram do not rely on users&#39; personal information and are based on the channels where they are shown.
</div>
</div>
<div class="pr-main-feature icon-feature3">
<div class="pr-main-feature-title">
Beneficial For Content Creators
</div>
<div class="pr-main-feature-text">
50% of the revenue from Telegram Ads goes to the owners of channels where they are displayed.
</div>
</div>
<div class="pr-main-feature icon-feature4">
<div class="pr-main-feature-title">
Easy to Set Up
</div>
<div class="pr-main-feature-text">
All it takes is to type up to 160 characters, add a Telegram link to promote, and specify the channels in which to place your ad.
</div>
</div>
<div class="pr-main-feature icon-before icon-feature5">
<div class="pr-main-feature-title">
Paid with Cryptocurrency
</div>
<div class="pr-main-feature-text">
You can pay for your ad with TON — a cryptocurrency Telegram uses for its high speed and low commissions.
</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 pr-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 pr-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&#39;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="//telegram.org/js/jquery.min.js?1"></script>
<script src="//telegram.org/js/bootstrap.min.js"></script>
<script src="//telegram.org/js/main-aj.js?69"></script>
<script src="//telegram.org/js/main.js?47"></script>
<script src="//telegram.org/js/widget-frame.js?62"></script>
<script src="//telegram.org/js/promote.js?88"></script>
<script src="//telegram.org/js/jquery-ui.min.js?1"></script>
<script src="//telegram.org/js/jquery-ex.js?18"></script>
<script src="//telegram.org/js/tchart.min.js?18"></script>
<script src="//telegram.org/js/health.js?19"></script>
<script src="//telegram.org/js/tgsticker.js?31"></script>
<script>ajInit({"version":1004,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
<script id="aj_script">l.add({"WEB_AB_WARNING_HEADER":"Turn off ad blocker","WEB_POPUP_CLOSE_BTN":"Close","WEB_AB_WARNING_TEXT":"You appear to be using an ad blocker that may prevent pages on the Telegram Ad Platform from working as expected.<br\/><br\/>Please turn off your ad blocker or add <b>ads.telegram.org<\/b> as an exception to manage your promoted messages."});
openPopup('#login-popup-container');
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>