Mostrar imagen anti-adblock en columna lateral sin pop up

isaac152 · 21 Dic 2016

Buenas. He visto en el foro y por el internet muchos plugins anti adblock. Entre los cuales algunos son muy agresivos (de plano no te dejan entrar en la web) y otros que solo te anuncian cada cierto tiempo con un banner.

Mi pregunta es simple, ¿Existe o es posible hacer que se muestre una imagen 300x300 en una columna de mi web cuando alguien tiene adblock? No un pop up ni nada. Solo una imagen al lado. Como una especie de reemplazo por el anuncio. No he conseguido pluggin que haga esto. Quiero que se mantenga hasta que el usuario quite el adblock para evitar molestar a los demás.

¿Alguien sabe de esto? Se lo agradecería mucho. O podrían comentarme sus experiencias con anti-adblocks para tomar nota.

Espero sus respuestas.

Gracias.

Jonay Basanta · 21 Dic 2016

mira a ver si aun sirve -> http://forobeta.com/tutoriales-de-c...ostrar-ads-aun-teniendo-adblock-activado.html

isaac152 · 21 Dic 2016

No me sirve, es lo mismo que yo suba la imagen y ya. Yo quiero que la imagen se muestre en cuestión cuando el adblock este activado y desaparezca cuando no lo este para no molestar a los usuarios. Pero gracias 😕

RodrigoMaster7 · 21 Dic 2016

xataka.com.mx tiene un script que lo hace, si gustas explorar su codigo de fuente.

isaac152 · 22 Dic 2016

Justo eso mismo es lo que requiero. Pero al explorar el código encuentro precisamente esto. Se que es javascript. Pero alguien tiene idea de donde extraer algo en especifico?

<div class="js-img-adb">
<a href="#">
<img src="https://img.weblogssl.com/g/recursos/misc/xmx2.jpg" alt="¿Usas Adblock Plus en Xataka México? Ver cómo desactivarlo para xataka.com.mx">
</a>
</div>

Cicklow · 22 Dic 2016

Yo uso esto (en el footer):

HTML:

<script src="/ads.js" type="text/javascript"></script>
<script type="text/javascript">
if(!document.getElementById('HtbMXdwprAaQ_CCW')){
 var elms = document.querySelectorAll("[id='VPEbZLBihzRg']");
 for(var i = 0; i < elms.length; i++){
   elms[i].style.display='block';
 }
}
</script>

contenido de ads.js

HTML:

var e=document.createElement('div');
e.id='HtbMXdwprAaQ_CCW';
e.style.display='none';
document.body.appendChild(e);

y abajo de cada publicidad colocas:

PHP:

<div id="VPEbZLBihzRg">
  Our website is made possible by displaying online advertisements to our visitors.<br>
  Please consider supporting us by disabling your ad blocker.
</div>

CSS

HTML:

		#VPEbZLBihzRg {
			display: none;
			margin-bottom: 30px;
			padding: 20px 10px;
			background: #D30000;
			text-align: center;
			font-weight: bold;
			color: #fff;
			border-radius: 5px;
		}

asi se vera

basicamente lo que hacemos es tener oculto el texto del adblock... y los adblock bloquean ads.js, es por eso que si el DIV que ads.js crea no existe, significa que un adblocker lo elimino, entonces mostramos los textos en cada ads...

Mi sitio es en ingles x eso el texto en ingles

DunesJordison · 22 Dic 2016

A favoritos... por la respuesya de clicklow. 🙂

- - - Actualizado - - -

A favoritos... por la respuesta de clicklow. 🙂

mazic · 22 Dic 2016

Disculpen la pregunta, no quiero desviar ni desvirtuar. Esto para que sirve? solo para "pedirle" al visitante que por favor desactive adblock para nuestro sitio?. Por que particularmente no desactivaria nada por que me lo pidas (pensando como usuario)..

Andres128 · 22 Dic 2016

mazic dijo:
Disculpen la pregunta, no quiero desviar ni desvirtuar. Esto para que sirve? solo para "pedirle" al visitante que por favor desactive adblock para nuestro sitio?. Por que particularmente no desactivaria nada por que me lo pidas (pensando como usuario)..

Así es, pienso que es mas efectivo mostrarle una ventana modal negra y con el excelentísimo y sencillisimo código que ha compartido cicklow obligar al usuario a que lo desactive xD

isaac152 · 22 Dic 2016

Creo que lo que comentó [MENTION=24748]Click[/MENTION]low me puede servir. Voy a probarlo y luego vengo a comentar.

Muchas gracias compañero :encouragement:

leroku · 24 Dic 2016

isaac152 dijo:
Creo que lo que comentó [MENTION=24748]Click[/MENTION]low me puede servir. Voy a probarlo y luego vengo a comentar.

Muchas gracias compañero :encouragement:

¿Alguna novedad? Me interesa 🙂

Mostrar imagen anti-adblock en columna lateral sin pop up

isaac152

Jonay Basanta

isaac152

RodrigoMaster7

isaac152

Cicklow

DunesJordison

mazic

Andres128

isaac152

leroku

Temas similares