Blog and Web

  • Inicio
  • Foro
  • Nosotros
  • Publicidad
  • Plantillas Blogger
  • Categorias
    • Adsense
    • Blogandweb
    • Blogger
    • Blogs
    • CSS
    • Diseño
      • Fuentes
      • Iconos
      • Logos
    • Dominios
    • Geek
    • HTML
    • Javascript
    • México
    • Notas rápidas
    • Photoshop
      • Brushes
    • PHP
    • Plantillas Blogger
    • Productos Google
      • Firefox
    • Recursos en linea
    • Red
    • SEO
    • Software
    • Tutoriales
    • Uncategorized
    • Web 2.0
    • Widgets para Blogger
    • Wordpress
      • Plugins
      • Themes
  • Suscríbete vía RSS
« 10 Diseños para Fotolog
Generador de menús en pestañas »

10 Lugares para poner Adsense en Blogger

Octubre 4th, 2007  |  Publicado por Francisco en Adsense, Blogger  |  47 Comentarios

Con el cambio de lenguaje en las plantillas de Blogger, de html a xml, agregar publicidad directamente en el código se volvió un poco menos intuitivo, además que cualquier error en la sintaxis puede ocasionar que no puedas guardar los cambios en la plantilla.

Para ayudarte en esta tarea hemos hecho una lista con 10 de los lugares en tu blog más comunes para poner publicidad, así como la forma de implementarlos y los formatos más adecuados en base a los disponibles en adsense. (Clic en leer más)

PUBLICIDAD

Sidebar

blogger-ads-sidebar.png

Implementación. Este es uno de los lugares más sencillos para colocar adsense. Basta con ir al panel de elementos (plantilla/elementos de página) y agregar un widget html con el código del anuncio o bien directamente un widget de publicidad adsense.

Formatos recomendados: 125×125, 120×600 y 160×600

Entre posts

blogger-ads-entrepost.png

Implementación. Puedes ver como implementarlo en nuestro artículo sobre esta opción de blogger.

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

Bajo el header

blogger-ads-titulo.png

Implementación:

  • Transforma el código del anuncio a su equivalente en caracteres html. Puedes usar algún convertidor en linea.
  • Busca <div id=’header-wrapper’>
  • Pega el código convertido justo después.

Formatos recomendados: 728×90 y 728×15
Sobre la columna de entradas

blogger-ads-colpost.png

Implementación:

  • Transforma el código del anuncio a su equivalente en caracteres html.
  • Busca <div id=’main-wrapper’>
  • Pega el código convertido justo después.

Formatos recomendados: 460×68, 468×15 y 336×280

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

blogger-ads-titpost.png

Implementación:

  • Transforma el código del anuncio a su equivalente en caracteres html.
  • 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 recomendados: 468×68 y 468×15

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

Implementación:

  • Transforma el código del anuncio a su equivalente en caracteres html.
  • 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:
    <b:if cond='data:blog.pageType == "item"'>
    
    <!-- Aquí el código del anuncio -->
    
    </b:if>

    Formatos recomendados: 468×68 y 468×15

Al pie de la entrada

blogger-ads-piepost.png

Implementación:

  • Transforma el código del anuncio a su equivalente en caracteres html.
  • Expande plantilla de artilugios y busca <p class=’post-footer-line post-footer-line-3′/> (sino lo encuentras búscalo sin /)
  • Pega el código convertido justo después.

Formatos recomendados: 468×68 y 468×15

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

blogger-ads-bodypost.png

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:
    <div style='float:right'>
    
    <!-- Aquí el código del anuncio -->
    
    </div>

Formatos recomendados: 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"'>
    <div style='float:right'>
    
    <!-- Aquí el código del anuncio -->
    
    </div>
    </b:if>

Formatos recomendados: 125×125, 180×150, 120×240 y 200×200

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

blogger-ads-postcom.png

Implementación:

  • Transforma el código del anuncio a su equivalente en caracteres html.
  • 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 recomendados: 468×60, 300×250 y 336×280

Al pie del blog

blogger-ads-footer.png

Implementación:

  • Transforma el código del anuncio a su equivalente en caracteres html. Puedes usar algún convertidor en linea.
  • Busca <div id=’footer-wrapper’>
  • Pega el código convertido justo después.

Formatos recomendados: 728×90 y 728×15

PREGUNTAS FRECUENTES

Me adelanto a algunas preguntas que posiblemente surgiran:

No encuentro los códigos ¿qué hago?.
Comprueba haz expandido la plantilla de artilugios. Estos código son los genéricos de Blogger y están presentes en todas las plantilla a no ser que hallan sido cambiados por un hack o por el diseñador de la plantilla (en las plantillas de blogandweb no se eliminaron ni cambiaron).

Los anuncios se ven mal, ¿porqué?
Los anuncios se verán afectados por los estilos (css) en los selectores (divs) que los contienen y en algunas plantillas podría verse mal, aquí debes considerar modificar dichos estilos, buscar otro lugar pertinente o en caso extremo, cambiar la plantilla.

¿Debo poner los 10 códigos en mi blog?
No,
haz uso solo de los lugares donde quieres poner publicidad, considera los limites que tiene adsense en cuanto al número de anuncios y hacer un balance con tu contenido.

¿Porqué se transforma el código a caracteres html?
Para que Blogger lo lea como texto y no como código y no te cause errores al guardar.

¿Porqué solo se muestran 3 anuncios en la página principal?
Se debe al limite que establece adsense de anuncios de texto en una sola página. Combina el tipo de anuncios (texto, referencias y bloques de vínculos) para que puedas mostrar el número de anuncios que deseas.

Ojala que les sea de utilidad.

Artículos relacionados

  • Recursos, nueva sección en Adsense
  • En Adsense han habilitado una nueva sección para nuestra cuenta: Recursos, que...

  • Todo sobre los pagos en Adsense
  • Los de Adsense han creado un videotutorial sobre el manejo de sus...

  • Adsense Notifier, vigila tus ganancias
  • Si no quieres perderte de ni un centavo de los entra a...

Respuestas

