jueves, 21 de abril de 2011

Añadir Google AdSense en Blogger

Es posible añadir AdSense de distintas formas en Blogger, una es mediante un gadget, y la otra es mediante implementación en la plantilla.

Debes saber que es necesario registrarse en Google AdSense de forma correcta o de lo contrario no podrá implementarse (Generalmente no toma más de 48 horas en comprobar si los datos son válidos)


Forma 1: Añadiendo AdSense mediante un gadget:

En ''Diseño | Elementos de la página'' presiona en ''Añadir un gadget'':


En la lista de gadgets, deberás buscar ''AdSense'':

Deberás configurar el banner de la forma que corresponda:

Pasos:
  • En formato, eliges el tamaño del banner.
  • En colores, utiliza los colores mas idóneos para tu plantilla.
  • Guarda los cambios y sitúa el gadget en donde estimes conveniente.



Forma 2: Mediante Implementación en la plantilla (Avanzado):

Esta forma permite implementar de forma eficaz AdSense en el Blog, ya que podemos situarla en donde queramos, en sitios en los que nos es imposible añadir gadgets.

Primero debemos ir a Google AdSense (Utilizaremos la versión Beta), en buscamos la zona ''Mis anuncios'':


Presionamos en ''+ Nuevo bloque de anuncios'':


Configuraremos los mismos valores (Dimensiones, colores, etc):



Una vez listo, presionamos en ''Guardar y obtener código''

Se nos otorgará un código el cual debemos añadir posteriormente a la plantilla.




Añadiendo el código a la plantilla:


Primero, debemos convertir el código para que no genere errores en las plantillas al momento de guardar. Recomiendo el conversor de códigos de Ayuda Bloggers.


Una vez convertido el código, nos vamos a ''Diseño | Edición HTML'' (Obviamente en nuestro Escritorio Blogger). Marcamos ''Expandir plantillas de artilugios'' y pegaremos el código en donde queramos.


1.Añadiendo AdSense arriba de las entradas y de la sidebar:

Busca el siguiente código en la plantilla:
<div id='content-wrapper'>

Justo debajo, pega el código otorgado por Google AdSense (Transformado).


2. Añadiendo AdSense debajo de los títulos de las entradas:

Busca el siguiente código:

<div class='post-header-line-1'>

o
<div class='post-header-line-1'/>

Justo debajo, añade el código transformado de Google AdSense entre las siguientes líneas:


<b:if cond='data:blog.pageType == "item"'> CODIGO ADSENSE </b:if>



3. Añadiendo AdSense al final de las entradas:

Busca la siguiente sección:
<div class='post-footer-line post-footer-line-1'>
Debajo de esta sección, añades el código de AdSense.

4. Añadiendo AdSense entre las entradas y los comentarios:

Busca la siguiente sección:

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>

Arriba de esta, pega el código AdSense entre el siguiente código:

<b:if cond='data:blog.pageType == "item"'> CODIGO ADSENSE </b:if>


5. Añadiendo AdSense en el pié del Blog:

Busca la siguiente sección:

<div id='footer-wrapper'>

Debajo de esta, pega el código correspondiente.

Consideraciones:
  • Utiliza tamaños de banners que no sobrepasen en tamaño de cada zona del blog.
  • Recuerda que es posible añadir AdSense en muchos sitios más, si tienes dudas, pregunta cómo añadir en otras secciones.
  • Recuerda que el código debe estar transformado ya que Blogger y AdSense tienen problemas de inserción mediante este método.
  • Si los anuncios se sobreponen, o se ven mal, deberás corregirlo mediante CSS.
  • Las condicionales del método 2 y el método 4, son para que no se muestren en la página principal del blog.

No hay comentarios:

Publicar un comentario