Как определить, что у пользователя стоит Adblock или иной блокировщик рекламы, и заполнить рекламное место — об это пойдёт речь далее. Чем — решать вам. Кто-то ставит заглушку с просьбой внести сайт в белый список адблока, кто-то закрывает доступ к части контента, а кто-то умудряется подставлять альтернативную рекламу. Варианты есть, главное выбрать правильный для вас конкретно. Важно понимать, что пользователю проще закрыть проблемную страницу и пойти искать ответы на вопросы в ином месте — это касается контентных проектов с маленькой постоянной аудиторией. Про нюансы далее.
Определяем Adblock и другие блокировщики рекламы
Что объединяет все блокировщики рекламы — в результате их деятельности рекламный блок имеет нулевую высоту. Значит, так и будем определять проблему.
Предположим, что на сайте установлен adsense. Тогда в javascript код будет выглядеть примерно так:
window.onload = function () {
// Определяем, не вырезана ли реклама Adsense
var a = document.getElementsByClassName( 'adsbygoogle' );
// Если да, то внутри объявляем
if ( a[0] && a[0].clientHeight == 0 ) {
alert("Этот сайт живёт за счёт контекстной рекламы. Пожалуйста, добавьте его в белый список Adblock");
}
}
Это был самый простой пример, который при обнаружении блокировки рекламы выводит окошко с просьбой внести сайт в белый список адблока. Конечо, он будет раздражать, и число отказов страницы может вырасти, что негативно скажется на поведенческих факторах страницы. Поэтому Вы можете, например, отобразить вместо рекламного блока реферальные ссылки, предварительно укоротив их через сокращалки, например vk.cc, или с помощью редиректа через собственный домен. И не упоминайте в адресе ссылки компрометирующие названия навроде ad, adblock, ads и тому подобные, иначе адблок и их не пропустит.
Я лично предпочитаю подбирать баннеры или иную тематическую рекламу. На баннере может быть просьба отключить Adblock или добавить сайт в вайтлист. Вы можете сверстать HTML сами, я же ниже покажу вариант с изображением.
Готовый код для обхода Adblock
Предполагаю, что на сайте установлен jQuery, и крутится реклама Adsense. Если нет, тут есть варианты на нативном Javascript
jQuery(document).ready(function($) {
var a = document.getElementsByClassName('adsbygoogle');
if (a[0] && a[0].clientHeight == 0) {
var $_ = $("<img />", {
'src': '/wp-content/themes/sheensay/images/myimage.png', // src изображения
'style': 'margin: 1em auto; cursor:pointer', // Задаёте стили css
'class': 'link' // присваиваете класс
});
$_.on("click", function() {
window.open("https://sheensay.ru", "_blank"); // Подставляете свою рефссылку
});
// Вставляем баннер в нужное место. В данном случае, в то место, где должен быть 1 блок Adsense
$_.insertBefore('.adsbygoogle:first');
}
});
Код вставляется в любое место страницы строго после подключения jQuery (в этом случае, его надо обернуть в <script></script>), либо вынести во внешний файл и подключить опять же строго после jQuery.
BlockAlyzer — Adblock counter — Плагин WordPress для определения пользователей с Adblock
Если вы хотите знать, как много посетителей вашего сайта на WordPress использует блокировщики рекламы навроде Adblock, вы можете воспользоваться плагином
BlockAlyzer — Adblock counter. Плагин не обновлялся 2 года, однако, до сих пор отлично справляется со своими прямыми обязанностями. Он поможет определить:
- Число просмотров страниц
- Число уникальных посетителей
- Относительное и абсолютное число просмотров страниц с включенным Adblock
- Относительное и абсолютное число уникальных посетителей с включенным Adblock
На основе этих данных вы сможете определить качество вашей аудитории и оптимизировать способы монетизации трафика
Загрузка...