Tester la présence d'AdBlock en Javascript

Le 14 juin 2012 dans Développement web

Je vais vous expliquer une petite technique toute simple en Javascript pour savoir si vos visiteurs utilisent un bloqueur de publicités dans leur navigateur tel que AdBlock.

Tout d'abord, mettez votre pub dans une DIV réservée à elle seule :

<div id="pub"> 
    <!-- Code de pub de votre régie publicitaire : AdSense, ClicManager... -->
</div> 

Ensuite, insérez cette fonction Javascript dans votre header (nécessite jQuery) :

<script>
function TestPub(){
    if ($("#pub").height() == 0){
        //Faites ce que vous voulez !
    }
}
$(TestPub);
</script> 

À l'endroit indiqué, vous pouvez faire ce que vous voulez ! Vous pouvez insérer du texte, une image, ou si vous êtes vicieux, un alert()... Mais ne soyez pas trop méchants quand même ; j'utilise moi-même AdBlock, c'est vraiment pénible d'être pollué sur le Net. Webmasters, ne prenez pas vos visiteurs pour de la merde, mettez de la pub discrètement...

Perso, voilà l'image que j'ai choisi d'insérer à la place de la pub : sobre, amusant, efficace.

Vous devez mettre la ligne suivante pour afficher autre chose à la place de votre publicité.

document.getElementById("pub").innerHTML = "<p>Lorem ipsum</p>";

Quoi que vous décidiez de faire, gardez à l'esprit que les versions les plus récentes de ce genre de plugins permettent de bloquer non seulement les bandeaux de pub, mais également les div et sections de page. Du coup, même si vous mettez du texte à la place de la pub, il peut être bloqué !

AdBlock sous Chrome permet de bloquer des div complètes