Después de crear un anuncio InFeed, el siguiente paso es colocar el código dentro del HTML del feed.
Dónde colocar el código de un anuncio InFeed
Incluya el código del anuncio InFeed 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 InFeed podría tener este aspecto:
Bloque de contenido 1: |
|
Bloque de contenido 2: |
|
Anuncio InFeed nativo: |
|
Bloque de contenido 3: |
|
Bloque de contenido 4: |
Cómo insertar un anuncio InFeed
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 InFeed, modifique el código del archivo de plantilla de la siguiente forma:
- Abra el archivo de plantilla de la página en la que se encuentra el feed.
- Busque el bucle que crea el feed. (Pista: Es muy probable que el código de bucle contenga un comando "while" o "for each").
- 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 InFeed.
- Agregue una instrucción "if" al bucle para que el anuncio se muestre con la frecuencia que ha definido en el contador.
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) // Aumente el valor de "count" en 1 hasta la publicación final en la base de datos
{
If (count%3=0) //Si el valor de "count" es igual a 3, 6 o 9, inserte el anuncio
{
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous">
</script>
<ins class="adsbygoogle" style="display:block"
data-ad-format="fluid"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
}
<h3>{{ post.title }}</h3> // para todos los valores de recuento, inserte el título del bloque de contenido
<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 InFeed 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.