Tutorial: Alertar el uso de AdBlock - v2

Cicklow · 1 Jun 2015

En este tutorial aprenderán como mostrar una forma no invasiva al usuario de que desactive AdBlock en nuestros sitios, funciona con cualquier tipo de publicidad, en mi ejemplo usaremos AdSense!

Como se ve con AdBlock desactivado (un banner de 728x90 y otro de 336x280... solo es un ejemplo):

Como se ve con AdBlock activo:

Lo que hacemos es mostrar una imagen de fondo, la imagen no se ve si hay un banner arriba, y aparece cuando AdBlock esta bloqueando la publicidad... Como logramos esto?... bien facil:

1- Crear las imágenes de fondo
Para esto accedemos a: Dynamic Dummy Image Generator - DummyImage.com colocamos el tamaño de nuestro banner, los colores y el texto a usar... luego de hacer esto, descargamos esta imagen (puede ser que AdBlock este bloqueando dummyimage, por eso no es usada directamente...)

2- Creamos un DIV (HTML Code)
Este DIV contendrá la imagen de fondo y sera:

HTML:

<div style="background: url('728_90.png') no-repeat scroll 0 0 transparent;overflow: hidden;width:728px;height:90px;">
ADSENSE CODE
</div>

Lo que hacemos ahi es colocar con CSS una imagen de fondo, esta solo sera visible cuando AdBlock este activo... Si por ejemplo quisiéramos usar un banner de 336x280, nuestro código quedaría:

HTML:

<div style="background: url('336_280.png') no-repeat scroll 0 0 transparent;overflow: hidden;width:336px;height:280px;">
ADSENSE CODE
</div>

Esto es todo y bien facilito, espero que les sea util. :encouragement: Saludos y Éxitos!

root25 · 1 Jun 2015

Buen tutorial la cosa esque si haran caso y lo desactivaran :encouragement:

Daniel Muñoz · 1 Jun 2015

Como siempre innovando =) :welcoming:

JhonnyMtz · 1 Jun 2015

Muy buen tutorial gracias!

LuiggiC · 1 Jun 2015

[MENTION=9679]cicklow[/MENTION] Gracias :encouragement:

Kakkonen · 1 Jun 2015

y eso no es peligroso para adsense de que se este fomentando de cierta manera ver la publicidad?

Menorah · 1 Jun 2015

Kakkonen dijo:
y eso no es peligroso para adsense de que se este fomentando de cierta manera ver la publicidad?

Yo también me preguntaba lo mismo, pero las políticas de adsense penaliza por métodos fraudulentos para incitar al usuario a hacer click en la publicidad, pero no en ver la misma.

Cicklow · 1 Jun 2015

Kakkonen dijo:
y eso no es peligroso para adsense de que se este fomentando de cierta manera ver la publicidad?

No se fomenta a dar click ni nada, solo estamos indicando que desactive adblock... no tiene nada que ver adsense con adblock, solo indicamos al usuario si puede desactivar la extension, no le decimos que haga click en ningun banner ni nada... no afecta en nada...

Kakkonen · 1 Jun 2015

cicklow dijo:
No se fomenta a dar click ni nada, solo estamos indicando que desactive adblock... no tiene nada que ver adsense con adblock, solo indicamos al usuario si puede desactivar la extension, no le decimos que haga click en ningun banner ni nada... no afecta en nada...

me referia a esto porque adsense dice unas cosas y en la practica hace otras, me han bloqueado dominios por xy motivo, aun sin justificacion ni respaldo, por eso preguntaba. No estoy diciendo que asi sera ni otra cosa

Cicklow · 2 Jun 2015

Kakkonen dijo:
me referia a esto porque adsense dice unas cosas y en la practica hace otras, me han bloqueado dominios por xy motivo, aun sin justificacion ni respaldo, por eso preguntaba. No estoy diciendo que asi sera ni otra cosa

Si, te entiendo perfectamente... es de la persona de turno quien depende nuestro adsense... pero esto no afecta en nada, no se modifica el comportamiento de los anuncios, ni tampoco se esta alentando a hacer click en los anuncios, solo que desactive una extensión del navegador...

Okaro · 3 Jun 2015

