Tutorial: Como poner AdSense en medio de las entradas del blog

¡Comparte el tutorial!

Tweet

¿Quieres colocar publicidad de Google AdSense en tu blog? Un lugar muy estratégico es dentro de las entradas, o en medio de ellas, por eso en este tutorial te explico como colocar AdSense en medio de las entradas del blog.

¿Que necesitamos?

* Código de anuncio [Éste lo obtendrás de tu cuenta de AdSense]
* Convertidor de HTML a Texto Plano [Enlace]

Dificultad

Fácil

Paso 1:

Lo primero será crear un bloque de anuncios para obtener el código, despues habrá que "parsear" ese código, es decir, convertirlo a texto plano para poder integrarlo a la plantilla del blog.

Para eso utiliza el enlace que esta en los materiales.
Coloca el código en el cuadro que aparece y oprime el botón "PARSE".

Te devolverá el código ya listo para colocar en la plantilla del blog, tenlo a la mano ya que lo ocuparemos más tarde.

Paso 2:

Ahora tendrás que ir a la plantilla de tu blog.
Una vez ahí busca este fragmento de código:

<data:post.body/>

[Posiblemente existan varios resultados. Regularmente la que necesitamos es la segunda, si no ves cambios prueba con otra]

Ahora reemplaza ese fragmento por esto:

<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 el código que te dije que guardaras en donde se indica y listo.

Paso 3:

Ahora cuando estes redactando una entrada tendrás que colocar esta etiqueta en la vista HTML:

<!-- adsense -->

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á este:

 

Notas:
* Si olvidas colocar la etiqueta en algún post, el anuncio se mostrará abajo del titulo del post.
* No hay problema con las normas de Google AdSense, no se ignora ninguna con este truco.

Fin del tutorial