Anti-adblock which replaces div

Question

I need a wordpress plugin or script in which present a message to the user who has Adblock.

However, I want that message to appear in place of a div.

I’ve tried the plugins:

JGC Adblocker Detector - This does not accept style (shows the style as plain text)

Ad Blocker Notify Lite - This works on the local server, but does not work on the online server.

Answer 1

You can use the Blockadblock (or Fuckadblock)

as I replied in: /a/87992/3635

If you have jQuery (usually wordpress uses) can do so:

<script src="blockAdBlock.js"></script>
<script>
(function() {
    function adBlockDetected() {
        $(function () {
            $('#div_especifica').text("adblock detectado");
        });
    }

    function adBlockNotDetected() {
        console.log("Sem adblock");
    }

    if(typeof blockAdBlock=== 'undefined') {
        alert("blockAdBlock não foi carregado");
    } else {
        blockAdBlock.onDetected(adBlockDetected);
        blockAdBlock.onNotDetected(adBlockNotDetected);
        blockAdBlock.on(true, adBlockDetected);
        blockAdBlock.on(false, adBlockNotDetected);
        blockAdBlock.on(true, adBlockDetected).onNotDetected(adBlockNotDetected);
    }

    blockAdBlock.setOption('checkOnLoad', false);

    blockAdBlock.setOption({
        debug: true,
        checkOnLoad: false,
        resetOnEnd: false
    });
})();
</script>

Supposing the element is something like:

 <div id="div_especifica"></div>

---

Alternative

If you’re using googleanalitycs you could use it like this:

<script>
function possivelAdblockDetectado () {
    $(function () {
        $('#div_especifica').text("adblock detectado");
    });
}
</script>

<script onerror="possivelAdblockDetectado()" async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
    style="display:inline-block;width:300px;height:250px"
    data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
    data-ad-slot="6440411535"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Answer 2

There are several ways to detect ad blocks, but none is 100% guaranteed, I tested a script taken from a reply by @Guilherme Nascimento: /a/87992/3635

<script>
    function possivelAdblockDetectado () {       
        document.getElementById("id-div").innerHTML = "Conteúdo html que você quer mostrar no lugar";
}
</script>

<script onerror="possivelAdblockDetectado()" async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

That one script tries to load Google’s ADS, if not possible, due to ad blocking (or any other reason), it will call a function possivelAdblockDetectado (), and in it you can exchange the contents of div you want.

I hope I’ve helped!