Nadat u een in-feed advertentie heeft gemaakt, moet u vervolgens de code in de HTML van uw feed plaatsen.
Plaatsing van de in-feed advertentiecode
Plaats de in-feed advertentiecode tussen de content van uw feed of aan het begin of het eind van uw feed. U kunt dit doen door de HTML-code van uw feed rechtstreeks te bewerken. Als u een contentmanagementsysteem (CMS) gebruikt, kunt u wellicht een plug-in gebruiken die de code voor u invoegt.
De indeling van een in-feed advertentie ziet er bijvoorbeeld zo uit:
Contentblok 1: |
|
Contentblok 2: |
|
Native in-feed advertentie: |
|
Contentblok 3: |
|
Contentblok 4: |
Uw in-feed advertentie plaatsen
Meestal heeft uw CMS 1) een database van uw content en 2) een codefragment waardoor uw content in een lus loopt. Hiermee wordt uw feed gemaakt. U kunt dit codefragment vinden in uw sjabloonbestand, dat wordt opgeslagen in de sjabloonmap van uw CMS (soms een themamap genoemd).
De code in uw templatebestand wijzigen
Als u de in-feed advertentie wilt plaatsen, wijzigt u zo de code in uw templatebestand:
- Open het templatebestand van de pagina waarop uw feed staat.
- Vind de lus die de feed maakt. (Tip: De luscode bevat waarschijnlijk een opdracht "while" of "for each".)
- Wijzig de luscode om de in-feed advertentie in uw feed te plaatsen, in het bijzonder:
- Als uw lus geen teller heeft, voegt u een teller toe om in te stellen hoe vaak u wilt dat de in-feed advertentie wordt geplaatst.
- Voeg een instructie "if" toe aan de lus om uw in-feed advertentie zo vaak te laten weergeven als u heeft ingesteld in de teller.
We hebben hieronder een stukje pseudo-code weergegeven. Uw code zal een soortgelijke structuur hebben, maar afhankelijk van de programmeertaal die u gebruikt, is de feitelijke implementatie waarschijnlijk anders.
Posts[] posts;
Var count=1; // If your code does not include a counter define one
While (count < posts.length) // Increase the value of "count" by 1 until the final post in the database
{
If (count%3=0) //If the value of "count" equals 3 or 6 or 9 insert the ad
{
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous">
</script>
<ins class="adsbygoogle" style="display:block"
data-ad-format="fluid"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
}
<h3>{{ post.title }}</h3> // for all count values insert the content block title
<p>{{ post.body }}<p> //Insert the content block body
<img src="{{ post.thumbnail}}"> //Insert the content block image
}
Belangrijk
Zorg ervoor dat u uw advertentiecode binnen een bovenliggende container plaatst (<div>
, <iframe>
, enzovoort) met de volgende kenmerken:
- Een geldige breedte. Als u uw advertentiecode binnen een bovenliggende container plaatst waarvoor geen expliciete breedte is ingesteld, bijvoorbeeld in een zwevend element, worden uw advertenties niet weergegeven. We gebruiken de breedte van de bovenliggende container om de breedte voor uw advertenties te berekenen. Houd er rekening mee dat de minimale breedte voor InFeed-advertenties 250 pixels is.
- Een variabele hoogte. Als u uw advertentiecode in een bovenliggende container met een vaste hoogte plaatst, kunnen uw advertenties worden vervormd.