Domingo, Mayo 20th, 2007

Tutorial para añadir Adsense en cada post individual de Blogger.

Si es la primera vez que visitas este sitio, no olvides suscribirte al feed RSS o participar como blogger invitado. Gracias por tu visita!

BloggerHace unos días, publiqué un artículo que contenía las instrucciones necesarias para integrar anuncios de Adsense en los posts de Blogger y Wordpress, con las distintas opciones de colocación posibles en cada una de estas plataformas, aunque hay que señalar que en el caso de Blogger éstas eran bastante limitadas. Por eso he decidido ampliar la información sobre este tema con este artículo traducido de Doshdosh.com, en el que detalla la forma de rentabilizar las entradas antiguas depositadas en el archivo del blog, en lugar de introducir anuncios directamente en la página inicial.

Esta es la mejor forma de rentabilizar cada post, pues no afecta a la visión general del lector al no encontrar anuncios en el contenido de la página principal que pueden resultar molestos e incluso irritantes en algunas ocasiones.

La mayoría de las veces, los posts más antiguos alojados en categorías o en el archivo del blog, sólamente son visitados por los lectores más aventureros, por aquellos que buscaban algo en concreto a través de motores de búsqueda o bien por proceder de algún enlace referido al post en cuestión.

Por tanto, las ventajas de rentabilizar tus posts archivados son:

  1. Publicidad objetiva y relevante. Al rentabilizar cada post, los anuncios se ajustarán en mayor medida al contenido del mismo, por lo que se obtendrán unos mejores resultados en la publicidad o en los programas de referidos insertados.
  2. Evitar abarrotar el blog de anuncios. Cuando comienzas a rentabilizar tu blog, es muy importante evitar un excesivo desorden en la colocación de tus anuncios por la irritabilidad mencionada anteriormente que pueden llegar a causar a tus lectores. Los anuncios integrados en las páginas de cada post individual, no serán visibles para tus lectores más regulares y te permitirá deshacerte de la publicidad situada en el sidebar o en el título de tu página inicial.

Cinco pautas para rentabilizar tus posts archivados.

  • Los posts de la página inicial de tu blog no deberían tener anuncios.

Son fácilmente accesibles para los visitantes y los anuncios aún no deberían colocarse en ellos.

  • Fija un límite de tiempo.

Dependerá de la antigüedad de tu blog y por tanto, del tamaño de tu archivo. Por ejemplo, puedes comenzar a introducir anuncios en los posts que tengan más de un mes de antigüedad.

  • Posts más populares.

Echa un vistazo a tus estadísticas y observa cuáles son las entradas de tu archivo que reciben una mayor cantidad de tráfico. Haz una lista con estos posts y fíjate si cumplen con el límite de tiempo establecido anteriormente. Estas serían las primeras entradas a rentabilizar, pues son las que generan un alto porcentaje de visitas y son las idóneas para invertir en su contenido.

  • Elige un método.

Hay varias formas de rentabilizar tus posts archivados, ya sea mediante links de afiliados, anuncios contextuales como Adsense o mediante la venta de links a través de redes de anuncios o publicidad directa. Si trabajas con Wordpress, es recomendable usar el plugin Adsense-Deluxe para aumentar la velocidad del progreso de inserción de anuncios.

  • Optimiza tus anuncios.

Asegúrate de que tus anuncios son lo suficientemente relevantes en relación con el tema de tu blog o el contenido de tus posts porque así recibirán muchos más clicks. Comprueba que se muestran de manera prominente pero sin afectar de forma adversa a tu contenido actual.

¿Cómo puedo añadir anuncios de Adsense en la página individual de cada post en Blogger?

Todas estas sugerencias sobre cómo rentabilizar los posts archivados con Adsense, son fácilmente aplicables para los usuarios de Wordpress, ya que esta plataforma permite personalizar los anuncios de cada página y sección de forma individual en cada entrada. Pero ¿cómo se pueden integrar anuncios en cada página de los posts de Blogger sin que aparezcan en la página de inicio?

