Alertar el uso de AdBlock Alertar el uso de AdBlock


Página 1 de 17 12311 ... ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 161
  1. #1
    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:
    Código:
    <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: #121212  ;
    	z-index:1002;
    	overflow: auto;
    }
    .white_content p {
    	color: #FFF  ;
    	font-family: verdana;
    }
    </style>
    Después de <body> colocamos:
    Código:
    <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:
    Código:
    <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:
    Código:
    <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 jajajaja
    PD: Se agrego un fix de parte de zasudark para que funcione bien con en algunos navegadores!
    Última edición por cicklow; 14-feb-2016 a las 18:31

  2. #2
    Registro
    29-marzo-2012
    Ubicación
    Tegucigalpa, Honduras
    Edad
    21
    Mensajes
    3.618
    Excelente aporte

  3. #3
    Registro
    26-julio-2012
    Ubicación
    Argentina
    Mensajes
    1.308
    sos un kpoooooo gracias por compartir el tutorial

  4. #4
    Se agradece el aporte

  5. #5
    Gracias amigo

    PD: el ejemplo no se ve

  6. #6
    Registro
    17-febrero-2012
    Ubicación
    Boyacá, Colombia.
    Mensajes
    2.150
    Gracias compa, funciona 100%

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


  7. #7
    Registro
    20-abril-2011
    Ubicación
    Perú 
    Mensajes
    4.817
    excelente clicklow, seria genial que programes un plugin para wordpress.

  8. #8
    Cita Iniciado por alejandrocacheiro Ver Mensaje
    Gracias amigo

    PD: el ejemplo no se ve
    sisis se ve... si te muestra en blanco es que tenes deshabilitado adblock... ahora le meto contenido...

  9. #9
    Ok, gracias, después de escribirlo me lo imaginé, pero en el momento pensé que era un error
    Cita Iniciado por cicklow Ver Mensaje
    sisis se ve... si te muestra en blanco es que tenes deshabilitado adblock... ahora le meto contenido...

  10. #10
    Registro
    26-julio-2012
    Ubicación
    Argentina
    Mensajes
    1.308
    lol... Hola soy un contenido!!!

Página 1 de 17 12311 ... ÚltimoÚltimo


Temas similares

  1. adblock usando adsense??
    saludos, alguien de ustedes usa adblock estando conectado en su cuenta adsense? lo que pasa es que tenia pensado instalarlo en mi pc, pero lo que no...
    Respuestas: 5
    Último mensaje: 24-feb-2016
  2. Eduquemos a los visitantes ... Anti Adblock
    Betas, les comparto un script que encontré por la red. Sirve para que a los visitantes que tengan instalado el adblock les muestre un mensaje que...
    Respuestas: 77
    Último mensaje: 24-oct-2014
  3. ¿que opinas de adblock?
    adblock o adblock plus es un complemento de los navegadores, que sirve para no ver la publicidad en los sitios, es de las extensiones mas instaladas...
    Respuestas: 51
    Último mensaje: 31-ago-2013
  4. Queja: Infraccion por alertar los miembros de un timo.
    Buenas tardes, Ayer un miembro vendia un programa de SEO que crea backlinks. le mande un mensaje afirmando "Mandame el programa, si veo que funciona...
    Respuestas: 82
    Último mensaje: 14-abr-2012
  5. Que opinas del Adblock y las personas que los usan
    Abro este post para que opinemos sobre este plugin Adblock que cada ves tiene mas popularidad y perjudica a las personas dueñas de webs con...
    Respuestas: 25
    Último mensaje: 10-oct-2010

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •