Kreativy, které používají HTML5
Kreativy HTML5 mohou být buď obsahové kreativy, nebo kreativy rich media. Další informace o jednotlivých typech najdete níže.
Obsahové kreativy
Obsahové kreativy jsou kreativy bez prvků rich media, které mohou používat obrázkové podklady nebo podklady HTML5. Obsahové kreativy nabízejí tyto možnosti:
- vytváření přehledů pro značky kliknutí jednotlivých možností opuštění,
- zdvořilé načtení.
- podpora responzivních podkladů HTML5.
Kreativy rich media
Kreativy rich media jsou kreativy HTML5, které mohou obsahovat bannerová videa, rozbalovat se do větší velikosti nebo zahrnovat interaktivní prvky, jako jsou hry. Kreativy rich media nabízejí tyto možnosti:
- přehledy o různých opuštěních, počítadlech a časovačích, abyste získali údaje o interakcích,
- rozšíření lze rozbalit na větší velikost nebo na celou obrazovku,
- podpora bannerových videí a zvuku,
- zdvořilé načtení.
Příprava a nahrání podkladů obsahových kreativ HTML5
Pokud chcete nastavit obsahové kreativy s podklady HTML5, nahrajte do služby Campaign Manager 360 kreativu HTML5 ve formátu souboru .zip. Soubor .zip musí obsahovat soubor HTML a všechny soubory, na které soubor HTML odkazuje.
-
Vytvořte složku.
-
Přidejte do ní soubor HTML a všechny podklady, na které tento soubor odkazuje. Žádné jiné soubory nezahrnujte. Podklady můžete uspořádat do podsložek, ale tyto podsložky nekomprimujte.
Co do souboru ZIP zahrnoutPodporované typy souborů a omezení souboru ZIPCo je třeba zahrnout
-
Soubor HTML: Primárním podkladem kreativy HTML5 je soubor HTML. Jedná se o vstupní bod kreativy. Musí se jednat o úplný dokument HTML, který obsahuje alespoň jednu značku kliknutí a který je možné načíst do prvku iFrame. Služba Campaign Manager 360 prvek iFrame zobrazí společně s vašimi podklady. Nápovědu ke značkám kliknutí naleznete níže.
-
Další soubory: Zahrňte všechny další soubory, na které soubor HTML odkazuje. Nezahrnujte žádné soubory, na které soubor HTML neodkazuje.
Co nezahrnovat
-
Soubory ZIP uvnitř souborů ZIP: Do souboru ZIP s podkladem HTML5 nezahrnujte žádné další soubory ZIP. Pokud však máte několik souborů ZIP pro několik samostatných kreativ HTML5, můžete je zabalit dohromady a nahrát je do služby Campaign Manager 360 hromadně.
-
Soubory, na které soubor HTML neodkazuje: Jak je uvedeno výše, zahrňte pouze soubory, na které odkazuje soubor HTML.
-
Místní úložiště nebo úložiště relace: Služba Campaign Manager 360 nepřijímá podklady HTML5, které používají místní úložiště nebo úložiště relace.
-
Žádný symbol % v názvu: Nepoužívejte v názvu žádného ze souborů v podkladu symbol procenta (%).
-
Žádné záložní podklady
-
(Volitelné) Konfigurátor reklam může do služby Campaign Manager 360 nahrát samostatný záložní obrázek. Záložní obrázek se použije, pokud služba Campaign Manager 360 nemůže použít primární podklady, protože nejsou podporovány. Záložní obrázek nezahrnujte v souboru ZIP kreativy HTML5.
-
Ukázkový soubor ZIP kreativy HTML5 Nápověda k souborům ADZ-
Podporované typy souborů: HTML, HTM, JS, CSS, JPG, JPEG, GIF, PNG, JSON, XML, SVG, EOT, OTF, TTF, WOFF a WOFF2
-
Maximální počet souborů na .zip: 100
-
Maximální velikost: 10 MB
Služba Campaign Manager 360 přijímá kreativy HTML5 také jako soubory ADZ. Se souborem ADZ zacházejte stejně jako se souborem ZIP. Pro tyto účely není mezi souborem ADZ a ZIP žádný rozdíl.
-
-
Zkomprimujte složku do souboru ZIP. Potřebujete pomoc se zkomprimováním složek? Vyzkoušejte centrum nápovědy Windows nebo Apple.
-
Konfigurátor reklam teď tento soubor ZIP může nahrát do služby Campaign Manager 360.
Další informace o konfiguraci reklam:
Problémy s nahráváním
-
Může to být způsobeno tím, že soubor není ve formátu ZIP nebo ADZ. Zabalte soubor HTML (a všechny soubory, na které odkazuje) do jednoho souboru ZIP a zkuste to znovu.
-
Jste-li přesvědčeni, že soubor ZIP máte, pro jistotu zkontrolujte příponu souboru: Klikněte na soubor pravým tlačítkem myši a podívejte se do vlastností, zda má příponu
.zip. -
Pokud se vám soubor stále nedaří vybrat, doporučujeme kontaktovat podporu.
Problémy při nahrávání souboru: Mohou být způsobené tím, že soubor neobsahoval platné podklady HTML5 nebo obsahoval více než 100 souborů (maximum). Další příčinou může být to, že podklad HTML5 používá rozhraní API jazyka JavaScript pro místní úložiště nebo úložiště relace. Tato rozhraní API služba Campaign Manager 360 z důvodu ochrany soukromí uživatelů nepovoluje.
Z důvodu ochrany soukromí uživatele služba Campaign Manager 360 nepřijímá podklady HTML5, které používají místní úložiště nebo úložiště relace. Pokud je nahraný podklad z tohoto důvodu odmítnut, požádejte svého vývojáře, aby zakázaná rozhraní API odstranil. Poté podklad zkuste nahrát znovu. Konkrétně nelze nahrávat podklady HTML5 s následujícími rozhraními API jazyka JavaScript:
- indexedDB,
- localStorage,
- openDatabase,
- sessionStorage.
Pokud vaše reklamní cíle závisejí na těchto rozhraních API, zkuste použít nastavení služby Campaign Manager 360. Někteří inzerenti tato rozhraní API používají například k cílení reklam a omezení frekvence. Není to však potřeba. Mnoho typů cílení a omezení frekvence lze nastavit pomocí služby Campaign Manager 360. Požádejte pracovníky podpory o pomoc při implementaci náhradních řešení. (Mějte jen na paměti, že bez ohledu na to, jak svůj podklad nastavíte, byste se měli pokoušet shromažďovat pouze data, která jsou v souladu s požadavky na ochranu soukromí uvedenými ve vaší smlouvě ohledně sady služeb Google Marketing Platform.)
Co je to místní úložiště a úložiště relace? Jedná se o dva druhy webového úložiště HTML5. Slouží k uložení dat v prohlížeči. Soubor v místním úložišti zůstane v prohlížeči uložen mezi jednotlivými relacemi prohlížení. Pokud uživatel nevymaže mezipaměť prohlížeče nebo soubor nesmaže ručně, zůstane v prohlížeči trvale. Data v úložišti relace zůstanou v prohlížeči uložena pouze po dobu konkrétní relace prohlížení. Při zavření a opětovném spuštění prohlížeče budou všechna data z úložiště relace vymazána.
Proč tento typ úložiště není povolen? Uložený soubor může zahrnovat kód určený k získávání údajů umožňujících zjištění totožnosti, sledování aktivity v prohlížeči mezi relacemi nebo odesílání jiných dat třetím stranám v rozporu s podmínkami vaší smlouvy se společností Google Marketing Platform. Tento typ shromažďování dat samozřejmě není jediný způsob použití místního úložiště a úložiště relace. Je to však jedno z možných použití, protože příslušný soubor může obsahovat libovolný typ kódu.
Pokyny pro vývojáře
Zdroje
Jak nastavit velikost kreativy
Pokyny ohledně rozměrůNa rozdíl od obrázků nebo videí dokumenty HTML samy o sobě žádné rozměry nemají. Požadovanou velikost kreativy je proto potřeba označit pomocí metaznačky velikosti. Metaznačka velikosti je volitelný parametr v dokumentu HTML. Je to nejlepší způsob, jak zajistit, aby se kreativa zobrazila se správnými rozměry. Rozměry můžete zadat podle ukázky níže:
meta name="ad.size" content="width=300,height=250">Značky kliknutí
Značky kliknutí definují vstupní stránky pro jednotlivé možnosti opuštění v kreativách s podklady HTML5. Možnost opuštění je každá oblast, na kterou lze kliknout a která prohlížeč přesměruje na vstupní stránku. Každá značka kliknutí definuje vstupní stránku pro jinou možnost opuštění.
Když na možnost opuštění někdo kliknete, zavolá kreativa službu Campaign Manager 360, aby získala vstupní stránku přiřazenou k daném možnosti opuštění. Podle svých potřeb tuto vstupní stránku můžete nastavit v kreativě, nebo v reklamě.
Služba Campaign Manager 360 zjistí výskyt značek kliknutí při nahrání podkladů. Vstupní stránku ve značce kliknutí můžete kdykoli změnit, dokonce i po exportování značek. (Značka kliknutí je totiž standardní proměnná – zástupný symbol vstupní stránky, nikoliv napevno zakódovaná hodnota.)
Protože u obsahových kreativ nastavení na úrovni kreativy může být přepsáno nastavením na úrovni reklamy, je při nastavování značek vhodné dodržovat tyto doporučené postupy:
- Dejte pozor, aby kreativa jako cíl kliknutí používala proměnnou značky kliknutí.
- Značku kliknutí musí reklamní server přečíst bez jakýchkoliv problémů – nepoužívejte minifikaci ani obfuskaci (ve zbylé části kódu a ostatních souborech nástroje pro minifikaci použít můžete).
- Doporučujeme nevkládat adresy URL do kódu podkladu napevno, protože tím službě Campaign Manager 360 zabráníte v měření kliknutí a konfigurátorům reklam v aktualizaci adresy URL. Pokud podklad obsahuje napevno zakódované adresy URL, služba Campaign Manager 360 vás na to po jeho nahrání upozorní.
Zde je příklad značky kliknutí vložené v dokumentu HTML:
<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com"; </script>
</head>
[The rest of your creative code goes here.] </html>
Dejte pozor, aby kreativa jako adresu vstupní stránky používala proměnnou značky kliknutí.
<img src="images/dclk.png" border=0>
</a>
Komponenta Tap Area (dotyková oblast) v aplikaci Google Web Designer je se službou Campaign Manager 360 plně kompatibilní. Není třeba vytvářet vlastní kód.
Postup přidání značky kliknutí pomocí komponenty Tap Area:
Ukázkové soubory
Ukázkový dokument HTMLZde je ukázka úplného dokumentu HTML kreativy HTML5. Značka kliknutí a metaznačka velikosti jsou zvýrazněny tučně.
Protože se jedná o velmi jednoduchou kreativu, nejsou potřeba žádné další podklady. Pokud by toto byla vaše kreativa HTML5, zabalili byste ji do souboru .zip nebo .adz a odeslali jej svému konfigurátorovi reklam ve službě Campaign Manager 360.
Dokument
<head>
<title>sample html page</title>
<meta name="ad.size" content="width=300,height=250">
<style>
html, body {background-color: blue;}
p { color:white; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
var clickTag = "http://www.google.org";
function resizeWindow()
{
$('p').css({ 'width':'100%', 'text-align':'center' });
var h1 = $('h1').height();
var h = h1/2;
var WinHeight = $(window).height();
var w = WinHeight/2;
var m = w - h;
var WinWidth=$(window).width();
$('p').css("margin-top",m + "px");
$("p").text("Size="+WinWidth+"x"+WinHeight);
}
$(document).ready(function () {
resizeWindow();
});
$(window).resize(function () {
resizeWindow();
});
</script>
</head>
<body>
<a href="javascript:window.open(window.clickTag)"><p>Page loading...</p></a> </body> </html>
Tyto soubory HTML5 se používají k dynamické změně adres URL a zaznamenávání kliknutí na reklamních serverech služby Campaign Manager 360.
Jednoduchá
Při kliknutí zavolá značku kliknutí.
Zahrnutí parametru
Po kliknutí na tlačítko zavolá značku clickTag. Tento příklad demonstruje předání parametru do cílové adresy URL (například předání PSČ).
Příklad zahrnutí znaku #
Zakódováno za účelem rozdělení měřicího volání služby Campaign Manager 360 a adresy URL vstupní stránky tlačítka. Toto je potřeba provést u každé kreativy, která po kliknutí otevírá cílovou adresu URL s křížkem (#).
HTML5 file with a number sign in a click tag URL
Několik značek kliknutí
Obsahuje několik značek kliknutí.
HTML5 file with multiple click tags
Načítač
Soubor .zip se dvěma soubory .zip (hlavním a podřízeným). Hlavní soubor načítá podřízený soubor.
Toto je ukázka souboru HTML5, který se používá k záznamu uživatelských interakcí v jiných kreativách než rich media.
Měřicí pixel 1 × 1
Při načtení zavolá měřicí pixel 1 × 1 služby Campaign Manager 360.
