Colocar anuncios AUTOMATICAMENTE dentro de las entradas de blogger [tutorial]

natsu88 · 8 Jul 2018

He visto aquí en el foro que hay un truco donde debes usar un comentario

HTML:

<!--  adsense -->

para que puedas usar el anuncio. Lo que lo hace pesado, ya que debes irte a la parte html y editarlo, y con el tiempo se vuelve tedioso.

Aquí te explicare una manera donde solo tendrás que editar la plantilla y automáticamente siempre estará el banner/ads/anuncio.
El banner se posiciona dependiendo de la cantidad de párrafos o separadores o div, como pueden ver en las imágenes de abajo, en una entrada con poco texto, el banner se coloca debajo del primero párrafo (incluyendo la imagen más arriba). Y en el segundo ejemplo, donde hay más texto, pues se posiciona 2 div más abajo.

IMG-1

IMG-2

Siguiendo el tutorial:
1. Crea una copia de seguridad de tu plantilla. (Tema->crear copia de seguridad)

2. Tienes que buscar esta línea de código:

HTML:

<data:post.body/>

y reemplazarla con esta:

HTML:

<div expr:id='&quot;zet1&quot; + data:post.id'/>
<div class='googlezet'>
<!-- adsense -->
ads
<!-- adsense -->
</div>
<div expr:id='&quot;zet2&quot; + data:post.id'><p><data:post.body/></p></div>
<script defer='defer' type='text/javascript'>           var obj0=document.getElementById(&quot;zet1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;zet2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/1.20);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}         </script>

Si no te sale el codigo bien, prueba copiando el de aqui: [ adsense en entradas.html - Google Drive ]
NOTA: En la plantilla encontraras por lo menos 3 veces esa línea, así que debes probar con cada una de ellas.

Dentro de los comentarios adsense tendrás que poner tu código, yo recomiendo el banner de InArticle
3. Para hacer que el banner este en el centro le agregamos este código dentro de la hoja de estilos, junto antes del cierre </b: skin> o </style>

HTML:

.googlezet{margin:15px auto;text-align:center}

Y eso es todo…

ChamoFrancisco · 9 Jul 2018

exelente gracias a probar. 😉

s0rki · 10 Jul 2018

Mil gracias!

DuvanMX · 2018-08-19T16:08:23-0500

Solo se puede uno o se puede colocar dos anuncios? en mi caso tengo textos extensos y pues no quisiera que solo aparezca uno

AntonioJose · 2018-08-19T22:47:50-0500

que bueno excelente pero me pasa lo siguiente, aunque tenga buen párrafo siempre veo que me queda muy arriba.
y lo que veo mal es que abajo del bloque me sale el siguiente codigo raro:

HTML:

style="font-family: inherit;">

natsu88 · 2018-08-26T14:20:09-0500

AntonioJose dijo:
que bueno excelente pero me pasa lo siguiente, aunque tenga buen párrafo siempre veo que me queda muy arriba.
y lo que veo mal es que abajo del bloque me sale el siguiente codigo raro:

HTML:

style="font-family: inherit;">

He actualizado el codigo y se ha corregido ese problema :encouragement:

yondryrafael · 2018-08-26T19:04:10-0500

Vaya lo que estaba buscando yo hacia esto manualmente y era muy tedioso gracias :encouragement:

jaiberj · 25 Sep 2018

Hola, les recomiendo este nuevo tutorial sobre cómo poner Anuncios AdSense dentro de las entradas de Blogger, es automático y puedes elegir en donde vana a aparecer los anuncios dentro del texto: Cómo poner anuncios AdSense dentro del texto en Blogger (Automático desde plantilla)

amilca · 1 May 2019

natsu88 dijo:
He actualizado el codigo y se ha corregido ese problema :encouragement:

donde esta eso de la hojas estilos disculpame

natsu88 · 1 May 2019

amilca dijo:
donde esta eso de la hojas estilos disculpame

En la plantilla html, junto antes del cierre </b: skin> o </style>

ibqjuan1982 · 4 May 2019

Todavia esta permitido esto no hay problema de ponerlo dentro de las entradas

Deadfall · 8 May 2019

muy, manos ala obra, gracias por todo.

leoquitui89 · 8 May 2019

Gracias lo probaré

jaiberj · 31 Oct 2019

Yo les dejo este otro tuturial: Cómo poner anuncios AdSense dentro del texto en Blogger (Automático desde plantilla) es un poco diferente y permite colocar varios anuncios dentro del texto

AntonioJose · 18 Abr 2020

cuantos anuncios salen con este tutorial?

Guillermo Castillo · 19 Abr 2020

natsu88 dijo:
He visto aquí en el foro que hay un truco donde debes usar un comentario

