După crearea unui anunț în feed, pasul următor este să plasați codul acestuia în codul HTML al feedului.
Plasarea codului de anunț în feed
Plasați codul de anunț fie în conținutul feedului, fie acolo unde începe sau se termină feedul. Puteți face asta modificând direct codul HTML al feedului sau, dacă utilizați un sistem de gestiune a conținutului (CMS), folosiți un plugin pentru a insera codul.
Acesta este un exemplu de configurație a unui anunț în feed:
bloc de conținut 1: |
|
bloc de conținut 2: |
|
anunț adaptat în feed: |
|
bloc de conținut 3: |
|
bloc de conținut 4: |
Plasarea anunțului în feed
De obicei, sistemul de gestiune a conținutului are o bază de date care include conținutul și o porțiune de cod care rulează conținutul în buclă, creând feedul. Această porțiune de cod este disponibilă în fișierul șablon, care va fi stocat în dosarul de șabloane al sistemului de gestiune a conținutului (denumit, uneori, dosar de teme).
Modificarea codului în fișierul șablon
Pentru a plasa anunțul în feed, modificați codul în fișierul șablon, astfel:
- deschideți fișierul șablon al paginii în care aveți feedul;
- găsiți bucla care creează feedul. (Indiciu: codul buclei conține cel mai probabil o comandă „while” sau „for each”);
- modificați codul buclei pentru a insera anunțul în feed, mai exact:
- dacă bucla nu are un contor, adăugați unul pentru a seta frecvența cu care se va insera anunțul în feed;
- adăugați o expresie „if” în interiorul buclei, pentru ca anunțul din feed să apară cu frecvența pe care ați definit-o în contor.
Mai jos, vă oferim un pseudocod. Codul poate avea o structură similară cu cea a acestui pseudocod, însă, în funcție de limbajul de programare pe care îl utilizați, implementarea propriu-zisă va fi, cel mai probabil, diferită.
Posts[] posts;
Var count=1; // În cazul în care codul nu include un contor, definiți unul
While (count < posts.length) // Măriți valoarea „count” cu 1 până la postarea finală din baza de date
{
If (count%3=0) //Dacă valoarea „count” este 3, 6 sau 9, inserați anunțul
{
<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> // pentru toate valorile, inserați titlul blocului de conținut
<p>{{ post.body }}<p> //Inserați corpul blocului de conținut
<img src="{{ post.thumbnail}}"> //Inserați imaginea blocului de conținut
}
Important
Asigurați-vă că plasați codul de anunț în cadrul containerului părinte (<div>
, <iframe>
, etc.) care are următoarele:
- o lățime validă. Dacă plasați codul de anunț într-un container părinte care nu are setată o lățime explicită, de exemplu, într-un element flotant, anunțurile nu se vor afișa. Folosim lățimea containerului părinte pentru a calcula lățimea anunțurilor. Rețineți că lățimea minimă pentru anunțuri în feed este de 250 pixeli.
- o înălțime variabilă. Dacă plasați codul de anunț într-un container părinte cu înălțime fixă, anunțurile se pot afișa distorsionat.