martes, 30 de julio de 2013

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

¡Comparte el tutorial!
¿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:

 http://1.bp.blogspot.com/_qgZA1ny_dAs/S0wYsu2kHaI/AAAAAAAADls/-0Q2OP_ba54/s1600/adsense+middle.png
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
Ayúdanos compartiendo esto
WhatsApp

En este momento hay comentario(s) sobre Tutorial: Como poner AdSense en medio de las entradas del blog.


En este momento hay 10 comentarios sobre Tutorial: Como poner AdSense en medio de las entradas del blog.
  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. He seguido los pasos pero hay algo en la nueva interfaz de blogguer (finalmente encontré la post body) pero al poner el dentro de la entrada, por ninguna parte sale el anuncio. mi blog es www.consejosdelimpieza.com

    ResponderEliminar
  3. no sirve esste post, ami tampoco me sirvio !

    ResponderEliminar
  4. No sale Nadaa, NO Me Sirvio.
    http://blogdecarlosweb.blogspot.com/

    ResponderEliminar
  5. No me aparece ,¿alguien sabe la solución?
    http://muyinteresantespain.blogspot.com.es/

    ResponderEliminar
  6. me funciona pero el anuncio no lo agrega donde yo qiero lo agrego la etiqueta donde qiero que aparezca y solo lo muestra debajo del titulo del post

    ResponderEliminar
  7. Este blog ha sido eliminado por un administrador de blog.

    ResponderEliminar
  8. Algo asi ando buscando pero no funciona,

    ResponderEliminar
  9. Hola,

    Cuantos bloques se pueden poner? 1 por entrada? ó mas?

    ResponderEliminar

 
Este sitio utiliza cookies propias y de terceros, éstas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar diversos análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. ACEPTO Más información.