Feed | Dirección de Trackback
  1. Luis:

    Octubre 4th, 2007 a las 8:56 pm (#)

    Excelente Fransico!!
    En realidad me Gusto mucho este Post que acabas de crear. “Te sacaste un 10″
    Espero que sigas asi..

    Saludos

  2. Ignacio:

    Octubre 4th, 2007 a las 9:10 pm (#)

    Este post es genial, siempre se me olvidaba como hacerlo y me costaba encontrar estos trucos. Ademas nunca estaban todas las partes, gracias!!

  3. Ganate una PS3:

    Octubre 4th, 2007 a las 9:16 pm (#)

    Creo q este tipo de posts son d emucha ayuda para personas que apenas empiezan en esto de los blogs.

  4. Centinela:

    Octubre 4th, 2007 a las 10:53 pm (#)

    Te pasaste brother, que buena guìa, como siempre intuyendo bien lo que la gente necesita para mejorar su blog

    Saludos

  5. Jorge:

    Octubre 4th, 2007 a las 11:22 pm (#)

    hey! gran post…..! a lo mejor mi adsense esta maldito porque no puedo poner los anuncios entre posts…. en fin, creo que implementare uno dentro de la entrada para “compensar” ese problema…. gracias!

  6. dSeos:

    Octubre 5th, 2007 a las 12:59 am (#)

    Hola, buen artículo, pero tengo una duda: ¿están ordenados por efectividad? Es decir, de todas estas formas de colocar los banners, ¿cuáles suelen generar más clicks? Ya sé que eso depende de cada web (del contenido, del público, del diseño, etc.), pero… ¿hay alguna forma de conocer promedios? Oh, ya puestos a preguntar… ¿cuál es tu experiencia? Jeje, espero que no te moleste la pregunta, si no quieres contestar lo entenderé. Ah, ¡pero contesta las otras! ;)

  7. José Olsson:

    Octubre 5th, 2007 a las 9:39 am (#)

    Excelente post, muy fino y explicativo, haz logrado resumir miles de preguntas. Yo en especial uso un bloque de texto entre post y post, y la verdad es que va mejor, evita la ceguera de los usuarios, pues no es tan intrusivo o molesto, además que ofrece una mayor galeria de opciones.

    EL cuadro al inicio de 336×280 es el rey.

  8. Alejandro:

    Octubre 5th, 2007 a las 12:29 pm (#)

    Yo en vez de poner el código adsense directamente en la plantilla, creo un “widget” en el lugar que deseo la publicidad, de esta manera:




    Después desde “elementos de página” edito el “widget” y agrego el código. De esta manera es más fácil hacer modificaciones futuras.

  9. Fernando:

    Octubre 5th, 2007 a las 12:30 pm (#)

    Antes estaba obsecionado por poner anuncios. Yo no, primwero quisiera tener visitantes y despues pensare en poner anuncios.

  10. Luis:

    Octubre 5th, 2007 a las 11:08 pm (#)

    Bueno Adsense solo es rentable si tenemos un “gran numero de visitas”, espero ver pronto manuales de como generar mas visitas..

    Saludos

  11. Francisco:

    Octubre 8th, 2007 a las 10:27 am (#)

    Que bueno les halla gustado el post, lo tenia en borrador desde hace un tiempo y ojala que pueda ayudar.

    Sobre la efectividad de los anuncios, no están ordenados por rendimiento son solo recomendaciones en base al tamaño, google recomienda mucho el de 336×280 pero no hay como hacer pruebas con varios formatos y encontrar nuestra solución particular, para eso son útiles los criterios de seguimiento.

    Un saludo! :)

  12. Marco Aurélio:

    Octubre 11th, 2007 a las 10:54 am (#)

    Nossa cara! pirei! curti demais ótimo tutorial! muito bem!

    http://dedodeouro.blogspot.com

  13. ARETINO:

    Octubre 11th, 2007 a las 11:41 pm (#)

    interesante el post. pero tengo un problema en los laterales no me parece el aviso a pesar que he copiado el script en una de las cajitas. He hecho lo imposible y nada.

    la direccion es esta: http://bquilla.blogspot.com/
    y la plantilla es una que ustedes promocionaron

  14. Francisco:

    Octubre 13th, 2007 a las 2:45 pm (#)

    Aretino, lee al final del post (las preguntas) y veras la respuesta.

  15. Centinela:

    Octubre 22nd, 2007 a las 2:39 pm (#)

    Una consulta:

    Yo he elegido ayer colocar los codigos Adsesnse en la opción “SOBRE LA COLUMNA DE ENTRADAS” y hoy me ha aparecido http://www.blogger.com en sitios no autorizados que han mostrado anuncios mediante mi ID de editor de AdSense ¿que hago? ¿agrego a blogger.com en mi lista de sitios permitidos? ¿ò basta con permitirle acceso a mi cuenta? ¿ó ámbas?

    Saludos.

  16. hopi:

    Octubre 22nd, 2007 a las 3:49 pm (#)

    gracias por los consejos de como colocar adsense en el post
    ha funcionado perfecto

  17. Francisco:

    Octubre 23rd, 2007 a las 11:38 pm (#)

    Centinela, no hay necesidad que agregues a Blogger.com, incluso es mejor que lo dejes en los no permitidos, así no cuentan las impresiones hechas ahí. Solo estate seguro que agregaste la dirección de tu blog con y sin “www”.

    hopi, me alegro :)

    Saludos!

  18. Rogelio:

    Octubre 24th, 2007 a las 12:42 pm (#)

    Si que te tomaste el trabajo con este post.
    Muy bueno

  19. Javier:

    Octubre 24th, 2007 a las 1:10 pm (#)

    Te queria preguntar como puedo sacarlos ?

    Por ejemplo yo quiero sacar el que sale al pie de cada post

    saludos! y espero puedas ayudarme

  20. Centinela:

    Octubre 24th, 2007 a las 11:10 pm (#)

    Gracias por el consejo Francisco, te pasaste.

  21. viedmense:

    Noviembre 2nd, 2007 a las 4:07 pm (#)

    baje una plantilla para blogger de blogandweb y quiero publicar los anuncios adsense pero no me deja, a que se puede deber. Intente tanto como lo indica este post, asi como por la forma automatica que incorpora blogger y no lo logro. gracias.

  22. Francisco:

    Noviembre 5th, 2007 a las 4:11 am (#)

    Hola!

    Javier, solo tienes que eliminar el código, si esta al pie de la entrada esta cerca del selector con clase “post-footer”.

    viedmense, en algunos sitios para colocar la publicidad es necesario convertir el código, arriba hay un enlace con dicha herramienta. Para hacerlo directamente desde blogger tienes que darle acceso a tu blog, desde tu cuenta adsense en “Mi cuenta” / “Acceso a la cuenta”.

    saludos!

  23. juan pablo:

    Noviembre 7th, 2007 a las 4:00 pm (#)

    una pregunta que me llamó mucho la atención

    el convertir el código del Anuncio AdSense a HTML con la herramienta que linkeas, eso está permitido? digo, porque me huele a que se puede llegar a interpretar como “modificación del código”, y ya sabes lo que dicen en las políticas de Adsense….

    saludos

    muy buen blog

  24. Francisco:

    Noviembre 8th, 2007 a las 2:35 am (#)

    juan pablo, buena pregunta, no conozco una respuesta “oficial” al respecto, pero desde mi punto de vista no infringes las políticas, porque blogger lo transforma a un html llano idéntico al original (con espacios, comentarios y todo). Además yo use el código así por varios meses y no tuve ningún problema.

    Saludos!

  25. El Ultimo Polvo:

    Noviembre 10th, 2007 a las 1:50 am (#)

    todo muy interesante la verdad, saludd

  26. webmasterxotro:

    Noviembre 14th, 2007 a las 8:53 pm (#)

    Que buenos exelentes diria consejos de optimizacion de los anuncios de ads gracias por el dato.

  27. antony:

    Enero 4th, 2008 a las 8:38 am (#)

    Según las politicas del programa de google de adsense, “prohibe rotundamente modificar el codigo de los anuncios, tengan cuidado con eso por ke les pueden blokear la cuenta por modificar el codigo.

  28. Expresion Che:

    Febrero 3rd, 2008 a las 12:19 pm (#)

    Gracias por tu aportación, siempre es impotante aprender consejos que ayuden a mejorar el blog.

    Seguire visitandote

    http://expresionche.blogspot.com/
    Expresión Che

  29. BARRATA:

    Febrero 4th, 2008 a las 10:51 am (#)

    Hola, no encuentro la herramienta para convertir el codigo a html… tambien espero que no sea ilegal jejej siempre quise poner los avisos bajo el titulo pero ahora no e podido por que da error si no lo convierto a html…

  30. BARRATA:

    Febrero 4th, 2008 a las 11:03 am (#)

    Al final pille yuna aplicacion en la web, y no me sirvio, convirtio el codigo pero igual no me dejo nisiquiera previsualizarlo en mi blog…

    estoy destinado a tener el codigo debajo de todo el posteo y no debajo dle titulo como quiero… :_(

  31. Francisco:

    Febrero 4th, 2008 a las 1:00 pm (#)

    BARRATA, en el mismo post encontraras el link a un convertidor que funciona correctamente en blogger.

    Y recalcar que transformar el código de esto modo no va en contra de las políticas de Adsense porque Blogger los retransforma al código original cuando se muestra en cada página.

  32. BARRATA:

    Febrero 4th, 2008 a las 5:41 pm (#)

    Ya pille el link al convertidor y me entere que es el mismo que use en la mañana :S algo debo estar haciendo mal que me daba error… weno mañana probare hoy no hay cabeza…

  33. Nati:

    Febrero 29th, 2008 a las 10:35 pm (#)

    Muchas Gracias justo lo que estaba buscando!!
    Felicitaciones excelente blog

    Saludos

  34. LUIS VALENTIN:

    Marzo 1st, 2008 a las 1:25 pm (#)

    FELICITACIONES MI AMIGO, EXCELENTE POST, TE PASASTES!
    Y LO ENCONTRE FACIL EN GUGOL! :D

    VOLVERE A VER SI HAS POST OTRO ARTICULO

    ^^

  35. Lito:

    Marzo 12th, 2008 a las 6:38 pm (#)

    Muy buen post…Saber estas alternativas le da un poco de variedad a la ya “monotona” secciones predefinidas para poner publicidad en los blogs.Tengo una pregunta, existe una posibilidad en “blogger” de poner publicidad adsense (o cualquier otra) en un post especifico?O sea supongamos que solamente quiero que la publicidad aparezca en un post que hablo sobre impresoras pero en los restantes que no aparezca nada… es posible? si es asi me gustaria saber como se hace en blogger.Saludos

  36. Alejandro:

    Marzo 30th, 2008 a las 9:34 am (#)

    Muy buena la info, estaba en busca de como poner en otros lugares adsense en mi blog.
    Muchas gracias

  37. derleth:

    Abril 23rd, 2008 a las 9:40 am (#)

    oye esta bueno el manual, ya probe e inserte mis codigos PERO no veo mi banner por ninguna parte :S especialmente en

    Al pie de la entrada
    En el cuerpo de la entrada (visible en todas las páginas)
    Entre post y comentarios (solo visibles en páginas de las entradas)

    no se que pasa si todo me sale bien pero no muestra mi banner T_T alguien le paso lo mismo??

  38. Bloguista:

    Mayo 10th, 2008 a las 1:51 pm (#)

    Muy bueno el tutoria, pero quisiera saber cómo poner publi en un posts determinado.. gracias por compartir la info.!!!

  39. Francisco:

    Mayo 15th, 2008 a las 1:19 am (#)

    Se puede hacer con códigos condicionales en tu plantilla, pero demandaría crear código para cada entrada con publicidad y eso no es nada cómodo.

  40. Bloguista:

    Mayo 23rd, 2008 a las 7:42 am (#)

    Gracias Francisco por tu respuesta investigaré un poco

  41. Lucía:

    Junio 18th, 2008 a las 7:40 am (#)

    Buenas :

    Muy interesante el artículo … Yo he llegado buscando otra cosa y no sé si me podrían ayudar: hay alguna manera en blogger de insertar el código de adsense y que este se muestre sólo a las visitas que llegan a través de buscadores como se hace en Wordpress??

    Es que me gustaría poner algo de publicidad pero sin que moleste a los lectores habituales (que además no van a clicar,jeje)

    Gracias con antelación

    Saludos

  42. carlos:

    Junio 24th, 2008 a las 10:40 pm (#)

    puedo pegar el cdigo en myspace lo que pasa que no tengo otra pagina mas q el myspace y que debo de hacer mi mail es carlos_926@yahoo.com espero respuetas gracias

  43. Giancarlo:

    Julio 2nd, 2008 a las 11:49 pm (#)

    Hola bueno hermanito con tantos comentarios positivos sobran las palabras, y para decirlo de una forma diferente FANTASTICA INFORMACIÓN, eres realmente un Duro. Por otro lado quisiera saber como incluir el cuadro de comentarios en mi blog, tal vez no tiene nada que ver con lo que se habla y disculpen si mi pregunta es demasiado obvia, pero no lo se hacer aun. Aprovecho a ver si me pueden ayudar con esto.

    Muchas gracias.

    Saludos.

    Giancarlo

  44. Guido:

    Julio 3rd, 2008 a las 11:45 am (#)

    Este post esta super resumida como para poder aplicarlas todas, a mi me resulto muy bien.

    Gracias

  45. JFK:

    Agosto 5th, 2008 a las 11:26 pm (#)

    Muchas gracias por toda esta información, me ha servido de mucha ayuda.

Trackbacks

  • google » 10 Lugares para poner Adsense en Blogger en Octubre 07, 2007 a las 3:43 pm
  • Como colocar Adsense en Blogger? | Codigo Geek en Mayo 29, 2008 a las 12:13 pm

Deja tu comentario

Blogger templates, layouts, themes, plantillas Ser Turista Blog ingeniería Web a 2.0

Categorías

  • Adsense
  • Blogandweb
  • Blogger
  • Blogs
  • Brushes
  • CSS
  • Diseño
  • Dominios
  • Firefox
  • Fuentes
  • Geek
  • HTML
  • Iconos
  • Javascript
  • Logos
  • México
  • Notas rápidas
  • Photoshop
  • PHP
  • Plantillas Blogger
  • Plugins
  • Productos Google
  • Recursos en linea
  • Red
  • SEO
  • Software
  • Themes
  • Tutoriales
  • Uncategorized
  • Web 2.0
  • Widgets para Blogger
  • Wordpress

¿Porqué tienes un blog?

Ver resultados

Loading ... Loading ...

Patrocinadores

  • Anúnciate aquí
  • ¿Quieres aprender sobre casinos?
  • Web a 2.0
  • BTemplates
  • Ser Turista
  • Blog ingeniería

Blogroll

  • Infected-FX
  • Blogmundi
  • Adseok
  • Zona Cerebral
  • Sigt
  • Loogic
  • Blog en serio
  • Isopixel
  • Vecindad Gráfica

Entradas Recientes

  • 10 Cosas que debes hacer después de abrir un blog en Blogger
  • ¿Aspiras a ser redactor de blogs?
  • Agencias USA utilizando WordPress
  • Revisando themes de WordPress de código malicioso
  • Foros del Blog, un espacio para Bloggers

Comentarios Recientes

  • Francisco en Subir archivos vía FTP desde el Explorar de Windows
  • clubber en 10 Cosas que debes hacer después de abrir un blog en Blogger
  • Paco en 10 Cosas que debes hacer después de abrir un blog en Blogger
  • elizel en Subir archivos vía FTP desde el Explorar de Windows
  • Bubble en Diseñar una página con Photoshop y pasarla a Dreamweaver

Archivos

  • Agosto 2008
  • Julio 2008
  • Junio 2008
  • Mayo 2008
  • Abril 2008
  • Marzo 2008
  • Febrero 2008
  • Enero 2008
  • Diciembre 2007
  • Noviembre 2007
  • Octubre 2007
  • Septiembre 2007
  • Agosto 2007
  • Julio 2007
  • Junio 2007
  • Mayo 2007
  • Abril 2007
  • Marzo 2007
  • Febrero 2007

©2008 Blog and Web
Bajo WordPress. Diseño basado en grindlite.