Saltar al contenido

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.

Contenido

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.