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:
1 2 3 |
<div class="myAd"> <!-- Ad code --> </div> |
JQuery:
1 2 3 4 5 |
jQuery(document).ready(function() { if (jQuery('.myAd').height() == 0) { // AdBlock active } }); |
Js:
1 2 3 4 5 6 7 8 |
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:
1 2 3 |
if (jQuery('iframe').length > 0) { // AdBlock active } |
Js:
1 2 3 |
if (document.getElementsByTagName("iframe").item(0) == null) { // AdBlock active } |