Tutorial: Alertar el uso de AdBlock

Cicklow

Admin
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
30 May 2011
Mensajes
240
Hola hoy aprenderán a bloquear al usuario y no permitirle ver el sitio hasta que deshabilite AdBlock (tambien podran mostrar el aviso y permitir ver el sitio).


El código es fácil de implementar, entre el <head> y </head> colocamos:
Insertar CODE, HTML o PHP:
<style>
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 20%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: [URL=http://forobeta.com/usertag.php?do=list&action=hash&hash=121212][URL=http://forobeta.com/usertag.php?do=list&action=hash&hash=121212]#121212[/URL] [/URL] ;
	z-index:1002;
	overflow: auto;
}
.white_content p {
	color: [URL=http://forobeta.com/usertag.php?do=list&action=hash&hash=FFF][URL=http://forobeta.com/usertag.php?do=list&action=hash&hash=FFF]#FFF[/URL] [/URL] ;
	font-family: verdana;
}
</style>

Después de <body> colocamos:
Insertar CODE, HTML o PHP:
<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"><br/>
		<p>En este sitio no aceptamos el uso de AdBlock, tendrás que deshabilitarlo para ver el contenido.</p>
	</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.scrollTo(0, 0);
		}
	  }
	  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:
Insertar CODE, HTML o PHP:
<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:
Insertar CODE, HTML o PHP:
<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>

Descargar código | Ver ejemplo online

Saludos!

PD: sin links de adfly como vi en otro post XD jajajaja
PD: Se agrego un fix de parte de [MENTION=44787]zasudark[/MENTION] para que funcione bien con en algunos navegadores!
 
Última edición:

Jorge Reyes

Moderador
1
Kappa
Social Media
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
29 Mar 2012
Mensajes
2.592
Excelente aporte :encouragement:
 

warkings

Eta
Redactor
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
26 Jul 2012
Mensajes
1.324
sos un kpoooooo :star2: gracias por compartir el tutorial :encouragement:
 

Zero_Cool

Baneado
Iota
Domainer
Verificación en dos pasos desactivada
Desde
27 Ene 2012
Mensajes
2.210
Se agradece el aporte :top:
 

Andres128

Iota
Programador
Verificación en dos pasos activada
Desde
17 Feb 2012
Mensajes
2.389
Gracias compa, funciona 100% :)

Dejo una imagen extra por si el usuario no sabe como detenerlo:

 

Bruno

Ómicron
Domainer
Verificación en dos pasos desactivada
Desde
20 Abr 2011
Mensajes
4.834
excelente clicklow, seria genial que programes un plugin para wordpress. :encouragement:
 

Cicklow

Admin
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
30 May 2011
Mensajes
240

warkings

Eta
Redactor
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
26 Jul 2012
Mensajes
1.324
lol... Hola soy un contenido!!! :confused:
 

JigSaw

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
17 Oct 2011
Mensajes
387
muchas gracias, lo probare
 

Cicklow

Admin
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
30 May 2011
Mensajes
240

jlchevrolet

Zeta
Verificación en dos pasos desactivada
Desde
12 Abr 2012
Mensajes
1.978
y despues de esto el usuario va a hacer clic en los anuncios???? jajaja
 

Cicklow

Admin
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
30 May 2011
Mensajes
240

jlchevrolet

Zeta
Verificación en dos pasos desactivada
Desde
12 Abr 2012
Mensajes
1.978
no se... pero al menos lo deshabilita... por ahi le interesa algo del sitio y hace click...

un usuario que ya viene ravioso de ver publicidades y por eso se pone adblock, le mostras esto >>> cierra la pag y vuelve a google.... ja

igualmente se valora la intension y el esfuerzo ;)
 

rcobosr

VIP
Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
30 Mar 2011
Mensajes
273
Yo creo que hay que hacer sitios amigables, el exceso de publicidad genera este tipo de programas algo hemos estado haciendo mal...del aporte, excepcional
 

Jesam

VIP
Mi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
30 Dic 2011
Mensajes
3.010
Gracias por tremendo aporte maestro #cicklow !
 

villabull

VIP
Ni
SEO
Social Media
Verificación en dos pasos desactivada
Desde
30 May 2011
Mensajes
3.511
gracias! vamos a probarlo...
 

Gustavito

Dseda
Verificación en dos pasos desactivada
Desde
26 Abr 2013
Mensajes
1.216
Gracias gracias ! Cicklow Presidente !:p8:
 

victor167

Alfa
Verificación en dos pasos desactivada
Desde
30 Mar 2012
Mensajes
25
hay muchas formas de bloquear ese script y siempre lo habra. :D

Buen tutorial.
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba