Agregar Adsense al cuerpo del post en Blogger

Mucho se ha hablado acerca de cómo optimizar la ubicación de anuncios para maximizar las ganancias con Adsense. En general, lo que se busca es ubicar los bloques de publicidad en lugares estratégicos que
llamen la atención de tus lectores de manera que no obstruyan la lectura del contenido, que se adapten al formato de tu blog o sitio y al mismo tiempo llamen la atención para generar una mayor cantidad de clics y con ello ganar dinero.

A continuación analizaremos en profundidad el posicionamiento de Adsense en Blogger mediante una pequeña guía que muestra como ubicar los anuncios en las siguientes posiciones:

• Entre el titulo del post y el cuerpo.
• Entre el cuerpo y pie del post.
• Al lado derecho integrado al contenido del post.
• Al lado izquierdo integrado al contenido del post.

A continuación del post luego de los créditos. (Entre posts)

Para empezar, ingresa en tu cuenta de Adsense y configura la manera en que se mostrarán tus anuncios para que se integren al formato de tu blog y copia el código que te entregan para pegar.
Como sabemos, agregar código Adsense mediante elementos de página en Blogger se reduce a pegar el código y listo. Pero si queremos que aparezca en las posiciones antes mencionadas, nos daremos cuenta de que esa opción no existe en Blogger, por lo que tendremos que editar directamente el código de nuestra plantilla. Ante esto se nos presenta el problema de que el código de Adsense no se puede pegar simplemente en la plantilla ya que no está estandarizado para XML, por lo que debemos aplicar pequeños cambios en el mismo.

Al aplicar estos cambios en el código de Adsense no estaremos violando los términos de servicio, ya que solamente estaremos cambiando algunos caracteres para que sean reconocidos por Blogger, y en ningún caso estamos modificando el código.
Para hacer esto, podemos copiar el código que nos entrega la pagina de configuración de Adsense en Wordpad y cambiar manualmente las expresiones. Esto puede parecer tedioso, especialmente si estamos probando distintos estilos y tamaños de anuncios.
Afortunadamente, ciudad blogger dispone de una herramienta online que hará los cambios por nosotros de manera automática. Para utilizarla, simplemente pegamos nuestro código y le damos al botón Generate Code con lo que tendremos nuestro código listo para ser pegado en nuestra plantilla de blogger.

Ahora a lo principal

Para insertar el código en la plantilla: ingresa a tu cuenta de blogger y ve a Plantilla -> Edición de HTML.
Importante: descarga una copia de seguridad de la misma por si algo va mal.

Marca la casilla “Expandir plantillas de artilugios”.

Para que los anuncios se muestren entre el titulo del post y el cuerpo o a continuación del cuerpo.

Mediante la función de búsqueda de tu navegador, busca post.body.
Deberías ver las siguientes líneas:

<div class=’post-body’>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

Pega el siguiente código antes del anterior para tener anuncios entre titulo y cuerpo. Si lo pegas a continuación del anterior, los anuncios se mostrarán a continuación del cuerpo.

<div style=’float:left;’>
AdSense Code
</div>

Donde Adsense Code es tu código de Adsense arreglado.


Para que los anuncios se muestren integrados al contenido de la entrada, a la derecha o a la izquierda.
Busca en tu plantilla el siguiente código:

<div class=’post-header-line-1′/>
<div class=’post-body’>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

A continuación de la primera línea pega el siguiente código:

<div style=’float:right;’>
AdSense Code
</div>

Debe quedar asi:

<div class=’post-header-line-1′/>
<div style=’float:right;’>
AdSense Code
</div>
<div class=’post-body’>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

De nuevo, “Adsense Code es tu código de Adsense arreglado”. Si quieres que aparezca al lado izquierdo del contenido de la entrada, cambia donde dice right por left.

También puedes especificar márgenes de separación alrededor del anuncio modificando el código como se muestra a continuación:

<div style=’float:left; margin:5px 10px 15px 20px‘>
AdSense Code
</div>

El primer número es el margen superior, el segundo es el margen derecho, el tercero es el margen inferior y el cuarto es el margen izquierdo.

Para tener anuncios a continuación del post después de los créditos (entre posts)
Busca en tu plantilla la siguiente línea:

<p class=’post-footer-line post-footer-line-3’/>

Pega el siguiente código después de la línea:

<div>Adsense Code</div>

De nuevo, “Adsense Code es tu código de Adsense arreglado”.