Adsense en medio de las entradas

|

Previamente vimos cómo y dónde poner los anuncios de Adsense en el blog; estos procedimientos se aplican para poner los anuncios en lugares predeterminados y fijos. En el caso de área de las entradas los lugares habituales son debajo del título, al inicio de la entrada y al final de la entrada.
¿Pero se puede poner un anuncio en medio de una entrada, es decir, donde yo decida que aparezca?
Sí, a través de un script podemos manipular el lugar donde aparecerá el anuncio de Adsense. Sólo agregaremos un script dentro de la plantilla y usaremos una etiqueta dentro de la entrada cuando queramos que aparezca el anuncio.

Primero "parsea" el código de Adsense, en otras palabras, conviértelo a texto plano.
Luego entra en Diseño > Edición de HTML y busca esta etiqueta:
<data:post.body/>

Remplaza esa etiqueta por este código:
<div expr:id='"aim1" + data:post.id'></div>

<div style="clear:both; margin:10px 0">
Coloca aquí tu código de Adsense
</div>

<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>

<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Coloca tu código de Adsense donde se indica, y ahora cuando quieras poner el anuncio de Adsense coloca esta etiqueta dentro de la entrada:
<!-- adsense -->

Y listo, donde hayas puesto esa etiqueta es donde aparecerá el anuncio, por ejemplo:
<div>Lorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</div>
<!-- adsense -->
<div>At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. et harum quidem rerum facilis est et expedita distinctio.</div>

El resultado será algo como esto:

adsense

Consideraciones finales:
  • Si tuvieras dos etiquetas como esta sólo busca la que está debajo de:
    <div class='post-header-line-1'/>
  • En caso de que no pusieras la etiqueta para que salga el anuncio entonces el anuncio aparecerá abajo del título por defecto.
  • Este método no viola las normas de Adsense ya que no se está modificando la estructura del anuncio.

72 comentarios:

Enrique dijo...

Muy buen dato, siempre me pregunte como se hacia, a favoritos.
Saludos

El Venado dijo...

Una preguntita
¿Se puede poner una transmicion online desde una videocamara en blogger?

se me olvidaba, es sobre el menu horizontal con efecto deslizable, quiziera que el mio fuera como eñ tuyo, ya se que hay que editar el archivo CSS y subirlo a Dropbox u otro, pero no se como hacer para que quede como el tuyo

Alex dijo...

Muy bien potro no sabia esto, de colocarlo en las entradas, muy bueno
de hecho me estoy animando a colocarlo, pero no se
y pues ya casi 1 año menos de 5 dias o me equivoco,
pues bueno el truco eso de parsea no lo sabia pero que bueno que lo estas colocando

El Potro dijo...

Hola El Venado,

Conozco unos sitios que te permiten transmitir en vivo pero hasta donde sé no te dan un código para poder ponerlo en tu blog, después con más calma investigaré más sobre el tema.
El menú que uso no es el deslizante, es puro CSS directo en la plantilla.

Saludos.

El Potro dijo...

Hola Alex,

Siempre que el código de Adsense se pega directo en la plantilla se tiene que parsear, sino no aparecen los anuncios.
Ojalá lo puedas probar para ver qué tal te funciona.

Saludos.

Mathias dijo...

Muy bueno ahunque aveces se hace un poco incomodo para los lectores así que sigo prefiriendo entre los post :)

pd: Sabes que configure el "Leer más" y cuando lo pongo en un post no sale el boton :S

El Potro dijo...

Hola Mathias,

¿Usaste el Leer más de Blogger o algún otro?
¿En cuál blog lo aplicaste?

Saludos.

Mathias dijo...

Use el que tiene por defecto blogger y lo estoy utilizando en http://zona-pixel.blogspot.com/

Mathias dijo...

Bueno potro gracias por la ayuda pero ya no hace falta por en las plantilas antiguas faltaba un codigo

Lo agrege y ahora sale!!

Saludos

Levis Strauss dijo...

No entiendo eso de parsear ... podrias decirme de donde saco los codigos de adsense ??? Gracias ..

El Potro dijo...

Mathias, perfecto, qué bueno que lo has solucionado.