Se puede hacer de dos formas diferentes en función de la cantidad de páginas en las que desees mostrar los anuncios de Adsense, siguiendo estos pasos:

  • En todas las páginas de los posts excepto en la página inicial.

- Entra en Adsense y crea el anuncio que desees insertar.
- Copia y pega el código generado con esta herramienta para que Blogger te permita añadirlo a tu plantilla.
- Busca el siguiente código:

<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.dateHeader’>
<h2 class=’date-header’><data:post.dateHeader/></h2>
</b:if>
<b:include data=’post’ name=’post’/>
<b:if cond=’data:blog.pageType == “item”‘>

- Pega el código de Adsense justo debajo del anterior. Es aconsejable insertarlo dentro de una etiqueta “div” para establecer la alineación del mismo. Por ejemplo:

<div align=’center’>
// Código de Adsense //
</div>

De esta forma, tus anuncios se mostrarán únicamente en cada una de las páginas individuales de tus entradas, evitando con ello que la publicidad se exponga a la vista del lector en la página inicial del blog pudiendo crear una percepción negativa del contenido.

  • En la página de un post en concreto.

Esto te servirá para poner en práctica las sugerencias de optimización de tus anuncios Adsense descritas anteriormente:

- Accede a través de tu panel de control a la edición de tu plantilla.
- Añade un nuevo elemento de página HTML/Javascript con el código de tu anuncio y sitúalo en la posición en la que te gustaría que apareciese.
- Entra en el modo de edición HTML de tu plantilla y activa la casilla “Expandir plantillas de artilugios.
- Busca el bloque de código que corresponde al nuevo elemento de página insertado. En mi caso, ese código es el siguiente:

<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div><b:include name=’quickedit’/>
</b:includable>
</b:widget>

Si no puedes encontrarlo, entra de nuevo en la edición de elementos de página y asigna un título al elemento en cuestión. Así, el nombre de este se mostrará en la etiqueta “title” de esta línea:

<b:widget id=’HTML12′ locked=’false’ title=” type=’HTML’>

- Para establecer la página única en la que aparecerá el anuncio, tienes que insertar una línea de código adicional (señalada en negrita) que contendrá la url de la misma debajo de la etiqueta “main” del código anterior, de forma que te quede lo siguiente:

<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’”URL DE LA PÁGINA” == data:blog.url’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != “”‘>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
</b:if>

No olvides cerrar la etiqueta con el valor </b:if> y mantener las comillas que delimitan la dirección url de la entrada.

Si tienes cualquier problema para implantar el código o deseas añadir alguna otra sugerencia, no dudes en dejar tus comentarios. ¡Gracias!

Recibe las actualzaciones del blog suscribiéndote al feed RSS de Zona Cerebral!

Categoría: Blogger, Tutoriales

15 Comentarios

Mayo 20, 2007
Iván Cotrina Castaño

Actualización:

El código necesario para integrar un anuncio situado en la primera línea o en cualquier otro lugar de tus posts en cada enlace permanente individual, es el siguiente:

<b:if cond=’data:blog.pageType == “item”‘>
—- Código de Adsense —-
</b:if>

Saludos.


Mayo 22, 2007
OFELIA BALDERAS

Hola!, no puedo poner codigos adsense debajo de los post en la coctelera, hay alguien que si puede pero deplano no me quiso decir, entonces quiero saber como le hago?, si pueden ayudarme se los agradecere muchisimo.
atte. ofelia

mail: efectossec@hotmail.com


Mayo 22, 2007
Iván Cotrina Castaño

Hola Ofelia! He estado buscando pero no he encontrado absolutamente nada sobre cómo insertar adsense en los posts de la coctelera. Tampoco he usado nunca esta plataforma, pero guardo tu e-mail por si acaso descubro como hacerlo ¿Ok? Siento no poder ayudarte.

Un beso. Ciao ;)


Mayo 23, 2007
Yo extrajero

Hola! He seguido paso a paso el procedimiento, pero no he podido obtener ningún resultado, no han aparecido ningún tipo de mensajes de error, pero tampoco los anuncios.
Agradeceré mas información si es posible. Gracias! ;-)


