In-Feed-mainoskoodin sijoittaminen sivulle

Kun olet luonut In-Feed-mainoksen, seuraava vaihe on koodin sijoittaminen syötteesi HTML-koodiin.

Huom. Muista sijoittaa In-Feed-mainoskoodi syötteen sisään. In-Feed-mainoskoodin sijoittaminen syötteen ulkopuolelle voi huonontaa mainoksen tuloksia ja voi olla AdSensen käytäntöjen vastaista.

Mihin In-Feed-mainoskoodi sijoitetaan?

Sijoita In-Feed-mainoskoodi syötteen keskelle, alkuun tai loppuun. Voit tehdä tämän muokkaamalla syötteesi HTML-koodia suoraan. Jos käytössäsi on jokin sisällönhallintajärjestelmä (CMS), sinulla voi myös olla käytettävissäsi laajennus, joka sijoittaa koodin puolestasi.

Tässä on esimerkki siitä, miltä In-Feed-mainos voisi näyttää syötteessä:

1. Sisältölohko:
2. Sisältölohko:
In-Feed-natiivimainos:
3. Sisältölohko:
4. Sisältölohko:

Jos haluat sijoittaa syötteeseesi enemmän kuin yhden mainoksen, voit joko luoda lisää In-Feed-mainoksia tai sijoittaa saman In-Feed-mainoskoodin syötteeseesi useita kertoja.

Miten In-Feed-mainos sijoitetaan?

Sisällönhallintajärjestelmäsi sisältää tavallisesti 1) tietokannan, jossa sisältösi on, ja 2) koodinpätkän, joka vie sisältösi silmukan läpi ja siten luo syötteen. Löydät kyseisen koodinpätkän mallitiedostosta, jota säilytetään sisällönhallintajärjestelmän mallikansiossa (tätä kutsutaan joskus myös teemakansioksi).

Mallitiedostossa olevan koodin muokkaaminen

Sijoita In-Feed-mainoskoodi muokkaamalla mallitiedostoa seuraavasti:

1. Avaa sen sivun mallitiedosto, jossa syötteesi on.
2. Etsi silmukka, joka luo syötteesi. (Vinkki: Silmukassa on todennäköisesti while- tai for each ‑komento.)
3. Aseta In-Feed-mainos syötteeseen muokkaamalla silmukan koodia seuraavasti:
   • Jos silmukassa ei ole laskuria, lisää laskuri, jotta voit valita, kuinka usein haluat In-Feed-mainoksen näkyvän.
   • Lisää silmukkaan if-lauseke, jotta In-Feed-mainoksen näyttötiheys vastaa laskurissa valitsemaasi tiheyttä.

Käyttämäsi sisällönhallintajärjestelmän ohjeita voit etsiä Google-haulla.

Alla on pätkä näennäiskoodia. Koodissasi on samankaltainen rakenne kuin näennäiskoodissa, mutta riippuen käyttämästäsi ohjelmointikielestä toteutus saattaa olla erilainen.

Posts[] posts;
Var count=1; // Jos koodisi ei sisällä laskuria, valitse laskuri
While (count < posts.length) // Lisää parametrin "count" arvoa yhdellä tietokannan viimeiseen julkaisuun saakka
{

   If (count%3=0) // Jos parametrin "count" arvo on yhtä kuin 3 tai 6 tai 9, lisää mainos
   {
   <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> // Lisää kaikille count-arvoille sisältölohkon otsikko
   <p>{{ post.body }}<p> // Lisää sisältölohkon teksti
   <img src="{{ post.thumbnail}}"> // Lisää sisältölohkon kuva

}

Tärkeää

Varmista, että sijoitat mainoskoodin päätason säilöön (<div>, <iframe> etc.), jossa on jokin seuraavista:

• Kelvollinen leveys. Jos sijoitat mainoskoodisi pääsäilöön, jonka leveyttä ei ole määritetty selkeästi (kuten kelluvaan elementtiin), mainostasi ei näytetä. Laskemme mainoksen leveyden pääsäilön leveyden perusteella. Huomaa, että In-Feed-mainosten vähimmäisleveys on 250 pikseliä.
• Muuttuva korkeus. Jos sijoitat mainoskoodin pääsäilöön, jonka korkeus on kiinteä, mainos saattaa vääristyä.