Ve službě Ad Manager můžete konfigurovat vlastní kreativy ve webových příbězích, což je open source formát reklamy pro vizuální vyprávění příběhů. Webové příběhy lze zobrazovat na platformách, jako je Vyhledávání Google, nebo ve službách, které sami vlastníte a provozujete.
Webové příběhy podporují reklamy na jednu stránku, v nichž se reklama zobrazuje jako úplná stránka uprostřed obsahu webového příběhu.
Další informace o webových příbězích:
- Inzerce ve webových příbězích
- Vytvoření prvního webového příběhu
- Doporučené postupy při vytváření reklam pro příběhy
- Podpora reklam ve webových příbězích
Můžete také aktivovat pro webové příběhy programatickou poptávku.
Konfigurace webového příběhu
Ve webovém příběhu nelze pomocí prvku <amp-ad> zobrazit jednostránkovou reklamu. Namísto toho je potřeba na stránku přidat značku <amp-story-auto-ads>.
Konfigurace vlastních kreativ ve webových příbězích
Webové příběhy umožňují majitelům stránek a inzerentům používat ve službě Ad Manager obrázky a videa pomocí vlastních kreativ.
- Přihlaste se ke službě Google Ad Manager
- Vytvořte vlastní kreativu a jako typ kódu vyberte AMP.
- Do pole Kód zadejte kód kreativy. Pomocí značek
<meta>vložte tlačítko s výzvou k akci, které uživatele po kliknutí přesměruje na vstupní stránku.Ve webovém příběhu se mohou vykreslit i další rozšíření AMP, jako jsouamp-sidebaraamp-accordion, ale jedinými klikatelnými prvky jsou tlačítka s výzvou k akci.amp-cta-url: Adresa vstupní stránky pro tlačítko s výzvou k akci. Značky ukotvení odkazů nejsou podporovány. Namísto nich vložte hodnotu pomocí makra kliknutí (%%CLICK_URL_UNESC%%) a makra cíle (%%DEST_URL%%).amp-cta-type: Typ tlačítka s výzvou k akci. Musí být nakonfigurován z předdefinované sady možností.
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%%%DEST_URL%%"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-img {height:100vh;} amp-img img {object-fit: contain} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <amp-img src=%%FILE:JPG1%% layout="fill" height="1280" width="720"></amp-img> </body> </html> - Jako cílovou velikost reklamní jednotky vyberte možnost 1 × 1.
- Nakonfigurujte podrobnosti a klikněte na Uložit.
Předávání dalších atributů
Pokud do vytvořené značky <amp-ad> chcete pomocí atributů předávat další data (například informace o cílení), přečtěte si v dokumentaci automatických reklam ve webových příbězích pro vývojáře o dalších párech klíč–hodnota pro objekt JSON ad-attributes.
