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

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

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

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

Нужно разместить 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 в любое место страницы, предварительно разместив рекламный код внутри блока.

Код

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

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

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

Код

/* Обходим плагин 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, скрипт работать не будет и пользователь не увидит Вашего сообщения.