Adblock Detector — Обнаружение посетителей использующих Adblocker

  ✎ PERSHYTUT  

Вы размещаете рекламу на своем веб-сайте, но не получаете никакого дохода или получаете низкий доход? С помощью этого скрипта обнаружения Adblock вы (или ваш администратор) можете распознать блокировщик рекламы и отреагировать соответствующим образом.

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

Здесь предоставляется скрипт, который вы можете использовать, чтобы узнать, использует ли посетитель блокировщик рекламы. Предоставляете ли вы пользователю доступ полностью или просто даете ему приятный намек, решать вам.

Принцип работы

Скрипт устроен таким образом, что мы имитируем рекламный баннер в браузере, а затем проверяем, был ли удален наш поддельный рекламный баннер или он все еще виден.

HTML разметка

 
   <p class="messageb"></p>     
   <!-- start - элемент рекламы, блок можно удалить здесь и включить в js -->     
   <div class="adsbygoogle" id="ad-detector"></div>     
   <!-- end  -->

CSS оформление 

 
   <style>     
   /* добавлено через js  */     
   .ab, .no-ab, .min{opacity:.8; text-shadow:2px 2px 6px #191919; color:#f5f5f5; text-align:center; white-space:pre-wrap; font-size:80%; line-height:90%; position:absolute; bottom:auto; top:auto; left:0; right:0; width:-moz-max-content; width:-webkit-max-content; width:max-content; max-width:94vw; max-height:98vh; overflow:auto; margin:0 auto; padding:.3rem 1rem; display:inline-block; z-index:9999}     
   /* если хотите затруднить просмотр всего контента */     
   .bloc{position:fixed;z-index:100;top:0;left:0;bottom:0;right:0;width:98%;height:98%;margin:auto;background:radial-gradient(black 80%,transparent 80%) 0 0,radial-gradient(rgba(77,77,77,.8) 80%,transparent 80%) 0 1px;background-size:.3rem .3rem}     
   </style>

JavaScript

 
   <script>     
   setTimeout(function () {     
     var adblockEnabled = false;     
     // добавить элемент рекламы и проверить наличае его, уже добавлен и в js отключено добавление     
     //document.body.innerHTML += '<div class="adsbygoogle" id="ad-detector"></div>';     
     var adElement = document.getElementById("ad-detector");     
     var adElementStyle = getComputedStyle(adElement, null);     
     if (adElementStyle.display === "none") {     
       // Adblock включено     
        document.getElementsByClassName("messageb")[0].innerHTML =    
         '<div class="bloc"><p class="min">Отключите AdBlock для поддержки бесплатных website!</p></div> ';     
        document.getElementsByClassName("messageb")[0].classList.add("ab");    
     } else {     
        // Adblock выключено    
       // отключите следующую строчку или else {...} полностью, если не хотите чтобы что-то появлялось когда блокировка отключена     
       document.getElementsByClassName("messageb")[0].innerHTML =     
         "Adblock Detector ";     
       document.getElementsByClassName("messageb")[0].classList.add("no-ab");     
     }     
     // start - добовляем стили блоку .messageb     
     // можно удалять если стили прописаны в файле css     
     const info = document.querySelector(".messageb");     
     info.setAttribute(     
       "style",     
       "opacity: 0.8; text-shadow: 2px 2px 6px #191919;color:#f5f5f5; text-align:center;white-space: pre-wrap;font-size:80%;line-height: 90%; position:absolute; bottom:auto; top: auto; left:0; right:0;width:-moz-max-content;  width:-webkit-max-content;  width:max-content;   max-width:94vw;   max-height:98vh;  overflow:auto;  margin:0 auto; padding:.3rem 1rem;display:inline-block; z-index:9999;"     
     );     
     //// end - добовляем стили блоку .messageb     
   }, 500);     
        
  </script>

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

codepen ➥

Я надеюсь, что мы с автором JavaScript помогли вам! И конечно 100% гарантий нет, блокировщики не дремлют.

Комментарии

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