HTML:



para que puedas usar el anuncio. Lo que lo hace pesado, ya que debes irte a la parte html y editarlo, y con el tiempo se vuelve tedioso.

Aquí te explicare una manera donde solo tendrás que editar la plantilla y automáticamente siempre estará el banner/ads/anuncio.
El banner se posiciona dependiendo de la cantidad de párrafos o separadores o div, como pueden ver en las imágenes de abajo, en una entrada con poco texto, el banner se coloca debajo del primero párrafo (incluyendo la imagen más arriba). Y en el segundo ejemplo, donde hay más texto, pues se posiciona 2 div más abajo.

IMG-1
Ver el archivo adjunto 122984

IMG-2
Ver el archivo adjunto 122985

Siguiendo el tutorial:
1. Crea una copia de seguridad de tu plantilla. (Tema->crear copia de seguridad)

2. Tienes que buscar esta línea de código:

HTML:

<data:post.body/>

y reemplazarla con esta:

HTML:

<div expr:id='"zet1" + data:post.id'/> <div class='googlezet'>  ads  </div> <div expr:id='"zet2" + data:post.id'><p><data:post.body/></p></div> <script defer='defer' type='text/javascript'> var obj0=document.getElementById("zet1<data:post.id/>");var obj1=document.getElementById("zet2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/1.20);var r=t.lastIndexOf("<br>");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script>

Si no te sale el codigo bien, prueba copiando el de aqui: [ adsense en entradas.html - Google Drive ]
NOTA: En la plantilla encontraras por lo menos 3 veces esa línea, así que debes probar con cada una de ellas.

Dentro de los comentarios adsense tendrás que poner tu código, yo recomiendo el banner de InArticle
3. Para hacer que el banner este en el centro le agregamos este código dentro de la hoja de estilos, junto antes del cierre </b: skin> o </style>

HTML:

.googlezet{margin:15px auto;text-align:center}

Y eso es todo…

Cuantos anuncios se añaden al poner esta configuración? Saludos

Paulolayape123 · 2020-08-22T15:59:39-0500

La mejor opción para hacer esto actualmente cual es?

edutm · 18 Sep 2022

natsu88 dijo:
He visto aquí en el foro que hay un truco donde debes usar un comentario

HTML:



para que puedas usar el anuncio. Lo que lo hace pesado, ya que debes irte a la parte html y editarlo, y con el tiempo se vuelve tedioso.

Aquí te explicare una manera donde solo tendrás que editar la plantilla y automáticamente siempre estará el banner/ads/anuncio.
El banner se posiciona dependiendo de la cantidad de párrafos o separadores o div, como pueden ver en las imágenes de abajo, en una entrada con poco texto, el banner se coloca debajo del primero párrafo (incluyendo la imagen más arriba). Y en el segundo ejemplo, donde hay más texto, pues se posiciona 2 div más abajo.

IMG-1
Ver el archivo adjunto 122984

IMG-2
Ver el archivo adjunto 122985

Siguiendo el tutorial:
1. Crea una copia de seguridad de tu plantilla. (Tema->crear copia de seguridad)

2. Tienes que buscar esta línea de código:

HTML:

<data:post.body/>

y reemplazarla con esta:

HTML:

<div expr:id='"zet1" + data:post.id'/> <div class='googlezet'>  ads  </div> <div expr:id='"zet2" + data:post.id'><p><data:post.body/></p></div> <script defer='defer' type='text/javascript'> var obj0=document.getElementById("zet1<data:post.id/>");var obj1=document.getElementById("zet2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/1.20);var r=t.lastIndexOf("<br>");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script>

Si no te sale el codigo bien, prueba copiando el de aqui: [ adsense en entradas.html - Google Drive ]
NOTA: En la plantilla encontraras por lo menos 3 veces esa línea, así que debes probar con cada una de ellas.

Dentro de los comentarios adsense tendrás que poner tu código, yo recomiendo el banner de InArticle
3. Para hacer que el banner este en el centro le agregamos este código dentro de la hoja de estilos, junto antes del cierre </b: skin> o </style>

HTML:

.googlezet{margin:15px auto;text-align:center}

Y eso es todo…

Si deseo que el anuncio aparezca despues del 2 o 3 parrafo que debo modificar en el codigo?

Colocar anuncios AUTOMATICAMENTE dentro de las entradas de blogger [tutorial]

natsu88

ChamoFrancisco

s0rki

DuvanMX

AntonioJose

natsu88

yondryrafael

jaiberj

amilca

natsu88

ibqjuan1982

Deadfall

leoquitui89

jaiberj

AntonioJose

Guillermo Castillo

Paulolayape123

edutm

Temas similares

Privacidad y transparencia

Privacidad y transparencia