Bloques de anuncios

Cómo colocar el código de un anuncio In-feed en una página

Después de crear un anuncio In-feed, el siguiente paso es colocar el código dentro del HTML del feed.

Debe incluir el código del anuncio In-feed dentro del feed. Si lo coloca fuera, puede reducir el rendimiento de los anuncios e infringir las políticas de AdSense.

Dónde colocar el código de un anuncio In-feed

Incluya el código del anuncio In-feed entre el contenido del feed, o bien al principio o final del mismo. Para ello, puede editar directamente el código HTML del feed o, si utiliza un sistema de gestión de contenido (CMS), es posible que pueda utilizar un complemento para insertar el código automáticamente.

Un ejemplo de configuración de un anuncio In-feed podría tener este aspecto:

 

Bloque de contenido 1:

 

Bloque de contenido 2:

 

Anuncio In-feed nativo:

 

Bloque de contenido 3:

 

Bloque de contenido 4:

Si quiere incluir más de un anuncio en el feed, puede crear varios anuncios In-feed o insertar varias veces el mismo código de anuncio In-feed en el feed.

Cómo insertar un anuncio In-feed

Normalmente, un CMS tiene 1) una base de datos con el contenido y 2) un fragmento de código que ejecuta el contenido mediante un bucle para crear el feed. Este fragmento de código se encuentra en el archivo de plantilla, que está almacenado en la carpeta de plantillas del CMS (también llamada carpeta de temas).

Modificar el código del archivo de plantilla

Para insertar el anuncio In-feed, modifique el código del archivo de plantilla de la siguiente forma:

  1. Abra el archivo de plantilla de la página en la que se encuentra el feed.
  2. Busque el bucle que crea el feed. (Pista: Es muy probable que el código de bucle contenga un comando "while" o "for each").
  3. Modifique el código de bucle para insertar el anuncio In-feed en el feed:
    • Si el bucle no tiene un contador, añada uno para definir la frecuencia con la que desea que se inserte el anuncio In-feed.
    • Agregue una instrucción "if" al bucle para que el anuncio se muestre con la frecuencia que ha definido en el contador.
Le recomendamos que busque en Google para consultar instrucciones específicas de su CMS.

A continuación, le ofrecemos un fragmento de pseudocódigo. Su código tendrá una estructura parecida a la de este pseudocódigo, pero la implementación real variará en función del lenguaje de programación que utilice.

Posts[] posts;
Var count=1; // Si su código no incluye un contador, defina uno
While (count < posts.length) // Incremente el valor de "count" en 1 hasta la última publicación de la base de datos
{

   If (count%3=0) //Si el valor de "count" es igual a 3, 6 9, inserte el anuncio
   {
   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
   </script>
   <ins class="adsbygoogle" style="display:block"
   data-ad-format="fluid"
   data-ad-client="ca-pub-1234567891234567"
   data-ad-slot="1234567890"></ins>
   <script>
   (adsbygoogle = window.adsbygoogle || []).push({});
   </script>
   }

   <h3>{{ post.title }}</h3> // inserte el título del bloque de contenido para todos los valores de recuento
   <p>{{ post.body }}<p> //Inserte el cuerpo del bloque de contenido
   <img src="{{ post.thumbnail}}"> //Inserte la imagen del bloque de contenido

}

Importante

Asegúrese de incluir el código del anuncio en un contenedor principal (<div>, <iframe>, etc.) con las características siguientes:

  • Una anchura válida. Si lo incluye en un contenedor principal sin una anchura explícita definida, p. ej., en un elemento flotante, los anuncios no se mostrarán. El ancho de los anuncios se calcula a partir del ancho del contenedor principal. Tenga en cuenta que la anchura mínima de los anuncios In-feed es de 250 píxeles.
  • Una altura variable. Si lo incluye en un contenedor principal con una altura fija, es posible que los anuncios aparezcan distorsionados.
¿Te ha resultado útil esta información?
¿Cómo podemos mejorar esta página?