Når du har opprettet en feedintegrert annonse, er det neste trinnet å sette inn koden i HTML-innholdet i feeden din.
Her skal koden for feedintegrerte annonser plasseres
Plassér koden for den feedintegrerte annonsen mellom innholdet i feeden din eller der feeden innledes eller avsluttes. Dette kan gjøres på to måter: Du kan enten selv redigere HTML-koden for feeden din, eller du kan få satt inn koden via et programtillegg dersom du bruker et innholdsstyringssystem.
Oppsettet for en feedintegrert annonse kan for eksempel se slik ut:
Innholdsblokk 1: |
|
Innholdsblokk 2: |
|
Feedintegrert annonse: |
|
Innholdsblokk 3: |
|
Innholdsblokk 4: |
Slik setter du inn feedintegrerte annonser
Innholdsstyringssystemet ditt har som regel 1) en database med innholdet ditt, og 2) en kodebit som kjører innholdet gjennom en sløyfe og dermed skaper feeden din. Du kan finne denne kodebiten i malfilen din, som skal være lagret i malmappen (kan også kalles for temamappen) for innholdsstyringssystemet ditt.
Rediger koden i malfilen
Når du skal sette inn den feedintegrerte annonsen, må du redigere koden i malfilen din på følgende måte:
- Åpne malfilen på den siden der du har plassert feeden din.
- Finn sløyfen som skaper feeden. (Hint: Sløyfekoden inneholder mest sannsynlig en «while»- eller «for each»-kommando.)
- Rediger sløyfekoden for å sette inn den feedintegrerte annonsen i feeden. Gjør følgende:
- Hvis sløyfen ikke inneholder noen tellefunksjon, må du legge til en for å angi hvor ofte denne annonsen skal settes inn.
- Legg til en «if»-erklæring i selve sløyfen for at den feedintegrerte annonsen skal vises i den frekvensen du definerte i tellefunksjonen.
Vi presenterer pseudokode nedenfor. Koden din kommer til å ha en struktur som ligner på denne pseudokoden. Den endelige implementeringen skiller seg trolig noe fra denne koden, men det avhenger av hvilket programmeringsspråk du bruker.
Posts[] posts;
Var count=1; // Hvis koden ikke inneholder en tellefunksjon, må du definere en
While (count < posts.length) // Øk verdien for «count» (antall) med 1 frem til du når den siste posten i databasen
{
If (count%3=0) // Hvis verdien for «count» (antall) er 3, 6 eller 9, skal annonsen settes inn
{
<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> // Sett inn content block title for alle antallsverdier
<p>{{ post.body }}<p> // Sett inn content block body
<img src="{{ post.thumbnail}}"> // Sett inn content block image
}
Viktig
Påse at du setter inn annonsekoden i en overordnet beholder (<div>
, <iframe>
osv.) der følgende er angitt:
- En gyldig bredde. Hvis du plasserer annonsekoden i en overordnet beholder der bredden ikke eksplisitt er angitt, for eksempel i et flytende element, kommer ikke annonsene dine til å bli vist. Vi beregner bredden på annonsene dine ut fra bredden på den overordnede beholderen. Vær oppmerksom på at feedintegrerte annonser må ha en bredde på minst 250 piksler.
- En variabel høyde. Hvis du plasserer annonsekoden i en overordnet beholder med fast høyde, blir kanskje ikke annonsene vist slik de skal.