Sin categoría

Cómo añadir Adsense en los posts del nuevo Blogger (antes beta)

El tí­tulo en bastante largo y puede asustar, pero el proceso no es tan dí­ficil. Puede que lo hayas intentado o no, pero cuando quieres añadir código Adsense directamente en la plantilla del blog en Blogger para, por ejemplo, añadir bloques de anuncios en los posts, el sistema nos avisa de que existe un error y es por lo estricto de la estandarización XML del nuevo Blogger.

Bien, la solución pasa por hacer un pequeño retoque en el código Adsense, estarás pensando, pero eso está prohibido! En Blogcrowds se han encargado de realizar las gestiones oportunidades para conocer la opinión de Google Adsense al respecto y parece que esta modificación cumple las condiciones del programa, al no alterar de forma alguna el formato, la fuente o tratar de ocultar el “Anuncios Google”.

Pero si lo vemos con un ejemplo seguro que entiendes mejor por qué:

í‰ste es el código que nos proporcionan:


<script type="text/javascript"><!--
google_ad_client = "pub-XXXXXXXXXXXXXXX";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "000000";
google_color_text = "000000";
google_color_url = "000000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

No obstante debemos transformarlo a lo siguiente para que Blogger lo acepte, es decir, cambiar los sí­mbolos “<>” por su entidad HTML “< > ” y con las comillas igual. Puedes hacerlo manualmente, no obstante en Blogcrowds han desarrollado un sistema que lo hace por tí­.


<script type="text/javascript"><!--
google_ad_client = "pub-XXXXXXXXXXXXXXX";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "000000";
google_color_text = "000000";
google_color_url = "000000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"
>
</script>

Eso es todo, cuando accedas a tu blog, los bloques de anuncios se mostrarán donde tu quieras. No obstante, por si no sabes bien donde colocarlos vamos a ver una serie de ejemplos:

En primer lugar debes acceder a la edición de tu plantilla del blog. “Plantilla -> Edición HTML” y recuerda activar “Expandir plantilla de artilugios”

1) Al lado del post

Si te has fijado en este blog hay un bloque de anuncios pequeño al empezar el post en su lado derecho, serí­a el equivalente a lo que vamos a hacer ahora, ¿cómo colocas un bloque igual?


<div style="float:left;">
<!--el código creado de Adsense-->
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

2) Después del post antes de los créditos.

Es decir, entre el final del artí­culo y el “Publicado por…”, “Comentarios”

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div> <!--el código creado de Adsense--> </div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>

3) Después de los créditos

<p class='post-footer-line post-footer-line-3'/>
<div> <!--el código creado de Adsense--> </div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>

Si surge algún error comprueba que has copiado y pegado todo correctamente, por lo demás, es así­ de sencillo!

About the author

Dimas

View all posts

25 Comments

  • Excelente, voy a probar y te cuento la experiencia. La verdad que desde la semana pasada(desde que me cambie a blogger beta) no puedo insertar mi adsense debajo de los post(y eso que creo que es el que mas clicks recibe).Gracias

  • Lo he probado y funciona. Por medio del sistema, puse mi codigo y voila. Ya me estaban saliendo canas de colores que no entraba. Una vez mas BlogMundi mi salvacion. Gracias Dimas

  • A mi me puso publicidad abajo de cada post, incluso en el index. Eso no está prohibido por Google? no hay un numero maximo de anuncios por pagina?

  • Hola, lo he estado probando, pero me gustaría que los anuncios solo salieran en las paginas de los posts y no en la pagina de inicio, como tu haces en BlogMundi.

    ¿Como se puede hacer? Gracias

  • Me estoy volviendo loca tratando de poner los que van debajo de la imagen de arriba. El bloque de anuncios alargado, debajo de la imagen q dice blogmundi en este caso.

    Cómo se hace?

  • Acabo de empezar y tú página me esta siendo de muchísima ayuda. Gracias.

    Si pudieras hacerme el favor de explicarme como puedo, en un blog Blogger beta, acceder a cambiar los espacios laterales, quedan en blanco y me gustaría o bien rellenarlos con otro color, o bien rellenarlos con una imagen.

    humm, muchas gracias!

  • Es justo la información que llevo tanto tiempo buscando, pero al igual que Nacho Gallego a mi también me aparece la publicidad en la portada. ¿Alguién sabe como puedo hacer para que solo aparezca en el enlace permanente de cada post?

    Excelente blog, lo agregaré a mis favoritos.

  • Ya lo hice en mi blog.

    Pero tengo una duda, como es que solo aparecen 3 anuncios en mi pagina principal si no esta especificado en el codigo?

    Y tambien si quiero poner un anuncio en otra parte del blog pero en la pagina principal como le hago o que?

  • Hola. Yo también estoy buscando la forma de situar mis anuncios de adsense únicamente en la página de cada post y así evitar que aparezcan todos en la página inicial. Sé que en WordPress se puede hacer y de hecho tengo un tutorial en mi blog para ello, pero creo que en Blogger es imposible o por lo menos yo no lo he conseguido. Si alguien sabe algo al respecto, se lo agradecería. Saludos 😉

  • Hola!, ayuda porfavor!!!, no puedo colocar adsense abajo de los post en la coctelera!, hay alguien que si pudo y le pregunté pero no me quiso decir =S
    Necesito saber como, lo unico que se puede poner bien es el buscador google, ya hice lo que ustedes comentan aqui y tampoco se puede =(
    Porfa si me pueden ayudar comuniquense conmigo, se los agradecere muchisimo.
    atte.
    ofelia

  • Hola a todos.
    Yo tengo la nueva versión de blogger pero he respetado la antigua plantilla pq aprendí con esa y con esa nos quedamos. La controlo mejor y la nueva no me da nada nuevo.

    Quiero poner la publicidad en la forma de la que aquí se habla, pero como hacerlo para la antigua plantilla de blogger???

    muchas gracias.

  • Hola, pude poner la publicidad pero lo pone, en todos los post, quisiera hacerlo solo en una y quizá en otro post poner otro tipo de publicidad, es posible?

    Gracias buen aporte felicidades

  • Hola Dimas, me imagino que solo es para Blogger, y en el caso de wordpress. Como ingreso mi codigo adsense manualmente, digamos en:
    1) Al lado del post
    Quisiera poner en el lado izquierdo del post, por ejemplo tu tienes un anuncio de 200×200 en el lado derecho. Manualmente por favor.
    Gracias.

  • Yo para instalar en movable type, tuve que hacer lo simple, como lo indica joel comm, simplemente utilizo una tabla, la alineo a donde quiero, y el resto va como parrafos, asi

    codigoAdsense

    Simple y sencillo, si quieren ver como queda, dense una vuelta por http://www.hacerfortuna.com, den clic en alguna entrada y se abre en este formato, utilizando por cierto el bloque que mejor ctr tiene :)