Levis Strauss, te recomiendo que sigas este enlace, es información completa sobre Adsense:
https://www.google.com/adsense/support/bin/topic.py?hl=es&topic=8437

Pozo+10 dijo...

Hola Potro según me fije en los post el cumple de la Ciudad es el 22 o sea mañana, jejeje. Mañana es mi cumple también, así que te mando saludos y te felicito por esta enorme web de ayuda blogger!!! Espero dures mas años con esto que es lo que te gusta y lo que hacer muy bien, te deseo lo mejor, y muchas pero muchas gracias por toda la ayuda que me brindaste compañero!!!

Feliz cumple Ciudad Blogger!!!

Con cariño Pozo+10.

Ascesino96 dijo...

Feliz cumple Ciudad Blogger!!!
Un saludo y espero que esto nos favorezca a todos, por sierto, tengo 3 puntos de pagerank, que sueño tan hecho realidad!

Pozo+10 dijo...

Un 22 de enero del año 2009 se crea Ciudad Blogger el mejor blog de ayuda que pudo existir en este tiempo, administrado por una excelentísima persona, El Potro...............

Grande Potro!!!!!!!!

Felicitaciones y muchas gracias por todo compañero!!!

Y Feliz cumple Ciudad Blogger!!!

El Potro dijo...

Pozo +10, muchas gracias, pero sobre todo...Feliz cumpleaños!!! Mira que coincidencia ;) Un abrazo enorme!

Ascesino96, gracias y felicidades a ti también, esos 3 puntos de PR tenemos que celebrarlos ;)

Gildo Kaldorana, muchas gracias, las estoy disfrutando =)

cyberbloggero dijo...

O_o maldición!!!! durante años estuve buscando este truco, pero ya me había resignado, pensé que no se podía hacer, pues no lo veía en ningún blog.

Es la única posición de anuncios que no he probado... pues los otros, ya me las hice toditas! XD

Excelente aporte bro..... excelente!!!

Un abrazo!!!!!

El Potro dijo...

Jajaja, lo mismo pensé, creo que ya nada más te falta poner Adsense dentro de los comentarios, jaja.

Un abrazo!

Armando dijo...

hola potro , como hago para cambiar mi url de mi Adsense como cambie de pagina quiero cambiarlo gracias

Armando dijo...

porque Adsense lo rastrea no encuentra el blog actual porque lo eh cerrado aparece asi :

URL bloqueada Motivo del bloqueo [?] Último intento de rastreo
http://th3na... No se ha encontrado 26/01/2010

osea adsense trata de rastrearlo pero no lo encuentra porque ya no existe y quiero ponerlo ami web creada ,como hago eso gracias saludos

El Potro dijo...

Hola Armando,

Como te comenté anteriormente eso no importa, mientras en tu blog aparezcan los anuncios no hay ningún problema.

Saludos.

Antonio dijo...

estupendo articulo! pero tengo una duda.

Existe la posibilidad de que solo me aparezca el anuncio cuando ponga la etiqueta adsense, y que si no la pongo no salga por defecto al principio de la entrada.

Tengo un blog con poca publicidad donde me gustaría usar ese sistema, para no cargar de publicidad las entradas nuevas y no molestar a los lectores habituales, y poder ponerlo en entradas antiguas a las que solo se llega a través de google

El Potro dijo...

