Détection d'AdBlock avec jQuery ou JavaScript

Récemment, un grand nombre d'utilisateurs utilise des extensions de navigateur qui bloquent la publicité, le plus connu est AdBlock Plus. Si notre site Web est financé grâce à la publicité, cela peut être un problème. Dans ce cas, nous pouvons utiliser JavaScript pour détecter si AdBlock ou un autre plugin similaire bloque notre publicité.

Une ruse peut être placer le script de la publicité dans un div et vérifiez si votre taille est supérieure à 0.

Html:

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

JQuery:

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);

Une autre ruse peut être rechercher les iframes puisque les annonces du tipe AdSense les utilise.

jQuery:

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

Js:

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