Як виявити блокувальник реклами на сайті за допомогою JavaScript Overcod.net

Як виявити блокувальник реклами на сайті за допомогою JavaScript

Розробники вебсайтів часто стикаються з проблемою блокувальників реклами, які можуть порушувати роботу сайту. Один із способів вирішення цієї проблеми — виявлення блокувальника за допомогою JavaScript. У цій статті ми розглянемо простий метод перевірки активності блокувальника реклами та попередження користувачів.

Як це працює: Ми створюємо два елементи:

Прихований елемент 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