Lamentablemente no. En sí lo que se hace con ese código es ponerlo abajo del título y con el script se cambia la ubicación cuando se indica, pero como el anuncio está debajo del título no se puede poner una etiqueta de "no mostrar" o simplemente no hacerlo cuando no se coloque la etiqueta :(

Saludos.

admin dijo...

potro tengo un probelma con adsense ojala me puedas ayudar no tiene nada que ver con este tema pero te lo voy a plantear a ver si tu me pudes dar ayuda lo que pas es lo siguente cometi un error al colocar mi codigo postal y por lo tanto no me a llegado mi pin ahora ya he verificado el codigo postal y ya se cual es el correcto pero cuando lo voy a poner me apareece otra casilla en blanco abajo y no se que poner te muestro una captuara para que entiendas mejor http://i50.tinypic.com/2w6s9ea.png

Espero que me ayudes de antemano gracias

El Potro dijo...

Ese espacio no es para el código postal, ambos son para tu dirección domiciliaria, calle, colonia, etc.
Abajo de esa debes tener una que dice Código postal, en esa es donde debes colocar tu código postal.

Saludos.

admin dijo...

mcuhas gracias la verdad es que soy muy novato en esto de adsense... pero mira que no me sale en donde colocar el codigo postal
http://i46.tinypic.com/vfjds5.png

muchas gracias por tu ayuda

El Potro dijo...

Supongo entonces que ahí mismo en la dirección puedes incluir el código postal. No puedo asesorarte como es debido ya que la interfaz de Adsense varía de país en país, además de que según el país son las características disponibles.

Te aconsejo que pongas tu duda en el foro de Adsense:
http://www.google.com/support/forum/p/adsense?hl=es

Ahí seguro alguien de tu país o alguien que sepa más sobre el tema podrá darte una explicación más amplia.

Saludos.

El Potro dijo...

Por nada, ojalá puedas solucionar el problema.
Saludos.

LarvaTecnologica dijo...

El Potro no se que hecho mal, pero creo que he liado, se pone adsense al principio de todas las entradas, no se que hecho mal..., también cuando pongo
, que ha funcionado pero con error :D

Siento hacerte perder el tiempo...

Saludos y suerte con tu estupendo blog

LarvaTecnologica dijo...

Ah por cierto mi blog es http://www.larvatecnologica.com/,

El Potro dijo...

Revisa que hayas puesto bien el código y que pongas la etiqueta <!-- adsense --> donde quieras que aparezca.

Saludos.

grone dijo...

NO ME APARECE ESE CODIGOQ UE PONES AHI EL DATA:POST LO EH BUSCADO Y NADA QUE HAGO AHORA???

El Potro dijo...

Hola grone,

Necesitas marcar la casilla Expandir plantillas de artilugios para localizarlo.

Saludos.

Andres Fanatico dijo...

Proto te queria pregunatar si es posible colocar 2 etquetas


es que quiero colocar 2 anuncios en el centro pero de diferente color.
Gracias

El Potro dijo...

Hola Andres Fanatico ,

Lamentablemente sólo se puede colocar un anuncio por entrada con este sistema :(

Saludos.

LERFY100%GASPARENSE dijo...

potro ..tengo una curiosidad al poner el anuncio dentro de las entrada en la primera entrada todo sale de maravilla pero en la segunda entrada me sale una distancia pareciendo como si el anuncio adsense estas invisible y eso hacer ver la entrada muy horiible ay una distancia no muy prudente,me podrias orientar sobre eso para corregirlo ya que yo tengo 3 anuncio uno en la sidebar otro encima del titulo de la primera entrada y el tercero este que lo coloque debajo de la ultima entrada ...el caso es que la entreda que le sigue es la que se ve con este espacio de distancia entre el la segunda y la tercera...gracias y saludo amigo...rdjobero.com

El Potro dijo...

Hola LERFY100%GASPARENSE,

Recuerda que:

- Pueden publicarse hasta tres bloques de anuncios por página.
- En una página pueden publicarse dos cuadros de AdSense para búsqueda de Google como máximo.
- También pueden incluirse hasta tres bloques de vínculos por página.

Cuando te excedes del límite se genera ese espacio en blanco que es el lugar donde debería aparecer el anuncio, pero como no se permiten más entonces queda en blanco.

Saludos.

LERFY100%GASPARENSE dijo...

GRACIAS HERMANO POTRO POR TU PRONTA CONTESTACION!!!!!ENTONCE LO MAS INDICADO PARA ELIMINAR ESE BLANCO ENTRE LAS DOS PRIMERA ENTRADA SEGUN TUS CONSEJOS Y ESPERIENCIA CUAL SERIA?PORQUE YO ESTOY A PUNTO DE ELIMINAR ESE LUGAR DE ADSENSE EN MI BLOG PUES NO MEGUSTA VER ESE ESPACIO ASI EN BLANCO...GRACIAS Y SALUDO

El Potro dijo...

Pues podrías reducir el número de entradas a mostrar en la página principal, lo cual ayudaría también a que tu página cargue más rápido.

Saludos.

Daniel Aguayo dijo...

Buenas potro sabes hice todo pero no se pork se me ven las entradas dobles me puedes ayudar porfiz

El Potro dijo...

Es posible que en tu caso tengas dos etiquetas como esta:
<data:post.body/>

De ser así deshaz los cambios que hayas hecho y pon el código en la otra etiqueta.

Saludos.

Adrián J. Messina dijo...

Hola Potro, me ha funcionado, pero se ve tal cual como esta configurado, no me sirve en mi blog.
Mis entradas tienen una imagen, un pequeño texto y el leer mas. Mi idea es ubicar el ADSENSE cuando se hace click en el leer mas, se puede hacer?

Asi como esta aplicado aqui, me queda un espacio enorme entre la imagen y el titulo principal de la entradas, seguro es por el margin. Pero por otro lado, a pesar de PARSEO el codigo ADSENSE, coloco en el post debajo del leer mas y no se ve, que podra ser?

Un abrazo,

Por cierto, hace poco te envie un correo, espero puedas responderlo!

El Potro dijo...

Hola Adrián J. Messina,

Para que aparezca sólo en las entradas individuales pon arriba del código de Adsense esta línea:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Y al final del código este otro:
</b:if>

Respecto a lo otro no sé, recuerda que cuando creas o modificas un anuncio tarda hasta 10 minutos en verse.
A menos que, te hayas excedido con el número permitido de anuncios por página, o no hayas pegado el código en el lugar correcto.

No he visto el correo, cuando lo revise te respondo.
Un abrazo!

Adrián J. Messina dijo...

Ha quedado exactamente como queria, TODO IM-PE-CA-BLE,
Con este ultima respuesta, haz dado en el clavo,
Muchas Gracias!!! Nos mantenemos en contacto

Adrián J. Messina dijo...

Ah me olvidaba! Una preguntilla tonta, como puedo centrar el aviso, coloque entre el DIV STYLE un FLOAT:CENTER; O ALIGN:CENTER; pero queda alineado a la izquierda de todas formas,
No hay apuro, desde ya un gran saludo y abrazo!

Adrián J. Messina dijo...

La ansiedad, la busqueda de los ideales, siempre lleva a preguntas atolondrodas cual loro hiperquinetico...
Ya lo solucione el tema del centrado, simplemente (text-align:center;) al lado del (div style:clear:both;) ....
Me siento avergonzado, jaja.

Adrián J. Messina dijo...

Chequeen como ha quedado, en combinacion con los colores del sitio. El Adsense se muestra unicamente al ver la entrada completa, ya que mis entradas tienen el "Leer mas"
por lo tanto coloque el <--ADSENSE--> debajo del "leer mas" y con al ayuda de la ciudad, quedo profesional.

Dejo una imagen:

http://s2.subirimagenes.com/imagen/previo/thump_4280684adsense.png

piola2.0 dijo...

potro una pregunta

se puede poner anuncio debajo de las entradas que no sean de adsense

Mucho Emprendimiento dijo...

no me funcionó, lo hice todo varias veces y no pude. Maestro, help me.

El Potro dijo...

Adrián J. Messina, sí que te ha quedado muy bien, felicidades :)

piola2.0, sí se puede, aunque siempre es mejor asegurarse primero que la empresa de anuncios sea legal y no tenga enlaces fraudulentos.

Mucho Emprendimiento, si es la primera vez que haces un anuncio tienes que esperar 10 minutos para que se vea. No me aclaras bien cuál fue el problema pero supongo que no veías el anuncio, la razón podría ser la que te mencioné.

Janhio dijo...

Hola Potro, nuevamente te felicito por tu blog, sin duda ayuda mucho y es imprescindible para todos aquellos que se inician en blogger.

Te escribo porque tengo un problema con mi blog http://worldeportes.blogspot.com

El detalle esta en que al publicar las entradas no hay separación de espacios en el post que he escrito, aunque al escribir y ver imagen previa sale bien, pero al publicarlo se ve el problema. Es más, trato de arreglarlo manualmente, parece que esta bien, pero al publicar nuevamente sale todo junto. A que se puede deber este problema???

De antemano agradezco tu respuesta. Saludos

El Potro dijo...

Hola Janhio,

Puede deberse a la configuración de tu blog, pero vamos a cerciorarnos.
Entra en Configuración > Formato, y en donde dice Convertir saltos de línea verifica que diga .

Saludos.

Borest dijo...

Hola Potro, quisiera saber como puedo hacer para poner un anuncio de adsense justo debajo de los menus, como en t caso? Saludos,

El Potro dijo...

Sólo he puesto el anuncio en un elemento HTML/Javascript y lo arrastré debajo de la cabecera.

Saludos.

Janhio dijo...

Listo Potro, eso era...gracias por la ayuda. Sin duda eres un experto en la materia. Saludos

Carlos Fernández dijo...

oye ya lo hice pero me agrego el adsense en todas las entradas
y yo quiero ponerlo solo en algunas

El Potro dijo...

Hola Carlos, como he dicho en las consideraciones finales, "En caso de que no pusieras la etiqueta para que salga el anuncio entonces el anuncio aparecerá abajo del título por defecto."

Por lo que el anuncio aparecerá en todas las entradas, la diferencia está en que en las que tú elijas el anuncio aparecerá en medio de las entradas y no debajo del título.

Carlos Fernández dijo...

explica bien lo de consideraciones finales
dices si tienes dos etiquetas como estas y no se ve nada y luego dices solo busca la siguente etiqueta

y luego que que se hace con esa etiqueta

El Potro dijo...

La primera consideración únicamente habla de cómo colocar el script en caso de tener códigos parecidos, pero ese no es tu caso.

La segunda consideración, de la que te he hecho referencia, es la que menciona que si no se pone la etiqueta en medio de las entradas, es decir, esta:
<!-- adsense -->
Entonces los anuncios aparecerán debajo del título.

Carlos Fernández dijo...

mira ya deje mi plantilla como estaba
y voy a volver a empezar
mira no tengo 2



eso quiere decir que sigo lo del tutorial sin aserle caso a las consideraciones?

El Potro dijo...

A lo que me refiero es que siguiendo los pasos del tutorial lo que hará es poner los anuncios de Adsense debajo del título de la entrada, sin embargo, cuando uses la etiqueta
<!-- adsense --> entre las entradas entonces no aparecerá debajo del título, sino en el lugar donde hayas puesto la etiqueta <!-- adsense -->

Pero no hay forma de que los anuncios sólo aparezcan en las entradas que quieras, siempre habrá un anuncio de Adsense en todas las entradas; estará en medio de las entradas si usas la etiqueta
<!-- adsense --> sino estará debajo del título de la entrada.

Carlos Fernández dijo...

oye de casualidad tienes algo sobre como mejorar el tiempo de carga

mira quisiera que me des tu opinion de mi blog y me dijeras que le falta

http://videoscelular-3gp.blogspot.com/

espero que puedas darte una vuelta te lo agracederia mucho

El Potro dijo...

Aún no hago ese post, pero básicamente para aligerarlo se recomienda eliminar todos los gadgets que no sean necesarios y dejar sólo lo básico.
Tu blog me ha cargado en buen tiempo, en algunos momentos tardó un poco por algunos gadgets pero nada de qué preocuparse.

Saludos.

Carlos Fernández dijo...

hola amigo mira tengo un problema con mi blog es ala hora que aparece en el buscador google aparacen los codigo de las etiquetas

mira te dejo una imagen

http://1.bp.blogspot.com/_DV0-F2mQ4YM/TEqN7aprCvI/AAAAAAAAApI/n8XZQcMxVtE/s1600/mi+blog.png

espero me puedas ayudar

El Potro dijo...

Hice la búsqueda y me apareció así:
http://i26.tinypic.com/50ilop.png

De cualquier modo te sugiero que uses metatags para que los robots tomen una descripción de tu blog y sea esa la que muestren.
También deja te comento que eso no garantiza al 100% que siempre muestre la descripción del blog, los robots toman lo que consideran más importante y en el caso de tu blog no tiene contenido de texto relevante que pueda tomar por lo que será "normal" si en ocasiones muestra nuevamente códigos.

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo