Pomocí značky Google Publisher Tag (GPT) lze vytvářet responzivní reklamy, které se přizpůsobí velikosti prohlížeče návštěvníka webu. To znamená, že reklamy budou vypadat dobře bez ohledu na to, zda návštěvníci používají počítač, tablet nebo mobilní zařízení.
S rozhraním API GPT můžete určit jednu nebo více velikostí, které použijete pro reklamní blok. Když používáte responzivní reklamy, můžete vybrat i alternativní nastavení velikosti založené na velikosti prohlížeče.
Příklad
Můžete například zadat, že se v prohlížečích větších než 1024 × 768 mají zobrazovat reklamy o velikosti buď 970 × 90, nebo 728 × 90, zatímco v menších prohlížečích pouze reklamy o velikosti 468 × 60.
Doporučujeme zadat různá mapování velikostí pro počítače, tablety a mobilní zařízení.
- Veškeré zmínky o velikosti prohlížeče v tomto článku se týkají velikosti viewportu (oblasti, ve které se zobrazuje obsah).
- Velikost prohlížeče nezahrnuje lišty prohlížeče, posuvníky, ohraničení apod.
Mapování velikostí se automaticky řadí tak, aby se použila kreativa nejvhodnější velikosti. Kromě toho můžete zadat výchozí velikost reklamní jednotky, která zobrazí reklamu vhodnou pro libovolnou velikost prohlížeče. Tato reklama se zobrazí v případě, že prohlížeč návštěvníka nebude odpovídat žádné z ostatních velikostí.
Responzivní reklamy nejsou podporovány u doprovodných videoreklam.
Zadání rozměrů prohlížeče a reklamy
U každého definovaného reklamního bloku musí být zadány velikosti reklam, které se v něm mohou zobrazovat. Způsob zadání velikostí reklam se liší v závislosti na typu zobrazovaných reklam a na velikosti a flexibilitě reklamních bloků.
V dokumentaci značek GPT pro vývojáře jsou k dispozici ukázky kódu pro reklamy s pevnou velikostí, reklamy s více velikostmi, responzivní reklamy a další.
Přečtěte si dokumentaci knihovny GPT pro vývojáře
Sbalení reklamních bloků
Pokud víte, že některé reklamní bloky na stránce někdy zůstanou nevyplněné, můžete do značek přidat metodu collapseEmptyDivs() a tím dát prohlížeči pokyn, aby prázdné prvky div sbalil.
Tato metoda může spustit přeuspořádání obsahu na stránce. Způsob použití proto závisí na tom, jak často očekáváte vyplnění bloku.
Ke sbalení prázdného prvku <div> použijte metodu collapseEmptyDivs(). Jinak na místě reklamního bloku, ve kterém se nezobrazila žádná reklama, zůstane na stránce prázdné místo.
Přečtěte si dokumentaci knihovny GPT pro vývojáře
Konfigurace responzivních reklam
Když responzivní reklamy vytváříte pomocí knihovny GPT, zobrazují se na základě zařízení a velikosti prohlížeče. Funkce mapování zajišťuje, že se do služby Ad Manager odešle žádost o reklamy se správnou velikostí podle velikosti obrazovky zařízení, ze kterého se žádost odesílá.
Responzivní značky AdSense ve službě Ad Manager konfigurovat nelze. Responzivní reklamy je namísto toho potřeba nakonfigurovat pomocí značek GPT na odpovídající stránce. Zadejte výšku a šířku značek AdSense podle formátů obsahových reklam podporovaných službou AdSense.
Příklad
Implementace responzivní reklamy pomocí značek AdSense s velikostí 320 × 100 pro mobily, 300 × 250 pro tablety a 336 × 280 pro počítače:
- Pomocí značky GPT na svou webovou stránku přidejte responzivní reklamu.
- Vytvořte řádkovou položku AdSense se třemi velikostmi (320 × 100, 300 × 250, a 336 × 280).
- Zacilte řádkovou položku na reklamní jednotku, pomocí které jste vytvořili responzivní značky.
- Přidejte k řádkové položce AdSense tři kreativy pro odpovídající velikosti s kódem AdSense.
