Código, Web y Blogs


Colocar Adsense en entradas relacionadas de tu Blog Blogger

Pero tiempo que no dedicaba una entrada a Adsense, hoy explicaré un truco/herramienta oficial de Google Adsense todo lo que haremos será desde su web oficial, ¿De qué se trata?, lo que haremos será poner en nuestro blog anuncios de adsense en medio de lo que solemos llamar "Entradas o post relacionados" que van al final de cada entrada así de fácil, así que veamos.
 Requisitos:

- Claramente debes tener un blog aprobado y cuenta de adsense aprobada
- Tener activada la opción de anuncios automáticos en adsense.com
- Conocer un poco de HTML en tu tema Blogger

Creando el bloque de anuncios de Contenidos Relacionados

Sabidos los requisitos, vamos a lo que vamos paso a paso su implementación es ¡Pan comido hacerlo! pero diré a detalle cada cosa:

1. Vamos a adsense.com luego > Anuncios > Bloques de anuncios:


2. Ahora en escogemos la pestaña "(Nativo) Contenido Relacionado":

Click en la imagen para ampliar

3. Seleccionado lo anterior nos saldrá un demo en vivo del bloque de anuncios de "Contenidos relacionados" ahora hay que verificar que nuestro dominio del blog esté apto para poder mostrar ya que la vinculación es automática:

Click para ampliar imagen
Muy bien en mi caso sale blogginred.com como un sitio habilitado y permitido para incluir este tipo de anuncios (Sólo para aclarar si no te sale en sitios web aptos no hay nada que hacer al respecto).



4. Como vemos en la imagen anterior al seleccionar la web apta justo debajo podremos ver un demo de como irían quedando nuestros anuncios mezclados con el contenido del blog al cual podremos ajustar el tamaño según el ancho del espacio de entradas en nuestro blog:


5. Vamos a configurar el bloque de anuncios ahora, en la parte derecha del demo en vivo tenemos todo el panel de ajuste y solo modificaremos:


Nombre del bloque > Para identificar nuestro bloque cuando queramos modificarlo en el futuro.

Opciones de anuncios > Habilitamos la obtención de ingresos

Tamaño > Adaptable, para no sufrir con las versiones de celular. 


6. Finalmente guardamos cambios y obtenemos el código:


El código final y que copiaremos será algo similar a este:

 

Llevando nuestro anuncio a Blogger

Copiado el código anterior empezaremos entonces con poner el anuncio en nuestro blog de blogger debe ser el mismo blog que salió habilitado para poner "Contenidos Relacionados":

7. Vamos a nuestro escritorio Blogger > Tema > Editar HTML y buscamos la siguiente línea:
<div class='post-footer-line post-footer-line-1'/>

Y justo arriba de ella pegamos el código Adsense:

 
Ahora si no te sale la anterior línea busca la siguiente:
<div class='post-footer'>

Y debajo de ella pega el código adsense puede que te salga un par de veces la misma línea prueba en ambas hasta que en una entrada se vea el bloque puesto o un espacio grande en blanco. 

8. Guarda cambios en tu plantilla (Tema) y finalmente ve a una entrada a observar, pero cuidado hay dos cosas que pueden pasar:

- Los anuncios no se vean de primera vez recién pones, pero, si te sale un espacio al final de tu entrada en blanco hiciste un buen trabajo y sólo debes esperar algunas horas para empezar a ver anuncios.

- Que los anuncios se empiecen a ver de una vez por todas.


¿Cómo queda finalmente?

Bueno la respuesta la tienes en una imagen más arriba en el punto 4 si no, aquí mismo en esta entrada puedes ver que hay "Contenidos relacionados" con anuncios adsense de por medio, lo malo del rollo es que no será visible para aquellos lectores que tengan activado AdBlock  en sus navegadores sin embargo puedes implementar un buen script en tu blog para limitar el acceso a aquellos usuarios que tenga Adblock activado si así lo deseas.

Es todo en este post si tienes alguna duda comenta... :)

ESTAMOS EN: