Detectando o AdBlock com jQuery ou JavaScript

Recentemente um grande número de usuários usa extensões de navegador que bloquear publicidade, o mais conhecido é o AdBlock Plus. Se nosso site é financiadas graças à publicidade isso pode ser um problema. Neste caso podemos usar JavaScript para detectar se o AdBlock ou outro plugin similar está bloqueando nossa publicidade.

Uma astúcia pode ser colocando o script de publicidade dentro de um div e verificar se sua altura for maior que 0.

Html:

<div class="myAd">
    <!-- Ad code -->
</div>

</div>

JQuery:

jQuery(document).ready(function() {
    if (jQuery('.myAd').height() == 0) {
        // AdBlock active
    }
});

jQuery(document).ready(function() {

if (jQuery('.myAd').height() == 0) {

// AdBlock active

}

});

Js:

var interval = setInterval(function() {
    if (document.readyState === 'complete') {
        clearInterval(interval);
        if (document.getElementsByClassName('myAd')[0].clientHeight > 0) {
            // AdBlock active
        }
    }    
}, 100);

var interval = setInterval(function() {

if (document.readyState === 'complete') {

clearInterval(interval);

if (document.getElementsByClassName('myAd')[0].clientHeight > 0) {

// AdBlock active

}

}, 100);

Outra astúcia pode ser cheque para iframes desde anúncios como o AdSense usá-los.

jQuery:

if (jQuery('iframe').length > 0) {
    // AdBlock active
}

if (jQuery('iframe').length > 0) {

// AdBlock active

}

Js:

if (document.getElementsByTagName("iframe").item(0) == null) {
    // AdBlock active
}

if (document.getElementsByTagName("iframe").item(0) == null) {

// AdBlock active

}

jfadev

Programmer and systems analyst since 2006. Graduate in Software Engineering in Marseille +10 years of experience in Web Technologies. Currently VueJS & Symfony.