Nastavenie výšky reklamy In-feed

Služba AdSense automaticky prispôsobuje výšku reklám In-feed, aby zabezpečila, že sa zmestia do dostupného priestoru. Automatické prispôsobenie veľkosti znamená, že väčšina vlastníkov nebude musieť v prípade reklám In-feed vykonávať zmeny výšky. Ak však máte konkrétne požiadavky týkajúce sa výšky reklamy In-feed, môžete upraviť svoj kód reklamy In-feed a nastaviť tak požadovanú výšku. V závislosti od toho, či sa informačný kanál nachádza na neresponzívnom alebo responzívnom webe, môžete nastaviť buď pevnú výšku, alebo premennú výšku.

Uisťujeme vás, že príklady v tomto článku predstavujú prijateľné úpravy kódu reklamy v službe AdSense. Upravením kódu reklám In-feed týmito schválenými spôsobmi neporušíte pravidlá programu AdSense.

Ako nastaviť pevnú výšku (neresponzívne weby)

Pevnú výšku môžete pre svoju reklamu In-feed určiť tak, že pridáte do kódu reklamy atribút výšky. Napríklad height:120px. Túto možnosť použite, ak sa vaša reklamná jednotka In-feed nachádza v pevnom kontajneri (neresponzívny obsah).

Ak neviete, akú veľkosť máte nastaviť, môžete použiť nástroje pre vývojárov prehliadača a určiť tak presnú výšku reklamy bez medzery. Ďalšie informácie nájdete v článku Ako určiť veľkosť obrázkov v informačnom kanáli.

Tento príklad zobrazuje reklamu In-feed s pevnou výškou 120 px:

<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>

Ako nastaviť premennú výšku (responzívne weby)

Ak šírka vašej reklamnej jednotky In-feed závisí od šírky obrazovky (je responzívna), budete musieť vo svojom kóde reklamy použiť dopyty „media“ v jazyku CSS a určiť tak odlišnú výšku v závislosti od šírky obrazovky.

Ak chcete určiť výšky, ktoré máte nastaviť, navrhujeme vám:

1. Zmeňte veľkosť svojho webu pre rôzne šírky obrazoviek (napr. 350 px, 500 px, 1 000 px).
2. Pre každú šírku použite nástroje pre vývojárov prehliadača a určte tak presnú výšku reklamy bez medzery. Ďalšie informácie nájdete v článku Ako určiť veľkosť obrázkov v informačnom kanáli.

Tento príklad zobrazuje reklamu In-feed s výškou 180 px pre šírky obrazovky do 350 px, výšku 130 px pre šírky obrazovky od 500 do 800 px a výšku 200 px pre šírky obrazovky nad 800 px:

<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é: V príklade vyššie sme zvýraznili úpravy, ktoré musíte vykonať vo svojom kóde reklamy. Nezabudnite používať rovnaký názov triedy (napr. infeed) v celom kóde reklamy.

Po zmene kódu reklamy nezabudnite otestovať svoju reklamu In-feed na rôznych veľkostiach obrazovky a ubezpečte sa tak, že vybratá veľkosť sa dá použiť pre všetky zariadenia.

Prečo obsahujú moje reklamy In-feed niekedy medzeru navyše alebo tlačidlo Viac?

Reklamné jednotky In-feed sú responzívne a podporujú široké spektrum oblastí zobrazenia. Automaticky prispôsobujú svoju veľkosť rozloženiu stránky tak, že sa rozšíria na plnú šírku kontajnera informačného kanála, v ktorom sa nachádzajú. Ich výška sa zakladá na obsahu samotnej reklamy a nastavení reklamy In-feed, ktoré ste vybrali v službe AdSense.

Keď sa reklama nachádza nad oblasťou zobrazenia používateľa (nad záhybom stránky), príležitostne nedokážeme prispôsobiť výšku reklamy bez toho, aby sa obsah pod reklamou preusporiadal. V týchto prípadoch môžeme zanechať medzeru alebo zobraziť tlačidlo Viac na rozbalenie reklamy. Robíme to, aby sme zabezpečili najlepší možný dojem používateľa.