Saltar al contenido
TutoEspacio

C贸mo poner anuncio de Adsense en medio de las entradas en Blogger

Adsense en medio de las entradas del blog

Seguramente te has preguntado 驴C贸mo pone Adsense en medio de mis entradas? Pues bueno d茅jame decirte que muchos usuarios que poseen un blog a煤n no saben c贸mo poner Adsense en las entradas, as铆 que en este tutorial les voy a mostrar c贸mo poner Adsense en las entradas, este post se divide en 2 m茅todos por as铆 decirlo, uno que es el m谩s com煤n, es donde colocas el c贸digo de Adsense en tu entrada ya con eso tendr谩s el c贸digo de Adsense en tu entrada, el segundo es colocar el c贸digo de Adsense en el c贸digo de tu platilla, esto har谩 que el anuncio de Adsense se muestre en cada entrada.

Depender谩 de ti optar por usar cualquier m茅todo que te mencion茅 ya sea colocar el c贸digo del anuncio de Adsense directo en tu entrada o colocar el c贸digo de anuncio de Adsense en tu c贸digo de tu platilla. Sea cual sea la opci贸n que decidas implementar acontinuaci贸n te muestro como lo puedes hacer.

Colocar Adsense en medio de las entradas [C贸digo directo en la entrada]

1.- Este el primer m茅todo, donde colocaremos el c贸digo del anuncio de Adsense directo en nuestra entrada o post, para ello debemos escribir una entrada para nuestro blog.

2.- Ya teniendo la entrada terminada procede cambiar a la vista “HTML” y ubicar el espacio donde queramos poner el anuncio de Adsense dentro de la entrada. Ahora coloca el c贸digo del anuncio de Adsense tal cual nos lo da Adsense.

c贸digo adsense en medio de una entrada

3.- Una vez puesto el c贸digo de Adsense puedes hacer pruebas con la vista previa para ver c贸mo se visualiza tu anuncio. Despu茅s proceder a publicar la entrada y con ello ya estar谩 el anuncio de Adsense en tu entrada.

Insertar Adsense dentro de una entrada

Colocar Adsense en medio de las entradas [C贸digo en la plantilla]

Ahora vamos a proceder con el segundo m茅todo, este es 煤til ya que si no quieres estar poniendo el c贸digo de Adsense en cada entrada puedes ocupar este m茅todo y hacer que el anuncio de Adsense se muestre en todas tus entradas.

1.- Lo primero que hay que hacer es pasear el c贸digo de Adsense, lo que se conoce tambi茅n como convertirlo a texto plano.

2.- Ya teniendo el c贸digo de Adsense parseado nos tenemos que ir a PlantillaEditar HTML y buscar la siguiente etiqueta (es posible que la tengas varias veces, regularmente la que necesitamos es la segunda, si no ves cambios prueba con otra).

<data:post.body/>
editar plantilla en modo html

3.- Remplaza esa etiqueta por este otro c贸digo.

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
Coloca aqu铆 tu c贸digo de Adsense parseado
</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>
c贸digo adsense  en toda la plantilla de blogger

4.- Una vez echo lo anterior guardar cambios, ahora debes ir a una de tus entradas y poner el anuncio de Adsense, coloca esta etiqueta dentro de la entrada.

<!-- adsense -->
adsense en las entradas de un blog de blogger

5.- Ahora prosigue a hacer pruebas como se ve tu anuncio donde lo colocaste, listo con eso ya no habr谩 necesidad de poner en cada entrada el c贸digo del anuncio de Adsense.

Recuerda que si tuvieras varias veces la etiqueta <data:post.body/> prueba con una, si no ves resultados prueba con otra y as铆 sucesivamente hasta que des con la indicada, se paciente.

Por si se te olvida poner la etiqueta <– adsense –> en tu entrada no te preocupes que el anuncio aparecer谩 de todas formas, solo que el anuncio se mostrar谩 abajo del t铆tulo en la parte superior a la derecha.

Si quieres que el anuncio se muestre al final del post por si se te olvida colocar <– adsense –> solo debes agregar la siguiente linea en el c贸digo que se inserto en la plantilla en el paso 3:

else{obj0.innerHTML=s;obj1.innerHTML='';}

Quedando de esta manera:

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
Coloca aqu铆 tu c贸digo de Adsense parseado
</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);}
else{obj0.innerHTML=s;obj1.innerHTML='';}
</script>

Como se dijo esto har谩 que el anuncio se muestre al final de cada entrada o post en caso de que se te olvide colocar la etiqueta de <– adsense –> y no como en el primer caso [sin el c贸digo anterior] que se muestra al principio de la entrada, esta configuraci贸n es a gusto de cada usuario.

Mezclar anuncio de Adsense con el texto de tu entrada / post

Como 煤ltima recomendaci贸n, si te das cuenta al colocar la etiqueta <– adsense –> ocupa toda la l铆nea, si por lo contrario deseas que el anuncio se mezcle con el texto solo cambia la siguiente l铆nea en el c贸digo que se inserto en paso 3.

<div style="clear:both; margin:10px 0">

Por esta otra.

<div style='clear: left; float: left; margin:0px 10px 0px 0px'>

Donde left es la posici贸n del anuncio, lo puedes cambiar por right si lo quieres del lado derecho.

Anuncio adsense a la derecha mezclado con el texto

Anuncio adsense a la derecha mezclado con el texto

Anuncio adsense a la izquierda mezclado con el texto

Anuncio adsense a la izquierda mezclado con el texto

margin:0px 10px 0px 0px’ es el tama帽o del margen entre el anuncio y el texto, ah铆 tu puedes jugar que tanto de margen quieres que tenga el anuncio dependiendo de la posici贸n.

驴Quieres saber c贸mo colocar 2 anuncios en las entradas de Blogger?

En el siguiente tutorial te mostramos la manera para colocar 2 anuncios en las entadas de Blogger, as铆 como se mostro en este tutorial pero serian 2 anuncios insertados y controlados desde la plantilla, te dejasmos el toutorial de como hacerlo.

Espero que este tutorial haya sido de tu agrado y si te sirvio no olvides compartir que nos ayuda mucho. Visita nuestro Canal en Youtubey Suscr铆bete!. De igual forma puedes dejar tu comentario por si tienes dudas.

驴Qu茅 te pareci贸?