Blocs d'annonces

Placer le code d'annonce In-feed sur votre page

Après avoir créé une annonce In-feed, la prochaine étape consiste à en placer le code dans le code HTML de votre flux.

N'oubliez pas d'insérer le code d'annonce In-feed dans votre flux. Si vous le placez en dehors, votre annonce pourrait enregistrer de mauvaises performances. De plus, vous risquez d'enfreindre le règlement du programme AdSense.

Où placer le code de votre annonce In-feed ?

Insérez le code de votre annonce In-feed dans le contenu, ou au début ou à la fin du flux. Pour ce faire, vous pouvez soit modifier directement le code HTML de votre flux ou, si vous utilisez un système de gestion de contenu, vous pourrez peut-être utiliser un plug-in qui insérera le code pour vous.

À titre d'exemple, une configuration d'annonce In-feed peut se présenter comme suit :

 

Contenu – bloc 1 :

 

Contenu – bloc 2 :

 

Annonce native In-feed :

 

Contenu – bloc 3 :

 

Contenu – bloc 4 :

Si vous souhaitez placer plus d'une annonce dans votre flux, vous pouvez créer plusieurs annonces In-feed ou insérer le même code d'annonce In-feed plusieurs fois dans votre flux.

Comment placer votre annonce In-feed ?

En règle générale, votre système de gestion de contenu comprend 1) une base de données qui contient votre contenu et 2) un extrait de code qui exécute votre contenu au sein d'une boucle, créant ainsi votre flux. Cet extrait de code se trouve dans votre fichier de modèle, lui-même stocké dans le dossier de modèles du système de gestion de contenu (il s'appelle parfois "dossier de thème").

Modifier le code dans votre fichier de modèle

Pour placer votre annonce In-feed, modifiez le code dans votre fichier de modèle. Pour ce faire, procédez comme suit :

  1. Ouvrez le fichier de modèle de la page sur laquelle votre flux se trouve.
  2. Recherchez la boucle qui crée votre flux. Indication : le code de la boucle contient très probablement une commande "while" ou "for each".
  3. Modifiez le code de la boucle pour insérer votre annonce In-feed dans votre flux, en particulier :
    • Si votre boucle n'a pas de compteur, ajoutez-en un afin de définir la fréquence d'insertion de votre annonce In-feed.
    • Ajoutez une instruction "if" dans la boucle afin que votre annonce In-feed soit diffusée à la fréquence que vous avez définie dans le compteur.
Pour obtenir des instructions spécifiques relatives à votre système de gestion de contenu, nous vous recommandons d'effectuer une recherche Google.

Vous trouverez ci-dessous un pseudocode. Votre code aura une structure similaire. Toutefois, selon le langage de programmation que vous utilisez, votre mise en œuvre réelle sera probablement différente.

Posts[] posts;
count Var = 1; // Si votre code ne comprend pas de compteur, veuillez en définir un.
While (count < posts.length) // Ajoutez 1 à la valeur de "count" jusqu'à atteindre le dernier élément dans la base de données.
{

   If (count%3=0) // Si la valeur de "count" est égale à 3, 6 ou 9, insérez l'annonce.
   {
   <script async src="//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> // Pour toutes les valeurs de "count", insérez le titre du bloc de contenu.
   <p>{{ post.body }}<p> // Insérez le corps du bloc de contenu.
   <img src="{{ post.thumbnail}}"> // Insérez l'image du bloc de contenu.

}

Remarque importante

Assurez-vous d'insérer votre code d'annonce dans un conteneur parent (<div>, <iframe>, etc.) qui comporte les éléments suivants :

  • Une largeur valide : si vous insérez le code d'annonce dans un conteneur parent dont la largeur n'est pas définie explicitement (par exemple, un élément Flash transparent), vos annonces ne seront pas diffusées. La largeur du conteneur parent sert à calculer celle de vos annonces. Notez que la largeur minimale d'une annonce In-feed est de 250 pixels.
  • Une hauteur variable : si vous insérez votre code d'annonce dans un conteneur parent de hauteur fixe, vos annonces risquent d'être déformées.
Ces informations vous-ont elles été utiles ?
Comment pouvons-nous l'améliorer ?