Как обойти Adblock или повысить доход от рекламы?

Многие пользователи сети Интернет наверняка слышали о таком плагине как AdBlock plus.
Добавив этот плагин себе в браузер можно раз и навсегда избавиться от навязчивой рекламы.

Adblock Plus является самым популярным расширением для браузера Firefox. По данным официального сайта Mozilla Firefox, по состоянию на ноябрь 2013 года, он имеет более 17 миллионов активных пользователей (10 % из которых — на русском языке) и был скачан более 220 миллионов раз.

Зачем же тогда бороться с AdBlock plus, спросите Вы? Если Вы обычный пользователь, то бороться не зачем, но если же Вы владелец сайта, на котором размещена реклама, то это меняет дело. Если посетители сайта будут блокировать рекламу, то доход от показа рекламы может существенно сократиться.

Метод борьбы, приведенный в этой статье, достаточно прост и заключается в выводе на экран ненавязчивого сообщения с просьбой отключить плагин для данного сайта с помощью JS скрипта.

Шаг 1 - Установим JS:

Нужно разместить JS код на странице вашего сайта, в самый низ страницы, перед закрывающим тегом </body>

JS

<script type="text/javascript" > 
var ads = "no-adb" 
var msg = '<div class="no-adb-1">Ваш текст пользователю который отключил рекламу</div>'; 
   
onload=function(){ 
if (document.getElementsByClassName == undefined) { 
document.getElementsByClassName = function(className) 
{ 
var hasClassName = new RegExp("(?:^|\s)" + className + "(?:$|\s)"); 
var allElements = document.getElementsByTagName("*"); 
var results = []; 
var element; 
for (var i = 0; (element = allElements[i]) != null; i++) { 
var elementClass = element.className; 
if (elementClass && elementClass.indexOf(className) != -1 &&hasClassName.test(elementClass)) 
results.push(element); 
} 
return results; 
} 
} 
   
blocked = 0; 
var ad_nodes = document.getElementsByClassName(ads); 
for(i in ad_nodes){ 
if (ad_nodes[i].offsetHeight == 0){ 
blocked = 1; 
ad_nodes[i].innerHTML = msg;  
} 
} 
}</script> 


Шаг 2 - Установим HTML:

Достаточно добавить блочный элемент с атрибутом class в любое место страницы, предварительно разместив рекламный код внутри блока.

HTML

<div class="no-adb"> Рекламный код тут</div>

Шаг 3 - Установим CSS:

Также не забываем и о css стилях:

CSS-Code

/* Обходим плагин Adblock  
------------------------------------------*/ 
.no-adb-1 { 
  padding: 5px; 
  background:#fff; 
  border: 1px dashed #ff0000;  
  font-size: 115%; line-height: 1.5;  
  text-align:center; 
  color:#555; 
}

Данный скрипт проверяет высоту всех рекламных блоков на странице и, если высота какого-либо блока равна нулю, выводит сообщение на экран.

Установив данный скрипт на свой сайт можно попросить пользователя добавить сайт в белый список, тем самым помочь ресурсу. Стоит помнить, что при выключенном JavaScript, скрипт работать не будет и пользователь не увидит Вашего сообщения.

Источник: http://www.center-dm.ru/