Umieszczanie kodu reklamy In-Feed na stronie

Następnym krokiem po utworzeniu reklamy In-Feed jest umieszczenie kodu reklamy w kodzie HTML kanału.

Uwaga: upewnij się, że umieszczasz kod reklamy In-Feed wewnątrz kanału. W przeciwnym wypadku reklama może mieć niską skuteczność i może dojść do naruszenia zasad AdSense.

Gdzie umieścić kod reklamy In-Feed

Umieść kod reklamy In-Feed między elementami treści kanału, na początku lub na końcu kanału. Możesz to zrobić, bezpośrednio edytując kod HTML kanału lub, jeśli korzystasz z systemu zarządzania treścią (CMS), możesz użyć wtyczki, która wstawi kod za Ciebie.

Przykładowa konfiguracja reklamy In-Feed:

Blok treści 1:
Blok treści 2:
Reklama natywna In-Feed:
Blok treści 3:
Blok treści 4:

Jeśli chcesz umieścić w kanale więcej niż jedną reklamę, możesz utworzyć kilka reklam In-Feed lub dodać do niego ten sam kod reklamy In-Feed kilka razy.

Jak umieścić reklamę In-Feed w kanale

Zazwyczaj system zarządzania treścią ma 1) bazę danych zawierającą Twoją treść oraz 2) fragment kodu, który przetwarza Twoją treść w pętli, tworząc kanał. Ten fragment kodu znajduje się w pliku szablonu zapisanego w folderze szablonów (czasem zwanego folderem motywów) Twojego systemu zarządzania treścią.

Zmień kod w pliku szablonów

Aby umieścić reklamę In-Feed w kanale, zmień kod w pliku szablonów w następujący sposób:

1. Otwórz plik szablonu strony, na której masz swój kanał.
2. Znajdź pętlę tworzącą kanał. (Wskazówka: kod pętli będzie najprawdopodobniej zawierał polecenie „podczas gdy” lub „na każde”).
3. Zmień kod pętli, by wstawić reklamę In-Feed w kanale, a w szczególności:
   • Jeśli Twoja pętla nie ma licznika, dodaj go, by ustawić częstotliwość wstawiania reklamy In-Feed.
   • Dodaj instrukcję „if” wewnątrz pętli, by reklama In-Feed wyświetlała się z częstotliwością określoną w liczniku.

Aby znaleźć szczegółowe instrukcje związane z Twoim systemem zarządzania treścią, użyj wyszukiwarki Google.

Poniżej znajdziesz przykładowy kod. Twój kod będzie miał podobną strukturę, ale w zależności od używanego języka programowania jego rzeczywista implementacja prawdopodobnie będzie wyglądać inaczej.

Posts[] posts;
Var count=1; // Jeśli Twój kod nie zawiera licznika, zdefiniuj go
While (count < posts.length) // Zwiększ wartość „count” o 1, aż do ostatniego posta w bazie danych
{

   If (count%3=0) //Wstaw reklamę, gdy wartość „count” będzie równa 3, 6, lub 9
   {
   <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> // Dla wszystkich wartości „count” wstaw nazwę bloku treści
   <p>{{ post.body }}<p> //IWstaw blok treści
   <img src="{{ post.thumbnail}}"> //Wstaw obraz bloku treści

}

Uwaga

Sprawdź, czy umieszczasz kod reklamy w kontenerze nadrzędnym (<div>, <iframe> itp.) o następujących wymiarach:

• Prawidłowa szerokość: jeśli umieścisz kod reklamy w kontenerze nadrzędnym, który nie ma wyraźnie określonej szerokości, np. w obrębie elementu pływającego, reklamy nie będą wyświetlane. Szerokość kontenera nadrzędnego jest potrzebna do obliczenia szerokości reklam. Pamiętaj, że minimalna szerokość dla reklam In-Feed to 250 pikseli.
• Zmienna wysokość: jeśli umieścisz kod reklamy w kontenerze nadrzędnym o określonej wysokości, reklamy mogą być zniekształcane.