Placera flödesannonskod på sidan

När du har skapat en flödesannons är nästa steg att placera koden inuti HTML-avsnitten i ditt flöde.

Obs! Tänk på att placera flödesannonskoden inuti flödet. Om du placerar annonskoden utanför flödet kan det ge sämre annonsresultat och innebära att du bryter mot AdSense-policyerna.

Var du ska placera flödesannonskoden

Placera flödesannonskoden inuti innehållet i flödet eller där flödet börjar eller slutar. Du kan redigera HTML-koden direkt i flödet. Om du använder ett innehållshanteringssystem (CMS) kan du eventuellt infoga koden automatiskt med hjälp av ett plugin-program.

Exempel på placering av flödesannons:

Innehållsblock 1:
Innehållsblock 2:
Integrerad flödesannons:
Innehållsblock 3:
Innehållsblock 4:

Om du vill placera fler än en annons i flödet kan du antingen skapa flera flödesannonser eller placera samma flödesannonskod flera gånger i flödet.

Så placerar du flödesannonsen

Vanligen inbegriper innehållshanteringssystemet 1) en databas som innehåller ditt innehåll och 2) ett kodavsnitt som kör innehållet i en slinga och skapar flödet. Du hittar kodavsnittet i mallfilen som lagras i mappen med mallar (eller teman) i innehållshanteringssystemet.

Modifiera koden i mallfilen

Så här modifierar du koden i mallfilen när du vill placera flödesannonsen:

1. Öppna mallfilen för sidan där du har infogat flödet.
2. Leta reda på slingan som genererar flödet. (Tips! Koden för slingan innehåller troligen ett kommando av typen ”while” eller ”for each”.)
3. Modifiera koden för slingan så att du kan infoga flödesannonsen i flödet:
   • Om slingan inte innehåller en räknare ska du lägga till en sådan och ange hur ofta flödesannonsen ska infogas.
   • Lägg till en ”if”-sats i slingan så att flödesannonsen visas så ofta som du har angett i räknaren.

Du kan hitta specifika anvisningar för ditt innehållshanteringssystem genom att söka på Google.

Nedan följer ett stycke pseudokod. Koden du ska använda har samma struktur som pseudokoden, men själva implementeringen ser troligen annorlunda ut beroende på vilket programmeringsspråk du använder.

Posts[] posts;
Var count=1; // Definiera en räknare om den inte redan finns med i koden
While (count < posts.length) // Öka värdet på count med 1 till den sista posten i databasen
{

   If (count%3=0) //Om värdet på count" är 3, 6 eller 9, infoga annonsen
   {
   <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> // infoga titeln på innehållsblocket för alla värden på count
   <p>{{ post.body }}<p> //Infoga löptexten i innehållsblocket
   <img src="{{ post.thumbnail}}"> //Infoga bilden i innehållsblocket

}

Viktigt

Tänk på att placera annonskoden i en överordnad behållare (<div>, <iframe> osv.) som har följande:

• Giltig bredd. Om du placerar annonskoden i en överordnad behållare utan fast bredd, till exempel i ett flytande element, visas annonserna inte. Annonsernas bredd beräknas utifrån bredden på den överordnade behållaren. Tänk på att minimibredden på flödesannonser är 250 pixlar.
• Variabel höjd. Om du placerar annonskoden i en överordnad behållare med fast höjd kan det leda till att annonserna får fel dimensioner.