Adblock или как не дать пользователю заблокировать вашу рекламу
Уже многие слышали о том, что появился
плагин Adblock который помогает браузеру
блокировать рекламу на сайтах. Плагин не то что бы совсем блокирует рекламу, он просто её скрывает от глаз пользователя, а тот в свою очередь не видя её по ней соответственно не кликает, что конечно же сокращает в разы заработок на своём сайте. Но решение есть и можно сделать так чтобы плагин не смог
заблокировать скрыть рекламу для этого нужно провести не большие манипуляции на своём сайте, а именно подключить специальный JS код на страницы сайта, а именно на те страницы где у вас реклама, если таких страниц много то советую засунуть код в нижнюю часть сайта, таким образом, он будет работать абсолютно на всех страницах сайта.
JS код анти Adblock:
Код
<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>
Но это ещё не всё, теперь все рекламные блоки нам нужно обернуть в специально заданный div:
Код
<div class="no-adb">Здесь рекламный код</div>
Ну а теперь самое последнее задаём стили, конечно же как без стилей. Для этого заходим в панель управления, таблица стилей 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;
}