Tento článek obsahuje pokyny k vytvoření a nahrání balíčků ZIP s kreativami HTML5 do služby Google Ad Manager, včetně požadavků na strukturu souboru ZIP, definic rozměrů a nastavení značek kliknutí.
Tyto pokyny by se měly vztahovat na každý prohlížeč, který podporuje HTML5. Některé kreativy nemusejí fungovat správně. Před implementací kód HTML5 otestujte.
Obsah této stránky:
- Zkontrolujte, zda je balíček kompatibilní s protokolem SSL
- Zajistěte správnou strukturu souboru ZIP
- V aplikaci Google Web Designer vyberte správné prostředí
- Definování rozměrů
- Nastavení značek kliknutí a cílových adres URL
Zkontrolujte, zda je balíček kompatibilní s protokolem SSL
Aby se kreativy HTML5 mohly zobrazovat na webech HTTPS, musejí být kompatibilní s protokolem SSL.
Zajistěte správnou strukturu souboru ZIP
Při přípravě kreativy HTML5 k nahrání zkontrolujte, zda soubor ZIP splňuje následující podmínky:
- Správná struktura: Primární soubor HTML a všechny přidružené podklady (obrázky, skripty, CSS) musí být v kořenové úrovni archivu ZIP nebo v jasně odkazovaných podsložkách. Primární soubor HTML nevkládejte do několika podsložek.
- Žádné poškození: Zkontrolujte, zda soubor ZIP není poškozený a je správně komprimován. Před nahráním soubor rozbalte a zkontrolujte jeho integritu.
- Všechny zahrnuté podklady: V souboru ZIP musí být zahrnuty všechny odkazované podklady (obrázky, soubory CSS a JavaScript). Pokud to služba Ad Manager výslovně nepodporuje a nepovoluje, nehostujte základní komponenty kreativ externě. Zkontrolujte, zda jsou všechny cesty k souborům v HTML relativní a správně odkazují na podklady ve struktuře souboru ZIP.
V aplikaci Google Web Designer vyberte správné prostředí
Pokud jste kreativy HTML5 vytvořili pomocí nástroje Google Web Designer, vyberte prostředí služby Display & Video 360.
Definování rozměrů
- Pomocí metaznačky
sizedefinujte rozměry používané k zobrazení kreativy:<meta name="ad.size" content="width=[x],height=[y]">. Kreativy HTML5 mohou mít pouze pevné rozměry. Příklady:300x250,400x400,728x90. Dynamické velikosti (například proměnlivá velikostFluid) nejsou podporovány.Příklad
<meta name="ad.size" content="width=300,height=250"> - U souborů HTML kreativ v balíčcích aplikace Google Web Designer musejí být vlastnosti
minWidthaminHeightparametrucreativePropertiesvětší než nula.Příklad
Následující kód způsobí chybu:"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
Nastavení značek kliknutí a cílových adres URL
Možnost opuštění je libovolná oblast, na kterou lze kliknout a která prohlížeč přesměruje na vstupní stránku. Značky kliknutí definují cílové adresy URL pro jednotlivé možnosti opuštění kreativy HTML5.
Při kliknutí na možnost opuštění požádá kreativa službu Ad Manager o přidruženou cílovou adresu URL.
- Adresu URL opuštění v závislosti na svých potřebách a typu kreativy nastavte v kreativě nebo v reklamě. Pokud značky kliknutí nastavíte v kreativě i v reklamě, má přednost nastavení na úrovni reklamy. Přečtěte si další informace o přidání možností opuštění kreativ HTML5 (včetně možností ukončení v aplikaci Google Web Designer).
Služba Ad Manager značky kliknutí při nahrávání podkladů rozpozná. Cílové adresy URL používané značkami kliknutí můžete kdykoliv změnit (dokonce i poté, co značky exportujete).
- Značky kliknutí vložte do sekce
<head>dokumentů HTML.Příklad<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
- Jako cíl v kreativách použijte proměnnou
clickTag.Příklad<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - Zajistěte, aby reklamní server mohl značky kliknutí snadno přečíst. Značky kliknutí by neměly být minifikované ani obfuskované. Ve zbylé části kódu a ostatních souborech minifikaci použít můžete.
- Nepoužívejte napevno zakódované cílové adresy URL. Napevno zakódované adresy URL službě Ad Manager znemožňují měřit kliknutí a konfigurátorům reklam znemožňují adresu URL aktualizovat. Pokud služba Ad Manager při nahrávání balíčku zjistí, že váš kód HTML5 obsahuje napevno zakódované adresy URL, upozorní vás na to.