Código Anti Adblock: Volver invisible el contenido de una entrada del blog

Código Anti Adblock: 

Volver invisible  el contenido

de una  entrada del blog

En las anteriores entradas (enlace 1 y enlace 2) os conté como mostrar un mensaje al visitante de nuestro blog para que desactivara Adblock y ocultar un enlace de descarga. Ahora pasamos al 3º grado: Vamos a hacer que el contenido de la entrada de un blog no se muestre si esta activado adblock.

Los pasos son muy similares al explicado al enlace 2, pero os lo explico con detalle:

1)  Ponemos nuestra entrada en modo editor html (pulsando el botón html):

2) Al principo de la entrada o donde estimemos oportuno, pondremos el código:

<div id="ad_banner">

3) Al final de la entrada o donde estimemos oportuno, ponemos el código:

</div><br><b>Nota:</b><br>Si no ve completo este articulo es que tienes adblock activado. Por favor desactive adblock para este blog. Gracias<br>

Este código mostrará un mensaje donde explicamos que si el artículo no se ve, es porque tiene activado adblock, y le pedimos al usuario que lo desactive.

Nota:

Hay que tener encuenta los posibles anidamientos de <div> que haya en el documento, para que nuestro cierre de div, coincida con el inicio del div id="ad_banner".

Lo más simple es ponerlo al principio y final del documento, dejando que solo se vea el título del post.

4) Guardamos los cambios, y publicamos la  entrada.

5) Al ver la entrada:
Si el usuario tiene adblock activado en nuestro blog, no verá la parte que este entre el código 1 y 2. 

De esta manera podemos mostrar parte de la entrada blog y otra parte (la más interesante) ocultarla para que el visitante se anime a activar Adblock.

Os dejo un video para que veas el resultado de lo explicado:


Espero que os sea útil, y que vuestras impresiones de anuncio aumenten.

Saludos

Jsbsan

Nota:
Las pruebas las estoy haciendo en blogspot, pero vale para cualquier tipo de alojamiento web.

Código Anti Adblock: Eliminar enlaces, si el usuario tiene activado Adblock.

Código Anti Adblock:

Eliminar enlaces,  si el usuario tiene activado Adblock.

El otro dia (en ese articulo enlace) hablé sobre como avisar al usuario de que desactive Adblock cuando entre en nuestro blog. Hoy os comento la forma de que los enlaces que tengais en vuestro blog se eliminen (osea que no se vean), si el usuario tiene activado Adblock.

Empezamos:
1) Supongamos que tenemos este código en html para enlazar la descarga de un fichero:
<a href="ruta_url_archivo_o_pagina_web">Este enlace lleva a una descarga u otra web</a>

Nota: ruta_url_archivo_o_pagina_web: su nombre mismo indica que es, ¿no?

2) ¿que hacemos para que se vuelva "invisible", para el usuario que tenga instalado Adblock:
Pues simplemente tenemos que añadir la etiqueta siguiente:
<div id="ad_banner">
.....
</div>

3) Osea quedaría asi:
<div id="ad_banner">
<a href="ruta_url_archivo_o_pagina_web">Este enlace lleva a una descarga u otra web</a>
</div>



4) El usuario que entre y tenga activado adblock no verá el enlace , y si lo tiene desactivado adblock (aunque solo sea para nuestro blog), lo podrá ver. Y todos contentos, el usuario se descarga el archivo, y el blogger se asegura que se han imprimidos sus anuncios.

Os dejo aqui un vídeo de un ejemplo real de como funciona:

Esta técnica, junto al mensaje que se puede poner como explique en la anterior entrada (en ese articulo enlace) , creo que son muy interesantes para que blogueros que suben contenidos propios, ya sea plantillas, imágenes, mod o programas,  y puedan obtener algún ingreso por su trabajo.

Saludos

Sistema para detectar AdBlock y pedir al usuario que lo quite para que se puedan mostrar los anuncios.

Sistema para detectar AdBlock y pedir al usuario que lo quite para que se puedan mostrar los anuncios.

Este es un sistema que he adaptado para el uso en blogspot.com, ya que donde lo encontré (vease enlace que pongo al final) daban la explicación de como hacerlo, pero en alojamientos donde tienes acceso diretamente al directorio de archivos. Como sabeis en blogspot no existe esa opción.... pero tenemos sites google.

En este caso he usado solo recursos de google (google sites), para alojar el  archivos script y las imágenes.


Básicamente se trata de usar un script que crea una etiqueta "ad_banner", la cual es detectada por Adblock como publicidad y no la muestra. Por otro lado, en el blog se usará otro script que busque esa etiqueta, si no la encuentra, es porque no la ha dejado Adblock mosrtrarse, con lo cual mostramos un mensaje para pedirle al usuario que desactive Adblock para nuestro blog.

1)  alojar el script siguiente en una página tipo "archivo" en  google sites, llamandolo "ad_banner.js":
document.write('<div id="ad_banner"><img src="URL DEL ARCHIVO?attredirects=0"  width="250"/></a></div>');

Nota: Sustituir URL_DEL_ARCHIVO, por la ruta donde este situado el archivo imagen en vuestro site google.

También podemos alojar las imágenes para avisar al usuario:

2) Luego ya en nuestro blog, tenemos que añadir varios gadget de tipo "html/javascript"

Por si no lo sabeis, se hace de la siguiente manera:
1) Vais a la pestaña "Diseño"
2) Pulsar en "añadir gadget"
3) En la ventana que os sale, desplazaros hasta encontrar el gatget "Html/JavaScript"
4) Se añade otro gadget que lo podeis editar, e introducir el código necesario.

3) En uno de los gadget que habeis añadido, hay que poner el siguiente código:
<script type="text/javascript" src="https://sites.google.com/site/RUTA_SITE/archivo/ad_banner.js"></script>

Sustituir RUTA_SITE por el nombre de vuestro site en google.

4) En otro de los gadget que habes añadido, hay que poner el siguiente código:

<script type="text/javascript">
      if (document.getElementById("ad_banner") != undefined) {
        document.write('');
      } else {
        document.write('<h3>Tienes activado Adblock, por favor desactivalo en este blog, para que se puedan mostrar la publicidad. Gracias</h3>');
document.write('<img src=" URL_DEL_ARCHIVO?attredirects=0"></a>');
      }
</script>

Nota: Sustituir URL_DEL_ARCHIVO, por la ruta donde este situado el archivo imagen en google site

Lo que hace este código es buscar la etiqueta "ad_:banner", si la encuentra no hace nada, pero si no la encuentra muestra un mensaje y una imagen diciendo que por favor se desactive el adblock.

Os dejo un video para que veais como funciona:




Ejemplo de blog donde esta aplicado el script:

http://detectoradblock.blogspot.com.es/

Fuente Original:
http://forobeta.com/tutoriales/332428-detectar-de-adblock-plus-y-avisar-al-usuario.html