Umístění kódu reklamy In-feed na stránku

Jakmile vytvoříte reklamu In-feed, můžete vložit její kód do kódu HTML vašeho zdroje.

Kam je vhodné kód reklamy In-feed umístit

Kód reklamy In-feed umístěte někam do obsahu zdroje nebo na jeho začátek či konec. Pokud používáte systém správy obsahu (CMS), můžete k vložení kódu použít plugin. Druhou možností je přímá úprava kódu HTML zdroje.

Nastavení reklamy In-feed může vypadat například takto:

Blok obsahu č. 1:
Blok obsahu č. 2:
Nativní reklama In-feed:
Blok obsahu č. 3:
Blok obsahu č. 4:

Jak kód reklamy In-feed vložit

Systémy CMS obvykle obsahují databázi s vaším obsahem a fragment kódu, který obsah ve smyčce spouští (tím vzniká zdroj). Tento fragment kódu najdete v souboru šablony uloženém ve složce šablon systému CMS (může být označena také jako složka motivů).

Úprava kódu ve složce šablon

Reklamu In-feed vložíte tak, že v souboru šablony takto upravíte kód:

1. Otevřete soubor šablony stránky, na níž je umístěný váš zdroj.
2. Najděte smyčku, která váš zdroj vytváří. (Nápověda: Kód této smyčky bude pravděpodobně obsahovat příkaz „while“ nebo „for each“.)
3. Upravte kód smyčky tak, aby do zdroje vkládala reklamu In-feed, konkrétně takto:
   • Pokud smyčka neobsahuje počítadlo, přidejte ho a nastavte, jak často se má reklama In-feed vkládat.
   • Přidejte do smyčky příkaz „if“, aby se reklama In-feed zobrazovala tak často, jak jste zadali v počítadle.

Níže uvádíme pseudokód. Váš kód bude zřejmě mít podobnou strukturu jako tento pseudokód, vaše implementace se ale pravděpodobně bude lišit v závislosti na tom, který programovací jazyk používáte.

Posts[] posts;
Var count=1; // Pokud váš kód neobsahuje počítadlo, definovat ho
While (count < posts.length) // Zvýšit hodnotu count o 1, dokud nebude poslední post v databázi
{

   If (count%3=0) //Pokud je hodnota count rovna 3, 6 nebo 9, vložit reklamu.
   {
   <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> // Pro všechny hodnoty count vložit nadpis bloku obsahu
   <p>{{ post.body }}<p> //Vložit tělo bloku obsahu
   <img src="{{ post.thumbnail}}"> //Vložit obrázek bloku obsahu

}