Detectar AdBlock con jQuery o JavaScript

Recently a large number of users use browser extensions that block advertising, the most known is AdBlock Plus. If our website is financed thanks to the publicity this can be a problem. In this case we can use JavaScript to detect if AdBlock or another similar plugin is blocking our advertising.

A cunning may be placing the script of advertising within a div and check if your height is greater to 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);

Another cunning can be check for iframes since ads like AdSense use them.

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.