Colocar una Alertar a los usuarios que entren en nuestra web con AdBlock

no al 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.

También cabe destacar que la mayoría de las personas que escriben o hacen vídeos no viven de esta actividad online. Pero esto no quiere decir que no tengan derecho a ganarse unos centavos por su trabajo. Para así por lomenos pagar sus servicio de alojamiento web etc. Qué aparezcan anuncios en un blog o videoblog es a menudo la única forma de dar una monetización al contenido que se crea y sube a la red.
De acuerdo que trabajar por el vil metálico es una actitud muy fea (un verdadero creador nunca crea pensando sólo en el dinero). Sin embargo es igualmente cierto que hacer las cosas por nada o nadie no motiva a nadie, ni al más artista de todos. Entonces ¿por qué quitarle a alguien la oportunidad de obtener una pequeña compensación económica por crear contenido interesante, entretenido o instructivo?
Si tú, que me estás leyendo, has llegado hasta aquí lo más probable es que también seas un creador de contenido online, y que estés de acuerdo con mi punto de vista.
Y para concluir esta breve reflexión, quiero aclarar que no estoy tampoco a favor de la publicidad excesiva en las páginas web. Esos sitios donde el visitante es asaltado por múltiples ventanas emergentes y banners con musiquitas que saltan sin aviso, lo único que demuestran es una falta de capacidad de promoción.
A nadie le gusta una web con más anuncios que contenido. Esos son, tal vez, los únicos casos en los que el uso de programas como Adblock y parecidos es admisible (y a veces incluso inevitable).
AdBlock Plus y el resto de extensiones que permiten bloquear la publicidad de las webs están ganando adeptos a toda velocidad.
Aunque el porcentaje de internautas que hacen uso de ellas es todavía modesto, no me cabe la menor duda de que, si las cosas no cambian drásticamente, en unos años se convertirán en un problema de primer orden que amenazará la supervivencia económica de muchos sitios.
Pese a la gravedad de la situación, se pueden contar con los dedos de una mano los sitios de cierta importancia que han optado por explicar a sus visitantes el perjuicio que les causan cuando bloquean sus banners publicitarios.
Como una solución tenemos un código que pueden usar los webmaster para colocar una alerta, que le saldrá a los visitantes que entre a sus paginas web con Adblock aquí les dejo el código.
Muestra un mensaje para los usuarios con Adblock
Hay 2 formas  bloquear al usuario y no permitirle ver el sitio hasta que deshabilite AdBlock (también podrán mostrar el aviso y permitir ver el sitio).
El código es fácil de implementar, entre el <head> y </head> colocamos:
Código:
<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>

Después  <body> colocamos:

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

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:

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

por esto:

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

Puedes descargar el código aqui

Sobre

diginota

Tu Nota Digital, Revista on-line, Internet y tecnologías con los trucos y Notas insólitas, extrañas y mucho mas...
Este cuadro no quiere decir que diginota es el autor de los post es sencillamente el autor de Diginota.com.
Sigueme la pista
en: Twitter
En Google+
Facebook