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 las entradas? esto le pasa a muchos usuarios que poseen un blog y a√ļn no saben como poner Adsense en medio de las entradas en Blogger

A continuación vamos a ver como se hace, este se divide en 2 métodos por así decirlo:

  • El primer m√©todo consta solo de colocar el c√≥digo de Adsense en tu entrada.
  • El segundo m√©todo es colocar el c√≥digo de Adsense en el c√≥digo de tu platilla, esto har√° que el anuncio de Adsense se muestre en todas las entradas.

Puedes usar cualquiera de las dos formas, ya sea colocar el código del anuncio de Adsense directo en tu entrada o insertar el código de anuncio de Adsense en tu código de tu platilla.

A continuación se muestra como configurar adsense en blogger paso a paso.

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.- Posteriormente cambiar a la vista “HTML” y ubica el espacio donde quieras poner el anuncio de Adsense dentro de la entrada. Ahora coloca el c√≥digo del anuncio de Adsense tal cual nos lo da.

código adsense en medio de una entrada

3.- Después de eso haz pruebas con la vista previa para ver cómo se visualiza tu anuncio. Proceder a publicar la entrada y con ello ya estará el anuncio de Adsense en tu entrada.

Insertar Adsense dentro de una entrada

Poner Adsense en medio de las entradas [Código en la plantilla]

El segundo m√©todo es bastante √ļ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.- El primer paso es pasear el código de Adsense, lo que se conoce también como convertirlo a texto plano.

2.- Una vez 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.- Entonces, lo que sigue es remplaza esa etiqueta por este otro código a continuación:

Código a reemplazar

<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.- Ya 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.- Para finalizar debes hacer pruebas para saber como se ve tu anuncio donde fue colocado. 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. Pero, si por el contrario deseas que el anuncio se mezcle con el texto solo cambia la siguiente l√≠nea en el c√≥digo que se inserto en el paso 3.

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

Colocando esta otra:

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

Como resultado 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

Ejemplo de un anuncio a la derecha que esta mezclado con el texto de articulo.

Anuncio adsense a la derecha mezclado con el texto

Anuncio adsense a la izquierda mezclado con el texto

Ejemplo del anuncio de adsense a la izquierda el cual esta mezclado con el texto de articulo.

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.

De esta manera podemos insertar Adsense en medio de las entradas en Blogger.

¬ŅQuieres saber c√≥mo colocar 2 anuncios en las entradas de Blogger?

Por otro lado 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 dejamos el tutorial de como hacerlo.