Очередной велосипед для адблок

Дано: сайт на древней cms'ке

Задача_1: задетектить адблок

Задача_2: заблочить контент если есть адблок

Поставил адблок, заметил что он навешивает всему "рекламному" на сайте display none, поэтому выношу на суд сей скрипт по детекту адблока:

Решение для Задачи_1

<script>

window.addEventListener("load", function () {

    var ads = document.getElementsByClassName('adsbygoogle'); //default google ads container class



    if (ads.length > 0) {

        if (window.getComputedStyle(ads[0], null).display === 'none') { //check is ads blocked

            showPopUp();

        }

    }



    function showPopUp() {  //some logic for users with adblock, popup or disabling content for example

        alert('adblock is enabled!');

    }

});

</script>

Решение для Задачи_2

Прикрутить в showPopUp показ полупрозрачного фона для всей страницы и незакрываемый попап с призывом к человечности и доступности контента только с выключенным адблок

JS updated

<script>

window.addEventListener("load", function () {

    var ads = document.getElementsByClassName('adsbygoogle'); //default google ads container class



    if (ads.length > 0) {

        if (window.getComputedStyle(ads[0], null).display === 'none') { //check is ads blocked

            showPopUp();

        }

    }



    function showPopUp() {  //some logic for users with adblock, popup or disabling content for example

        document.getElementById('light').style.display='block';

        document.getElementById('fade').style.display='block'

    }

});

</script>

Html

        <div id="light" class="bright_content">

            <p>

                 К сожалению с включенным Adblock Вы не сможете бесплатно получить ништяки с нашего сайта

            </p>

            <a class="btn-success" onclick="location.reload();">

                 Обновить страницу

            </a>

            <p>

                Просто отключите Adblock на время и получите доступ ко всем материалам сайта, спасибо!

            </p>

        </div>

        <div id="fade" class="dark_overlay"></div>

Css

<style type="text/css">

        .dark_overlay {

            display: none;

            position: absolute;

            top: 0%;

            left: 0%;

            width: 100%;

            height: 100%;

            background-color: black;

            z-index: 1001;

            -moz-opacity: 0.8;

            opacity: .80;

            filter: alpha(opacity=80);

        }

 

        .bright_content {

            display: none;

            text-align: center;

            position: fixed;

            height: 50px;

            padding: 16px;

            border: 1px solid #737373;

            background-color: white;

            border-radius: 2px;

            z-index: 1002;

            width: 400px;

            height: 140px;

            margin: 0;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

        }

        

        .btn-success{

            display: block;

            color: #ffffff;

            background-color: #3e9b52;

            border-color: #378948;

            margin-bottom: 0;

            font-weight: normal;

            text-align: center;

            vertical-align: middle;

            touch-action: manipulation;

            text-decoration: none;

            cursor: pointer;

            background-image: none;

            border: 1px solid transparent;

            white-space: nowrap;

            padding: 6px 12px;

            font-size: 14px;

            line-height: 1.42857143;

            border-radius: 0;

        }

        .btn-success:hover {

            color: #ffffff;

            text-decoration: none;

            background-color: #2f773f;

            border-color: #255d31;

        }

    </style>

Итого

PS: рунетчиков с адблоком вродь как уже 35%.