Pagkatapos mong gumawa ng In-feed ad, ang susunod na hakbang ay ilagay ang code sa loob ng HTML ng iyong feed.
Saan ilalagay ang iyong code ng In-feed ad
Ilagay ang iyong code ng In-feed ad sa pagitan ng content ng feed mo, o kung saan magsisimula o magtatapos ang iyong feed. Puwede mo itong gawin sa pamamagitan ng direktang pag-edit sa HTML code ng iyong feed o, kung gumagamit ka ng Sistema ng Pamamahala ng Content (Content Management System o CMS), posibleng makagamit ka ng plugin para ilagay ang code para sa iyo.
Puwedeng maging ganito ang hitsura ng isang halimbawa ng setup ng In-feed ad:
Content block 1: |
|
Content block 2: |
|
Native na In-feed ad: |
|
Content block 3: |
|
Content block 4: |
Paano ilagay ang iyong In-feed ad
Kadalasan, magkakaroon ang iyong CMS ng 1) database na naglalaman ng iyong content at 2) isang piraso ng code na gumagana sa content mo sa pamamagitan ng loop, na gumagawa sa iyong feed. Puwede mong mahanap ang piraso ng code na ito sa iyong file ng template, na maso-store sa folder ng template ng CMS mo (kung minsan ay tinatawag na folder ng tema).
Baguhin ang code sa iyong file ng template
Para ilagay ang iyong In-feed ad, baguhin ang code sa iyong file ng template tulad nito:
- Buksan ang file ng template ng page kung nasaan ang iyong feed.
- Hanapin ang loop na gumagawa sa iyong feed. (Hint: Pinakamalamang na magkakaroon ang loop code ng command na "while" o "for each.")
- Baguhin ang loop code para ilagay ang iyong In-feed ad sa feed mo, partikular na:
- Kung walang counter ang iyong loop, magdagdag ng counter para itakda kung gaano kadalas mo gustong mailagay ang iyong In-feed ad.
- Magdagdag ng "if" na statement sa loob ng loop para lumabas ang iyong In-feed ad nang kasingdalas ng tinukoy mo sa counter.
Nagbigay kami ng ilang pseudo code sa ibaba. Magkakaroon ang iyong code ng katulad na istruktura sa pseudo code na ito pero, depende sa kung aling language ng programming ang ginagamit mo, malamang na magiging iba ang iyong aktwal na pagpapatupad.
Posts[] posts;
Var count=1; // Kung walang counter ang iyong code, maglagay ng isa
While (count < posts.length) // Taasan ang value ng "count" ng isa hanggang sa panghuling post sa database
{
If (count%3=0) //Kung ang value ng "count" ay katumbas ng 3 o 6 o 9, ilagay ang ad
{
<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> // para sa lahat ng value ng count, ilagay ang pamagat ng content block
<p>{{ post.body }}<p> //Ilagay ang body ng content block
<img src="{{ post.thumbnail}}"> //Ilagay ang larawan ng content block
}
Mahalaga
Tiyaking ilalagay mo ang iyong ad code sa loob ng parent na container (<div>
, <iframe>
, atbp.) na naglalaman ng sumusunod:
- Valid na lapad. Kung ilalagay mo ang iyong ad code sa loob ng parent na container na walang malinaw na nakatakdang lapad, hal., sa isang floating na element, hindi lalabas ang iyong mga ad. Ginagamit namin ang lapad ng parent na container para kalkulahin ang lapad ng iyong mga ad. Tandaan na ang minimum na lapad para sa mga In-feed ad ay 250px.
- Taas ng variable. Kung ilalagay mo ang iyong ad code sa isang parent na container na may nakatakdang taas, posibleng ma-distort ang mga ad mo.