Oznámení

Nezapomeňte navštívit stránku Vaše AdSense. Najdete na ní personalizované informace o svém účtu, které vám pomohou službu AdSense lépe využívat.

Reklamní jednotky

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.

Poznámka: Příklady popsané v tomto článku představují přijatelné úpravy kódu reklamy AdSense. Pokud upravíte kód reklamy in-feed těmito schválenými způsoby, neporušíte programové zásady služby 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 prázdných znaků. 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=i-gno/re-d1234567890123456" 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="i-gno/re-d1234567890123456"
     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.

Jestliže chcete 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 prázdných znaků. 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=i-gno/re-d1234567890123456" 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="i-gno/re-d1234567890123456"
     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í prázdné znaky 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ší More button, které reklamu rozbalí. Jedná se o opatření v zájmu lepšího uživatelského dojmu.

Pomohly vám tyto informace?

Jak bychom článek mohli vylepšit?
true
Otevřete si cestu k dalšímu růstu

Nenechte si ujít cenné informace z AdSense. Přihlaste se k odběru přehledů výkonu, personalizovaných tipů a pozvánek na webináře, které vám pomohou zvýšit příjmy

Přihlásit se

Vyhledávání
Vymazat vyhledávání
Zavřít vyhledávání
Hlavní nabídka
7949025587848458693
true
Prohledat Centrum nápovědy
true
true
true
true
true
157
false
false
false
false