Проверка наличия глушилки Google Adsense через JavaScript
Реклама — неотъемлемая часть интернета. Для многих сайтов это единственный источник дохода. Когда пользователь устанавливает глушилку рекламы, то убивает всю мотивацию авторов на корню. Сегодня мы покажем вам способ определения глушилки, который распространяется только на рекламу 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"
-
Анимация набора текста на jQuery
Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.
-
Временная шкала на jQuery
jQuery плагин для создания временной шкалы.
-
Заметка: Перезагрузка и редирект на JavaScript
Быстрая заметка, где вы сможете найти парочку JS сниппетов для перезагрузки и перенаправления пользователей через JavaScript.
-
Рисуем диаграмму Ганта
jQuery плагин для создания диаграммы Ганта.
-
AJAX и PHP: загрузка файла
Пример того как осуществить загрузку файла через PHP и jQuery ajax.