Mayo 23, 2007
Iván Cotrina Castaño

Hola! Necesito que me facilites algo más de información para poder ayudarte. ¿En que parte exactamente deseas colocar el anuncio? ¿En todas las páginas o sólo en una en concreto?

En todo caso, para insertar los anuncios de adsense dentro de un post, tienes que transformar el código con esta herramienta:

http://blogcrowds.com/resources/parse_html.php

No te preocupes, aunque se modifique el código no va en contra de las políticas de Adsense, ya que únicamente lo que cambia son las llaves “<>” para que sean aceptadas por Blogger.


Mayo 24, 2007
Yo extrajero

Hola! Gracias por responder, he incorporado el bloque en la pagina individual de cada post. Pues me faltaba convertir el código, eso era todo, ya lo he logrado y creo que estoy respetando las normas de adsense sobre la cantidad de bloques publicitarios por pagina. Gracias! :-)


Mayo 24, 2007
Iván Cotrina Castaño

Si ya lo he visto en tu blog y te quedan muy bien integrados, me alegro. He añadido tu blog a mis favoritos para el blogroll de mayo.

Saludos ;)


Mayo 24, 2007
Yo extrajero

Hola! Te agradezo por tu gesto, eres muy amable. Ahora se me presento otro problema, por que inclui el leer mas en cada post y desaparecio el bloque de Adsense!! :-(


Mayo 24, 2007
Yo extrajero

Hola! Perdon por el comentario anterior, borralo por favor, acabo de descubrir que es una opcion del browser que impide ver los anuncios. ;-)


Mayo 24, 2007
Iván Cotrina Castaño

Ok no te preocupes. Si tienes algún otro problema ya sabes donde estoy XD Bye :)


Mayo 26, 2007
Den

Disculpa que te escriba en un post relativamente viejo pero realmente me interesa y no he conseguido dar con ello.

Yo en lugar de Adsense utilizo Oxado, pense que el sistema podia valerme igual puesto que ambos codigos son practicamente lo mismo, un javascript que se activa en la zona donde lo coloques. Segui los pasos al pie de la letra que comentas (para que se inserte en todos los articulos) pero parece ser que no resulto.

Tienes idea si el problema es que Oxado tiene otro sistema o quiza soy demasiado ceporro y estoy haciendo algo mal? xD

Un saludo!


Mayo 27, 2007
Iván Cotrina Castaño

No te preocupes, el paso del tiempo no afecta a las entradas eternas de este blog XD

Nunca he utilizado Oxado, por lo que no se si el código se podrá insertar de forma similar a la de Adsense. En todo caso, prueba utilizando esta herramienta (imprescindible en el caso de Adsense) para transformar el código y que sea aceptado por Blogger al integrarlo en los posts. Al tratarse de un Javascript quizás ocurra lo mismo que con Adsense.

De todas formas voy a buscar algo más de información sobre Oxado y sobre sus diferencias con los anuncios de Google. Saludos ;)


Septiembre 13, 2007
Agustin

Hola como andas?
Estoy tratando de poner la entrada de adsense adentro de cada post arriba pero no e podido. Me puedes decir como se hace?
Tambien hice lo que explicas en este post pero no vi ningun cambio.
me puedes agregar al msn a agus150780@hotmail.com y me enseñas?
saludos y exelente blog


Diciembre 28, 2007

Buenas…

he aplicado este truco a mi blog http://www.bibliotecapirata.org y me funciono de maravillas, BAJO cada entrada individual.

Sin embargo, me gustaria saber si es posible realizar lo mismo pero SOBRE las entradas individuales…

salu2


Diciembre 28, 2007

Hola! Me temo que los anuncios que aparecen en todas las entradas individuales mediante la modificación de este código, sólo pueden colocarse debajo de los posts. Si quieres ponerlos encima tendrás que hacer que aparezcan también en la página inicial o en un único post individual.

Saludos y felices fiestas ;)