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

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

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

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

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

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

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

Можно легко сделать для вашего сайта. Откройте страницу, которая содержит 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?


    
Читайте также:
Как повысить привлекательность страницы, которой не существует. Приемы создания привлекательной страницы 404
404-я страница

При SEO-оптимизации сайта не стоит упускать ни единой детали, поэтому даже всем известная 404-я страница может быть использована для повышения юзабилити интернет-ресурса. Read more

Малоэффективные способы раскрутки
Малоэффективные способы раскрутки

Невозможно получить стабильный и надежный доход с сайта, позиции которого не входят в то-10 поисковой выдачи. Именно поэтому вебмастера всячески срамятся способствовать Read more

Анатомия лендинг страниц
Анатомия лендинг страниц

Для начала поймем, что же такое лендинг страница. Landing Page - это первая страница которую видит посетитель пришедший на ваш сайт или Read more

Несколько советов по юзабилити вашего блога
Несколько советов по юзабилити вашего блога

Юзабилити на блоге очень важный элемент, которым часто пренебрегают и дизайнеры создающие темы для блогов, так и саму блоггеры, которые Read more