En este momento estás viendo Cómo colocar anuncios In-Feed en la página principal – Blogger 2022

Cómo colocar anuncios In-Feed en la página principal – Blogger 2022

Cómo colocar el código de un anuncio In-Feed en la página de principal Blogger

Cómo colocar anuncios en el feed de la página principal de Blogger. Hace un tiempo recibí un correo electrónico de Adsense en el que me informaban de que ya están disponibles nuevas plantillas de anuncios para poner en mi blog. Con esto me refiero a los anuncios en el feed y a los anuncios en el artículo. En este tutorial te mostraré cómo colocar anuncios in-feed en la portada de tu blog de Blogger. Desde entonces, varios usuarios nos han preguntado por este tutorial. Cabe destacar que al colocar este anuncio en el feed de la página principal, puedes configurar la frecuencia con la que quieres que aparezca y, como ya sabes, queda muy bien con el feed de tu blog y resulta muy atractivo para el lector. .

Los pasos siguientes sólo se aplican a las plantillas personalizadas de Blogger. No olvides guardar tu plantilla actual por si ocurre lo peor.

Estos pasos de inserción de anuncios no tienen nada de especial, ya que son muy fáciles de hacer. Ahora veamos cómo se implementan los anuncios In-Feed en Blogger.

Cómo colocar el código de un anuncio In-Feed en la página de inicio Blogger

1) El primer paso es crear un nuevo bloque de anuncios in-feed desde nuestra cuenta de Adsense. Si no sabe cómo hacerlo, descubra cómo crear un bloque de anuncios In-Feed y obtenga el código de anuncios In-Feed.

2.- El siguiente paso es convertir el código a texto plano o parsear el código del feed recibido de Adsense. Para ello, accederemos a la siguiente herramienta, que nos permitirá analizar el código de Adsense para bloggers.

3) A continuación, accedemos a nuestra cuenta de blogger y seleccionamos el blog donde insertaremos el código Adsense analizado anteriormente. Vamos a la sección «Diseño» y luego a «Editar HTML».

4 – Cuando estemos en la vista de edición de HTML, pulsar «Ctrl + F» para buscar y pegar el siguiente código en la caja de búsqueda:

<b:loop values='data:posts' var='post'> 

Luego presionamos «Enter» para buscar. Una vez ubicado reemplazar por el siguiente código:

<b:loop values='data:posts' var='post' index='x'>

5.- Ahora buscar este otro código dentro de la plantilla:

<div class='post-outer'>

Por lo regular este código siempre se encuentra unas líneas debajo de primer código. Cuando lo ubiques justo debajo de ese código pegar estos otros:

<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "item"'>
<b:if cond='data:x==1'>
<div class='post'>
CÓDIGO ADSENSE PARSEADO
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
CÓDIGO ADSENSE PARSEADO
</div>
</b:if>
</b:if>

6.- Debes sustituir «PARSE ADSENSE CODE» por el código del anuncio in-feed analizado en el paso 2, ahora guarda los cambios y previsualiza tu blog.

7.- El resultado del código anterior ya implementado y después de guardar los cambios es el siguiente.

Recomendaciones y comentarios sobre los anuncios In-Feed de la página principal de Blogger

Recuerde que para que los anuncios se muestren correctamente y los anuncios relacionados con su tema se muestren, debe esperar al menos 20 minutos para que los anuncios se pongan en marcha y ver el aspecto de los anuncios.

En la línea:

<b:if cond='data:x==1'>
  • tiene el valor de 1, eso quiere decir que el anuncio se va colocar después del post o artículo 1.
  • Si quieres más anuncios en tu página principal solo debes insertar justo antes del último </b:if>

esta línea de código:

<b:if cond='data:x==5'>
<div class='post'>
CÓDIGO ADSENSE PARSEADO
</div>
</b:if>

Para que los anuncios aparezcan y se vean donde usted quiere, simplemente pruébelos cambiando los números x de la fila.

Con esto concluye este tutorial en el que mostraremos cómo añadir anuncios incrustados a la página principal de Blogger. Espero que te guste. Si tienes alguna duda, puedes dejarla en la sección de comentarios y te responderemos lo antes posible. No olvides compartir este tutorial con tus amigos que quieran instalar anuncios in-feed en su página de inicio de blogger.

En Estrategia Creativa tenemos toda la información que necesitas sobre el mundo de digital y en especial para tus emprendimiento Si quieres seguir leyendo información útil  ¡echa un vistazo a nuestros artículos!

Cómo colocar el código de un anuncio In-Feed en la página de principal Blogger 2022

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)

Deja una respuesta