Genial aporte!! Aunque en ocasiones se carga antes la imagen de fondo que el anuncio de Adsense. Pero bueno, ya lo iré personalizando!!

Gracias!!

Vittey · 3 Jun 2015

Muy buen tuto 😱nthego:

MidgardCP · 9 Jun 2015

Gracias por la información 🙂

Saludos

hardware · 9 Jun 2015

Kakkonen dijo:
y eso no es peligroso para adsense de que se este fomentando de cierta manera ver la publicidad?

era una herramienta necesaria que no existía
ya que el que maneja la web es el webmaster no crhome ni google
solo es una herramienta que no existía, al fin se empieza a terminar el lucro de adblock

Carambel · 27 Jun 2015

Gracias por la cachetada, si no recibía eso que idiota haría sido.

nyko513 · 28 Nov 2015

Gracias! me sirvió.

Un pequeño consejo, la imagen que pongan debajo de la publicidad tiene que ser algo más pequeña que la publicidad. Ahora Adsense a veces pone publicidades más pequeñas del espacio que le asignamos. Por ejemplo esta: http://i.imgur.com/wSjkUdj.jpg (480x65 en lugar de un banner de 728x90).
Lo mismo me ha sucedido con banner de 300x250. A veces ponen publicidades con bordes trasparentes, y se ve la imagen que queda atras.

[MENTION=9679]cicklow[/MENTION] para usar este truco con el siguiente código de Adsense:

<style type="text/css">
.adslot_1 { width: 320px; height: 100px; } [MENTION=16931]medi[/MENTION]a (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } } [MENTION=16931]medi[/MENTION]a (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
style="display:inline-block"
data-ad-client="ca-pub-****"
data-ad-slot="******"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Pongo me gustaría poder poner una advertencia solo para los usuarios que tienen más de 800px de pantalla. Es posible?

SnakeNet · 28 Nov 2015

nyko513 dijo:
Gracias! me sirvió.

Un pequeño consejo, la imagen que pongan debajo de la publicidad tiene que ser algo más pequeña que la publicidad. Ahora Adsense a veces pone publicidades más pequeñas del espacio que le asignamos. Por ejemplo esta: http://i.imgur.com/wSjkUdj.jpg (480x65 en lugar de un banner de 728x90).
Lo mismo me ha sucedido con banner de 300x250. A veces ponen publicidades con bordes trasparentes, y se ve la imagen que queda atras.

Enlace eliminado para usar este truco con el siguiente código de Adsense:

<style type="text/css">
.adslot_1 { width: 320px; height: 100px; } Enlace eliminadoa (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } } Enlace eliminadoa (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
style="display:inline-block"
data-ad-client="ca-pub-****"
data-ad-slot="******"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Pongo me gustaría poder poner una advertencia solo para los usuarios que tienen más de 800px de pantalla. Es posible?

Claro puedes hacerlo con el media max-width con eso no debería suponerte problema. Lo estás usando aquí Enlace eliminadoa (min-width:800px) { .adslot_1 { width: 728px; height: 90px; }

nyko513 · 28 Nov 2015

SnakeNet dijo:
Claro puedes hacerlo con el media max-width con eso no debería suponerte problema. Lo estás usando aquí Enlace eliminadoa (min-width:800px) { .adslot_1 { width: 728px; height: 90px; }

No Snake.. el codigo que pone clicklow es para poner antes del bloque.. si yo pongo ese div, cuando tengo una publicidad de 320x100 igual se vera la imagen..

Tendria que usar siempre una imagen pequeña, y la idea es que atras de la publicidad de 720x90 se esconda la advertencia. No detras de la de 320 (por ejemplo)

picapiedra77 · 28 Nov 2015

Muy interesante, me suscribo al tema

Enviado desde mi iPhone utilizando Tapatalk

IGNACIO · 28 Nov 2015

Buenísimo, lo aplicaré a mi red de blogs

Tutorial: Alertar el uso de AdBlock - v2

Cicklow

root25

Daniel Muñoz

JhonnyMtz

LuiggiC

Kakkonen

Menorah

Cicklow

Kakkonen

Cicklow

Okaro

Vittey

MidgardCP

hardware

Carambel

nyko513

SnakeNet

nyko513

picapiedra77

IGNACIO