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

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

0 Просмотров: 85

Как показывать альтернативный контент 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?



Похожие статьи


2a75c51f

0 Просмотров: 123

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

Оставить комментарий