ZorNet.Ru — сайт для вебмастера » HTML и CSS » Сообщение посетителю сайта у кого Adblock

Сообщение посетителю сайта у кого Adblock

Сообщение посетителю сайта у кого Adblock
Если на вашем сайте установлены рекламные баннеры, то это статья для вас, как можно сделать, чтоб сохранить посещаемость, благодаря коду. Что автоматически будет выводить для пользователей и гостей, которые зашли на страницу, и у них на браузере установлено приложение AdBlock, что убирает все рекламы. То они просто еще увидят таблицу, что будет написано администрацией, как пример, чтоб занесли в белый список или, что портал только этой партнерской программой для заработка на развитие сайта.

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

Как работают рекламные блокираторы?

Когда мы посещаем любой сайта, то браузер загружает HTML-файл, который включает внутренние и внешние ссылки на файлы JavaScript, таблицы стилей CSS, изображения. Если в нашем браузере установлено расширение блока рекламы, оно будет сравнивать имена ссылочных файлов с встроенный список блоков и если есть какие-либо совпадения, эти файлы будут заблокированы.

Это было небольшое ознакомление, переходим к установке:

Перед закрывающимся body или в шапке перед закрывающимся head, нужно прописать скрипт:

Код
<script type="text/javascript">
var ads = "no-adb"
var msg = '<div class="no-adb-1">Вы используете расширение AdBlock или подобное. Вы можете добавить этот сайт в белый список, и тем самым внесете свой вклад в его развитие.</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>

Во второй строке присваиваем класс no-adb блоку, который будет содержать внутри себя рекламный код. В 3 строке пишем само сообщение, которое увидят пользователи, использующие расширение. Как вы заметили сообщение заключено в блок с классом no-adb-1. Это очень Важно. Само сообщение меняйте как Вам угодно, но класс желательно не трогать, если не хотите потом запутаться

HTML разметка

Осталось разместить саму разметку. Как обычно вставить код разметки нужно в то место, где вы хотите видеть рекламу. Внутрь самой разметки, вставляем скрипт рекламы.

Код
<div class="no-adb">
//Сюда код рекламы
</div>

3. CSS стили

Код
.no-adb-1 {
border:1px dotted #eee;
font-size: 16px;
line-height:1.38em;
text-align:center;
color:#444;
background:#ffffd3;
}

Здесь по стилистике, вы сами можете настроить сообщение по палитре цвета.
26 Декабря 2017 Просмотров: 2235 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar