JS : Tester si AdBlock est activé sur la page

Le 17 septembre 2012 — par

Sur BetaSeries il y a un système de « dons » qui consiste à regarder une publicité pour nous rapporter un peu de sous. Le problème c’est que parfois les dons sont validés sans nous rapporter de sous, la faute d’AdBlock.

Voici un script qui permet de tester la présence d’AdBlock et de prévenir vos utilisateurs dans ce cas.

AdBlock détecte les blocs de publicité sur les sites, mais il détecte aussi les noms de fichiers JavaScript. Ainsi nommons un fichier advertisement.js pour tromper AdBlock :

<script type="text/javascript" src="advertisement.js"></script>

Ce script advertisement.js ajoutera à la fin de notre site un calque nommé « ads_bottom » avec la propriété CSS display: none, pour ne pas que les utilisateurs le voient.

document.write('<div id="ads_bottom" style="display: none; width: 100px; height: 100px;"></div>');

Enfin, un test sur la présence de #ads_bottom permet donc de vérifier la présence d’AdBlock :

if (document.getElementById('ads_bottom') == null) {

    window.alert('Désactivez AdBlock !');

}

Merci à Erik Swan.

S'abonner au flux RSS du blog
Recevoir les nouveaux articles par e-mail :