Проверка наличия глушилки Google Adsense через JavaScript

demosourse

Реклама — неотъемлемая часть интернета. Для многих сайтов это единственный источник дохода. Когда пользователь устанавливает глушилку рекламы, то убивает всю мотивацию авторов на корню. Сегодня мы покажем вам способ определения глушилки, который распространяется только на рекламу Google Adsense.

Google Adsense

Отследим событие onerror прямо в теге script, в результате чего будет вызвана JavaScript функция adBlockFunction().

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" onerror="adBlockFunction();"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:600px"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Функция

JavaScript код предельно прост: заменяем текст статьи на специальное сообщение в случае активной блокировки рекламы.

<script>
function adBlockFunction()
{
// Google Analytics
setTimeout(function() {
ga('send', 'event', 'Blocker', 'click', 'Blocker');
},2000);

// Пользователи веб-сайта
document.getElementById('contentDivName').innerHTML = 'Please disable your ad blocker for yourwebitename.com';

// Пользователи Google Blogger
document.getElementsByClassName('post-body-n')[0].innerHTML = 'Please disable your ad blocker for yourwebitename.com';
}
</script>

Код для обычного сайта

//HTML Code
<div id="container">

<div id="contentDivName">
Article Content Part // Будем этот текст заменять
</div>

<div id="sidebar">
Google Adsense Code
</div>

</div>

Функция блокировки

<script>
function adBlockFunction()
{
// Google Analytics Tracking
setTimeout(function() {
ga('send', 'event', 'Blocker', 'click','Blocker');
},2000);
// Google Analytics End

document.getElementById('ab-message').style.display = 'block';
}
</script>

HTML код

Включаем блок ad-message после <body>.

<style>
#ad-message{
text-align: center;
background-color: #E23C3C; color: #ffffff;
font-weight: bold; font-family: Arial;
border-bottom: solid 1px #333333;
}
</style>

//HTML Code
<body>
<div id='ab-message' style='display: none;'>
Please disable your ad blocker for yourwebitename.com
</div>
.....
.....

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://www.9lessons.info/2016/07/ad-blocker-detector-for-adsense-with.html
Перевел: Станислав Протасевич
Урок создан: 21 Июля 2016
Просмотров: 6834
Правила перепечатки

5 последних уроков рубрики "jQuery"

^ Наверх ^