Como Poner Anuncios De Adsense En Medio De Los Post En Blogger

Google Adsense es una fuente de ingresos muy atractiva para nuestro blog o página web, sin embargo si no sabemos colocar adecuadamente el código puede resultar ineficiente ya que los anuncios se ven menos y por lo tanto tardaremos mucho más para cobrar esos tan anhelados ingresos.

Por otra parte Blogger no nos da la opción de poner anuncios en medio de nuestros posts de manera sencilla como lo puede hacer un Wordpress o Joomla al editar su código. Si, sé que hay una opción dentro de Adsense que se llama AutoAds pero no siempre es la mejor opción ya que si la activamos podemos correr el riesgo de romper el layout de nuestro blog.

Por eso es que en este post aprenderemos a hacer precisamente eso, poner anuncios en medio de los post en Blogger. Seguir los siguientes pasos.

Poner anuncios en medio de los post en Blogger.

1. Abrir la plantilla de nuestro blog.

2. Buscar el siguiente código (presionamos Ctrl + F para abrir el buscador en la parte superior derecha).

<data:post.body/>

3. Lo reemplazamos por este otro código:

<div expr:id='"adsmiddle1" + data:post.id'></div>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style="clear:both; margin:10px 0"><center>
<!-- Tu código Adsense convertido --></center>
</div>
</b:if>
</b:if>
<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<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>


4. Puede que haya más <data:post.body/> solo basta con hacer unas pruebas con el código correcto.

5. Ahora tienes que ir a esta página la cual te va a servir para convertir el código que Adsense te da a código compatible con XML para que Blogger lo entienda. Solo pega tu código Adsense en la caja de texto y presiona el botón “Codificar”, el código convertido lo seleccionas y copias.


6. Ese código convertido lo reemplazas por <!-- Tu código Adsense convertido -->

7. En este caso yo lo reemplace por un mensaje que para saber que si funciona.


8. Guardamos la plantilla.

9. Vamos a crear un nuevo post, cambiamos a modo HTML y en cualquier parte de nuestro post en donde queremos que se muestre el anuncio de Adsense ponemos el código <!-- adsense --> , como se ve en la imagen.


10. Solo resta publicar el post y verificar.


Comenta si te sirvió, si ya lo sabias o si tienes algun errorsillo por ahí.

Comentarios