Nastavení výšky reklamy In-feed

Služba AdSense automaticky upravuje výšku reklam In-feed, aby se do dostupného prostoru dobře vešly. To znamená, že většina inzerentů nemusí jejich výšku nijak měnit. Pokud na ni však máte konkrétní požadavky, můžete ji na vhodnou hodnotu nastavit v kódu reklamy. Podle toho, zda se váš zdroj nachází na responzivním, nebo neresponzivním webu, můžete nastavit proměnnou, nebo pevnou výšku.

Ubezpečujeme vás, že příklady popsané v tomto článku představují přijatelné úpravy kódu reklamy služby AdSense. Pokud upravíte kód reklamy In-feed těmito schválenými způsoby, neporušíte programové zásady AdSense.

Nastavení pevné výšky (u neresponzivních webů)

Pevnou výšku reklamy In-feed lze nastavit tak, že do kódu reklamy přidáte příslušný atribut, například height:120px. Tuto možnost použijte, pokud je vaše reklamní jednotka In-feed umístěna v pevném kontejneru (není tedy responzivní).

Pokud nevíte, jakou výšku nastavit, můžete ji určit pomocí nástrojů pro vývojáře v prohlížeči. Nastavujte vždy přesnou výšku reklamy bez mezer. Další informace najdete v článku Určení velikosti obrázků ve zdroji.

Toto je příklad reklamy In-feed s pevnou výškou 120 pixelů:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block;height:120px"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Nastavení proměnné výšky (u responzivních webů)

Pokud šířka vaší reklamní jednotky In-feed závisí na šířce obrazovky (je tedy responzivní), je třeba ji nastavit pomocí dotazů na média CSS.

Chcete-li správně určit potřebné hodnoty, doporučujeme tento postup:

1. Nastavte velikost svého webu pro různé šířky obrazovek, například 350, 500 a 1000 pixelů.
2. U každé nastavené šířky určete pomocí nástrojů pro vývojáře v prohlížeči přesnou výšku reklamy bez mezer. Další informace najdete v článku Určení velikosti obrázků ve zdroji.

Toto je příklad reklamy In-feed s výškou 180 pixelů na obrazovkách s šířkou do 350 pixelů, výškou 130 pixelů pro obrazovky s šířkou od 500 do 800 pixelů a výškou 200 pixelů na obrazovkách s větší šířkou než 800 pixelů:

<style>
  @media (min-width: 350px) {
    .infeed {
      height: 180px;
    }
 @media (min-width: 500px) {
    .infeed {
      height: 130px;
    }
  }
 @media (min-width: 800px) {
    .infeed {
      height: 200px;
    }
  }

</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed"
     style="display:block;"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Důležité: Potřebné úpravy kódu reklamy jsou ve výše uvedených příkladech zvýrazněny. Ujistěte se, že v celém kódu reklamy používáte stejný název třídy (zde infeed).

Po úpravě kódu nezapomeňte reklamu In-feed vyzkoušet na různých obrazovkách a zkontrolovat, zda nastavená šířka ve všech zařízeních funguje.

Proč moje reklamy In-feed někdy obsahují mezery navíc nebo tlačítko Další?

Reklamní jednotky In-feed jsou responzivní a podporují celou řadu velikostí zobrazovaných oblastí. Jejich velikost se automaticky přizpůsobuje rozvržení stránky (vyplní vždy celou šířku kontejneru). Výška závisí na obsahu samotné reklamy a na nastavení reklam In-feed ve službě AdSense.

Někdy, když se reklama In-feed nachází v zobrazované oblasti uživatele (nad okrajem), nemůžeme její výšku upravit, aniž by došlo k přeuspořádání. V takových případech se může zobrazit prázdný prostor nebo tlačítko Další , které reklamu rozbalí. Jedná se o opatření v zájmu lepšího uživatelského dojmu.