miércoles, 9 de abril de 2008

PONER ADSENSE EN BLOGGER

Muchas veces te preguntas como hacer para poner AdSense en otros lugares aparte de los preestablecidos por blogger en sus plantillas, incluyo yo me pregunte lo mismo por lo que me puse a averiguar y aquí les dejo información de cómo poner AdSense en varios lugares.

Sobre la columna de entradas

Implementación:

· Una vez realizado el diseño del anuncio en google AdSense obtenemos el código que vamos a utilizar. Este código debemos transformarlo a su equivamente HTML ya que directamente no nos funcionaria.

· Transforma el código del anuncio a su equivalente en caracteres HTML

· En el Blog ingresar a editar HTML, es recomendable hacer una copia de seguridad de la plantilla actual por cualquier cosa.

· Buscar div id=’main-wrapper’

· Pega el código convertido justo después.

Formatos que funcionan muy bien à 460×68, 468×15 y 336×280

Tus anuncios AdSense aparecerán como se muestra en la figura.

Barra a los costados

Este es uno de los lugares más sencillos para colocar AdSense. Basta con ir al panel de elementos (plantilla/elementos de página) en diseño del Blog y agregar un elemento HTML con el código del anuncio obtenido en AdSense o bien directamente agregar un elemento AdSense. (Ver imagenes)

Formatos que funcionan muy bien à 125×125, 120×600 y 160×600

Tus anuncios AdSense aparecerán como se muestra en la figura.

Entre Entradas

Implementación.
Es muy sencilla la implementación entre entradas, el mismo Blogger te permite hacerlo.

Ingresa a Diseño del Blog y presionar Editar



Se abrirá la siguiente ventana en donde configuramos el AdSense. Marcar mostrar anuncios entre las entradas y realizar la configuración. Recordar que salen 3 bloques de anuncios por Blog, por lo que recomiendo que por ejm se configuren 2 entradas por página y que los bloques AdSense se muestren cada 1 entrada. Por supuesto que todo esto depende de cómo quieres distribuir tus anuncios.


Formatos recomendados: 468×60, 300×250 y 336×280


Bajo la Cabecera

Implementación:

· Una vez realizado el diseño del anuncio en google AdSense obtenemos el código que vamos a utilizar. Este código debemos transformarlo a su equivamente HTML ya que directamente no nos funcionaria.

· Transforma el código del anuncio a su equivalente en caracteres HTML

· En el Blog ingresar a editar HTML, es recomendable hacer una copia de seguridad de la plantilla actual por cualquier cosa.

· Busca div id=’header-wrapper’

· Pega el código convertido justo después.

Formatos que funcionan muy bien à 728×90 y 728×15 Tus anuncios AdSense aparecerán como se muestra en la figura.




Bajo el título de la entrada (visible en todas las páginas)

Implementación:

· Una vez realizado el diseño del anuncio en google AdSense obtenemos el código que vamos a utilizar. Este código debemos transformarlo a su equivamente HTML ya que directamente no nos funcionaria.

· Transforma el código del anuncio a su equivalente en caracteres HTML

· En el Blog ingresar a editar HTML, es recomendable hacer una copia de seguridad de la plantilla actual por cualquier cosa.

· Expande plantilla de artilugios y busca div class=’post-header-line-1′/ (sino lo encuentras búscalo sin /)

· Pega el código convertido justo después.

Formatos que funcionan muy bien à 468×68 y 468×15

Tus anuncios AdSense aparecerán como se muestra en la figura.



Bajo el título de la entrada (solo visibles en páginas de las entradas)

Implementación:

· Una vez realizado el diseño del anuncio en google AdSense obtenemos el código que vamos a utilizar. Este código debemos transformarlo a su equivamente HTML ya que directamente no nos funcionaria.

· Transforma el código del anuncio a su equivalente en caracteres HTML

· En el Blog ingresar a editar HTML, es recomendable hacer una copia de seguridad de la plantilla actual por cualquier cosa.

· Expande plantilla de artilugios y busca div class=’post-header-line-1′/> (sino lo encuentras búscalo sin /)

· Pega el código convertido siguiendo este esquema:

Formatos que funcionan muy bien à 468×68 y 468×15

Al pie de la entrada

· Una vez realizado el diseño del anuncio en google AdSense obtenemos el código que vamos a utilizar. Este código debemos transformarlo a su equivamente HTML ya que directamente no nos funcionaria.

· Transforma el código del anuncio a su equivalente en caracteres HTML

· En el Blog ingresar a editar HTML, es recomendable hacer una copia de seguridad de la plantilla actual por cualquier cosa.

· Pega el código convertido justo después.

Formatos que funcionan muy bien à 468×68 y 468×15

Tus anuncios AdSense aparecerán como se muestra en la figura.


En el cuerpo de la entrada (visible en todas las páginas)

Implementación:

· Transforma el código del anuncio a su equivalente en caracteres html.

· Expande plantilla de artilugios y busca div class=’post-body entry-content’ (sino lo encuentra busca div class=’post-body’ únicamente)

· Justo abajo pega el código transformado siguiendo este esquema:

Formatos que funcionan muy bien à 125×125, 180×150, 120×240 y 200×200


En el cuerpo de la entrada (solo visibles en páginas de las entradas)

· Transforma el código del anuncio a su equivalente en caracteres html.

· Expande plantilla de artilugios y busca div class=’post-body entry-content’ (sino lo encuentra busca div class=’post-body’ únicamente)

Justo abajo pega el código transformado siguiendo este esquema:

b:if cond='data:blog.pageType == "item"'
!-- Aquí el código del anuncio --
/b:if


Formatos que funcionan muy bien à 125×125, 180×150, 120×240 y 200×200

Entre post y comentarios (solo visibles en páginas de las entradas)

Implementación:

· Una vez realizado el diseño del anuncio en google AdSense obtenemos el código que vamos a utilizar. Este código debemos transformarlo a su equivamente HTML ya que directamente no nos funcionaria.

· Transforma el código del anuncio a su equivalente en caracteres HTML

· En el Blog ingresar a editar HTML, es recomendable hacer una copia de seguridad de la plantilla actual por cualquier cosa.

· Expande plantilla de artilugios y busca:

/b:includable b:includable id=’commentDeleteIcon’ var=’comment’

· Justo arriba pega el código transformado siguiendo este esquema:

    b:if cond='data:blog.pageType == "item"' 
!-- Aquí el código del anuncio --

/b:if


Formatos que funcionan muy bien à 468×60, 300×250 y 336×280



Al pie del Blog

Implementación:

· Una vez realizado el diseño del anuncio en google AdSense obtenemos el código que vamos a utilizar. Este código debemos transformarlo a su equivamente HTML ya que directamente no nos funcionaria.

· Transforma el código del anuncio a su equivalente en caracteres HTML

· En el Blog ingresar a editar HTML, es recomendable hacer una copia de seguridad de la plantilla actual por cualquier cosa.

· Busca div id=’footer-wrapper’

· Pega el código convertido justo después.

Formatos que funcionan muy bien à 728×90 y 728×15


No hay comentarios: