Actualidad
Colocar una Alertar a los usuarios que entren en nuestra web con AdBlock
¿Piensas que los blogs, vídeos y páginas web serían mejores lugares si no aparecieran anuncios? Si es así, tal vez deberías pensártelo dos veces.
Utilizar Adblock o similares no es bueno para nadie
Puede que mi punto de vista resulte un tanto extremo, pero el uso sistemático de programas bloqueadores de publicidad es perjudicial para cualquier creador de contenidos online. Al igual que en la prensa, radio y televisión, la publicidad es lo que permite disfrutar gratuitamente de plataformas como Youtube o Blogger (por no citar sino dos ejemplos). Gracias a esos pocos instantes de comerciales antes un vídeo, o a ese banner que aparece en algún punto de la pantalla, es posible navegar libremente por casi todo internet sin tener que pagar para leer artículos, ver vídeos y poder interactuar con otros usuarios.
[code lang=»js»]
<script>
// Run after all the page elements have loaded
window.onload = function(){
// This will take care of asynchronous Google ads
setTimeout(function() {
// We are targeting the first banner ad of AdSense
var ad = document.querySelector(«ins.adsbygoogle»);
// If the ad contains no innerHTML, ad blockers are at work
if (ad && ad.innerHTML.replace(/\s/g, «»).length == 0) {
// Since ad blocks hide ads using CSS too
ad.style.cssText = ‘display:block !important’;
// You can put any text, image or even IFRAME tags here
ad.innerHTML = ’No destruyas en el internet no use ADblock’;
}
}, 2000); // The ad blocker check is performed 2 seconds after the page load
};
</script>
[/code]
Después <body> colocamos:
[code lang=»js»]
<img src=»banner.gif?» width=»1″ height=»1″ id=»XcVCCW»>
<div id=»light» class=»white_content»>
<a href = «javascript:void(0)» onclick = «document.getElementById(‘light’).style.display=’none’;document.getElementById(‘fade’).style.display=’none'» style=»text-decoration:none;position:absolute;top:0px;left:0px;display:none;»><img src=»closeX.png»></a>
<center>
<img src=»noadblock.png»>
<strong>En este sitio no aceptamos el uso de AdBlock, tendrás que deshabilitarlo para ver el contenido.</strong>
</center>
</div>
<div id=»fade» class=»black_overlay»></div>
<script type=»text/javascript»>
function cicklow_XcVCCW(){
if(document.getElementById(«XcVCCW»)==null || document.getElementById(«XcVCCW»).offsetHeight<=0){
document.getElementById(‘light’).style.display=’block’;
document.getElementById(‘fade’).style.display=’block’;
document.documentElement.style.overflow = ‘hidden’; // firefox, chrome
document.body.scroll = «no»; // ie only
}
}
window.onload=cicklow_XcVCCW;
</script>
[/code]
El código lo que hace es ver si la imagen (banner.gif) fue sacada de nuestro código, eso significa que tiene AdBlock activado (u otro script anti ads). Si detectamos que lo tiene activado mostramos el lightbox.
Si queremos permitirle al usuario cerrar la ventana del lightbox, solo tenemos que cambiar esto:
[code lang=»js»]
<a href = «javascript:void(0)» onclick = «document.getElementById(‘light’).style.display=’none’;document.getElementById(‘fade’).style.display=’none'» style=»text-decoration:none;position:absolute;top:0px;left:0px;display:none;»><img src=»closeX.png»></a>
[/code]
por esto:
[code lang=»js»]
<a href = «javascript:void(0)» onclick = «document.getElementById(‘light’).style.display=’none’;document.getElementById(‘fade’).style.display=’none'» style=»text-decoration:none;position:absolute;top:0px;left:0px;»><img src=»closeX.png»></a>
[/code]