viernes, 20 de septiembre de 2013

Adsense en medio de las entradas del blog

Previamente vimos cómo y dónde poner los anuncios de Adsense en el blog; estos procedimientos se aplican para poner los anuncios en lugares predeterminados y fijos. En el caso de área de las entradas los lugares habituales son debajo del título, al inicio de la entrada y al final de la entrada.
¿Pero se puede poner un anuncio en medio de una entrada, es decir, donde yo decida que aparezca?
Sí, a través de un script podemos manipular el lugar donde aparecerá el anuncio de Adsense. Sólo agregaremos un script dentro de la plantilla y usaremos una etiqueta dentro de la entrada cuando queramos que aparezca el anuncio.

Primero "parsea" el código de Adsense, en otras palabras, conviértelo a texto plano.
Luego entra en Diseño > Edición de HTML y busca esta 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/>

Remplaza esa etiqueta por este código:
<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 tu código de Adsense donde se indica, y ahora cuando quieras poner el anuncio de Adsense coloca esta etiqueta dentro de la entrada:
<!-- adsense -->

Y listo, donde hayas puesto esa etiqueta es donde aparecerá el anuncio, 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á algo como esto:

adsense

Consideraciones finales:
  • Si tuvieras dos etiquetas como esta sólo busca la que está debajo de:
    <div class='post-header-line-1'/>
  • En caso de que no pusieras la etiqueta para que salga el anuncio entonces el anuncio aparecerá abajo del título por defecto.
  • Este método no viola las normas de Adsense ya que no se está modificando la estructura del anuncio.

No hay comentarios:

Publicar un comentario