viernes, 5 de abril de 2013

Adsense dentro del contenido de tu blog

Contar con Adsense en tu blog puede llegar a ser una manera efectiva para rentabilizar tu espacio siempre y cuando este posea algunas visitas, pero cómo podemos colocar dichos anuncios de manera fácil dentro del contenido de las entradas?.

Diferentes modos de colocar Adsense en  tu blog.

 

Colocando Adsense por defecto.


Existen diferentes formas de colocar Adsense en tu blog. Si usas Blogger uno puede usar la opción "por defecto" que Blogger nos pone a nuestra disposición para ubicar dichos anuncios en lugares genéricos como puede ser en el sidebar (barra lateral del blog), debajo de las entradas(generalmente después de los comentarios) o debajo del header (cabecera del blog).

Ahora bien, cómo se hace esto?. Bueno, para que entiendan un poco mejor como poner Adsense en su blog usando las opciones por defecto de Blogger les dejo un enlace a un vídeo tutorial donde se explica claramente cómo hacer esto:


Colocar Adsense en Blogger usando widget.

Colocar Adsense editando el código HTML del blog.


Como expliqué más arriba existe una manera sencilla como la de usar los lugares por defecto en Blogger, pero también podemos ubicar Adsense en otras partes de nuestro blog, como puede ser debajo de los títulos (en todas las entradas), al final de la entrada (antes de los comentarios).

Este método hará que nuestros anuncios de Adsense se vean en todas las entradas, inclusive en la página principal por lo que recomiendo solo mostrar una entrada en la portada de nuestro blog, pero también es una forma sencilla de mostrar anuncios en los lugares anteriormente indicados.

Para lograrlo lo primero que debemos hacer es lo siguiente:
  1. Acceder a nuestro panel de control de Google Adsense.
  2. Dirigirnos a la sección de anuncios.
  3. Crear un anuncio nuevo si no tenemos ninguno creado anteriormente.
  4. Copiar el código de nuestro anuncio.


Una vez hecho esto, para que dicho código se adapte bien a nuestra plantilla debemos de"parsearlo", esto significa adaptarlo al formato XML que utiliza Blogger. Para esto, debemos de dirigirnos a la siguiente página: Parse HTML y allí hacemos lo siguiente:
  1. Pegamos el código del anuncio previamente copiado desde Adsense en el cuadro del Parse Html. y presionamos el botón "parse".
  2. Copiamos el código resultante.

Una vez que tenemos el código codificado, vamos a incluirlo en nuestra plantilla del blog. Tenemos que hacer esto:
  1. Ingresar a nuestro panel de Blogger.
  2. Dirigirnos a "Diseño" y allí seleccionar la opción "html".
  3. Tildamos la opción "expandir artilugios".

Luego buscamos la siguiente línea de código en el HTML de nuestro blog:

 <data:post.body/
Para encontrar fácilmente presionamos en nuestro navegador las teclas (Control + F), esto abrirá  el buscador del navegador y colocamos en el mismo lo de arriba o simplemente "pos.body" (sin comillas).

Una vez que hallemos la línea de código (por lo general es la primera que encontramos), tenemos que pegar el código de nuestro bloque de Adsense anteriormente parseado como lo expliqué más arriba teniendo en cuenta esto:

La línea de código <data:post.body/> indica el cuerpo de la entrada. Esto quiere decir que, todo lo que se coloque arriba de dicho código aparecerá arriba del cuerpo de la entrada, y lo que coloquemos después por lógica debajo de ésta.

Entonces, si lo que queremos es que nuestra publicidad de Adsense aparezca debajo del título de la entrada, y antes del primer párrafo, debemos de colocar el código antes del "data:post.body".

Si lo que queremos es que aparezca justo después del último párrafo de nuestra entrada, lo colocamos debajo del "data:post.body".

Colocando Adsense solo en algunas entradas.


Tener muchas impresiones y pocos clics quizás nos perjudique un poco, por esta razón, hay quienes recomiendan colocar Adsense sólo en las entradas más visitadas. Ahora bien, cómo se hace esto?.

Me pareció extraño, y realmente no entiendo por qué, no encontré lugares donde recomienden esta forma sencilla de colocar Adsense en las entradas.

Aunque parezca quizás una obviedad, no leí ningún artículo en mi búsqueda que haga referencia a esta modo de poner el código Adsense en cualquier parte de la entrada y todavía sigo sin entender el por qué, pero yo lo comencé a probar para ver si no se recomienda porque trae más perdidas que beneficio o quién sabe por qué no se habla de ello.

La manera de colocar Adsense en cualquier parte de la entrada es mucho más sencilla de lo que comenté anteriormente, simplemente, a la hora de escribir una entrada, tildamos la opción"Edición HTML" de nuestro editor de blogger (aquel que usamos a la hora de escribir una entrada), y pegamos el código Adsense tal cual como figura en la página de Adsense.

Es decir, no hace falta parsearlo, simplemente en el panel de control de Adsense vamos a anuncio y tildamos "ver código", y lo pegamos en cualquier parte de nuestra entrada.


Cosas a tener en cuenta a la hora de colocar Adsense en una entrada.


Una de las cosas importantes y que debemos de tener en cuenta si es que queremos utilizar este último método, es que Adsense sólo se mostrará en las entradas que hemos seleccionado y editado.

Para saber cuales son las entradas más visitadas solo basta con controlar las estadísticas de nuestro blog, en ellas podremos elegir entre las más vistas en el día, semana, mes o todos los tiempos. Yo recomiendo colocar las publicidades en las entradas más vistas mensualmente e ir rotando para comprobar los beneficios.


Alineando el código de Adsense.


Puede que a la hora de colocar Adsense en una entrada no se vea tan bonito como queremos, si uno no le especifica una alineación, puede que el primer párrafo de la entrada se pegue al código de la publicidad, y haga que todo se vea un poco feo, o en el caso de tener imágenes antes de comenzar el texto, dichas imágenes se desplacen hacia un lugar dando un aspecto desordenado del blog. Para evitar esto debemos hacer lo siguiente:

Para centrar los anuncios. 
<div align="center">

Remplaza este texto con tu código de adsense.

</div>

Para alinearlos a la izquierda.

<div align="left">

Remplaza este texto con tu código de adsense.



</div>

Para alinearlos a la derecha.
<div align="right">

Remplaza este texto con tu código de adsense.



</div>

Bueno, espero que te hayan sido de utilidad mis consejos, ante cualquier consulta déjame un comentario.