Как показывать альтернативный контент AdBlock пользователям

4
Просмотров: 1 032

Как показывать альтернативный контент AdBlock пользователям
Все нам известны плагины, блокирующие рекламные объявления, такие как AdBlock и Ghostery. Данные плагины установлены на миллионах компьютеров и тем самым сильно влияют на вебмастеров, которые зарабатывают на своих сайтах от рекламных сетей, таких как Google AdSense и прочих. Нужно много времени и усилий, чтобы поддерживать сайт на уровне и, чтобы получить хоть какой-то заработок, но если посетители сайта используют AdBlock, доходы сокращаются в разы.

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

Что делать и как исправить данную ситуацию?

Существует одна (или несколько) возможность, отображать посетителям сайта заглушки вместо рекламных объявлений. Теперь посетитель сайта использующий AdBlock в своем браузере зайдя на ваш сайт, сможет увидеть не рекламные объявления, а на пример виджет от Facebook, ВК, либо вот такой баннер:

Заглушка adblock

 

Можно легко сделать для вашего сайта. Откройте страницу, которая содержит Google AdSense ads скопируйте и вставьте следующий фрагмент кода перед закрывающим тегом </body>.

<script> 
  
  // Run after all the page elements have loaded
  window.onload = function(){ 
  
    // This will take care of asynchronous Google ads
    setTimeout(function() { 
      
      // We are targeting the first banner ad of AdSense
      var ad = document.querySelector("ins.adsbygoogle");
      
      // If the ad contains no innerHTML, ad blockers are at work
      if (ad && ad.innerHTML.replace(/\s/g, "").length == 0) {
        
        // Since ad blocks hide ads using CSS too
        ad.style.cssText = 'display:block !important'; 
        
        // You can put any text, image or even IFRAME tags here
        ad.innerHTML = 'Your custom HTML messages goes here';
      
      }
      
    }, 2000); // The ad blocker check is performed 2 seconds after the page load 
  }; 
  
</script>

 

Скрипт ищет первый рекламный блок AdSense на странице, и если он оказывается пустой (потому, что реклама блокируется), альтернативный HTML код, начинает отображать любой другой код который вы прописали.

И так, как я уже писал выше, вы можете поставить заглушки  Facebook Like box, видео YouTube, Twitter виджет, изображение баннера, поиск по сайту или даже обычный текст.

А как вы решаете проблему с блокировщиком рекламы AdBlock?



4 КОММЕНТАРИИ

  1. а нафига городить этот огород со скриптами? в чем смысл? не проще ли все сделать средствами CSS. делаем блок, который 100% не будет резаться и в него вставляем нужный текст заглушки, а поверх этого блока уже вставляем нужный блок с рекламой. и все будет работать независимо от того какая версия софта используется.

  2. Я думал человек пишет со знанием дела … а гугл реклама блокируется даже на его сайте, зачем писать о том чего не получается (adblock pro режет гугл на Вашем сайте). Интересно другое …. есть ли решение для разблокировки гугл адсентс или таки нету?

ОСТАВЬТЕ ОТВЕТ