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

  • Autor Autor natsu88
  • Fecha de inicio Fecha de inicio
N

natsu88

Gamma
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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
1-opt.webp

IMG-2
2-opt.webp

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…
 
Última edición:
exelente gracias a probar. 😉
 
Mil gracias!
 
Solo se puede uno o se puede colocar dos anuncios? en mi caso tengo textos extensos y pues no quisiera que solo aparezca uno
 
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;">
 
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;">
Hacer clic para expandir...

He actualizado el codigo y se ha corregido ese problema :encouragement:
 
Vaya lo que estaba buscando yo hacia esto manualmente y era muy tedioso gracias :encouragement:
 
Todavia esta permitido esto no hay problema de ponerlo dentro de las entradas
 
muy, manos ala obra, gracias por todo.
 
Gracias lo probaré
 
cuantos anuncios salen con este tutorial?
 
natsu88 dijo:
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
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='&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…
Hacer clic para expandir...
Cuantos anuncios se añaden al poner esta configuración? Saludos
 
La mejor opción para hacer esto actualmente cual es?
 
natsu88 dijo:
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
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='&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…
Hacer clic para expandir...
Si deseo que el anuncio aparezca despues del 2 o 3 parrafo que debo modificar en el codigo?
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

archimedes
Tutorial: Cómo poner anuncios y enlaces relacionados en tus entradas automáticamente
Respuestas
4
Visitas
1K
Serjal
S
T
Colocar anuncios de MGID solo dentro de las entradas en Blogger, alguna ayuda
Respuestas
0
Visitas
227
Tutvgratis
T
M
Tutorial: Cómo insertar anuncios de Adsense en el medio de tus entradas en Blogger
2
Respuestas
31
Visitas
8K
wmasterSolutions
wmasterSolutions
YKMedia
¿Es seguro colocar anuncios de AdSense dentro de las entradas en Blogger?
Respuestas
11
Visitas
719
Ari Ben Canaan
Ari Ben Canaan
Atrás
Arriba