[overcod].net / Код / Как обнаружить блокировщик рекламы на сайте с помощью JavaScript
204 26.02.2025

Как обнаружить блокировщик рекламы на сайте с помощью JavaScript


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

Как это работает: Мы создаем два элемента:

  1. Скрытый элемент div, который часто блокируется блокировщиками.

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

Пример кода:

<script>
(function() {
    var adElement = document.createElement('div');
    adElement.className = 'adsbox reklama';
    adElement.style.height = '10px';
    adElement.style.position = 'absolute';
    adElement.style.top = '-9999px';
    document.body.appendChild(adElement);

    setTimeout(function() {
        var isAdBlockActive = adElement.offsetHeight === 0;

        if (isAdBlockActive) {
            alert('Блокувальник реклами активний! Будь ласка, вимкніть його');
        }

        document.body.removeChild(adElement);
    }, 300);
})();
</script>




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

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

  • Я извиняюсь, но у меня постоянно вылезает текс «Блокувальник реклами активний! Будь ласка, вимкніть його.», даже когда выключен adblock
    Что я делаю не так ли?

    Ответить
    Опубликовано: 19.11.2025

    • Я добавил класс «reklama» и «/ads/reklama.jpg». Скопируйте код та вставьте на сайт. Больше ничего делать не нужно 

      <script>
(function() {
    var adElement = document.createElement('div');
    adElement.className = 'reklama'; // название, которое блокируют
    adElement.style.height = '1px';
    adElement.style.width = '1px';
    adElement.style.position = 'absolute';
    adElement.style.top = '-9999px';
    adElement.style.left = '-9999px';

    var adImage = new Image();
    adImage.src = "/ads/reklama.jpg"; // путь, похожий на рекламу

    document.body.appendChild(adElement);
    document.body.appendChild(adImage);

    setTimeout(function() {
        var isAdBlockActive = false;

        if (adElement.offsetHeight === 0) {
            isAdBlockActive = true;
        }

        if (adImage.height === 0) {
            isAdBlockActive = true;
        }

        if (isAdBlockActive) {
            alert('Блокувальник реклами активний! Будь ласка, вимкніть його.');
        }

        document.body.removeChild(adElement);
        document.body.removeChild(adImage);
    }, 1000);
})();
</script>
      Опубликовано: 19.11.2025

    • В статью добавил 100% рабочий код. Посмотрите пожалуйста изменение

      Опубликовано: 20.11.2025

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Последние записи в этой категории

Популярные записи