Ez a cikk útmutatást nyújt a HTML5-kreatívok ZIP-csomagjának létrehozásához és a Google Ad Managerbe való feltöltéséhez, és bemutatja a ZIP-fájl szerkezetére vonatkozó követelményeket, a méretmeghatározásokat és a kattintáscímke beállítását is.
Ezek az irányelvek minden HTML5-támogatással rendelkező böngésző esetében érvényesek. Előfordulhat, hogy egyes kreatívok nem a kívánt módon működnek. Megvalósítása előtt tesztelje a HTML5-kódot.
Ezen az oldalon:
- Győződjön meg arról, hogy a csomag SSL-kompatibilis
- A ZIP-fájl megfelelő szerkezetének biztosítása
- Válassza ki a megfelelő környezetet a Google Web Designer számára
- Méretek meghatározása
- Kattintáscímkék és átkattintási URL-ek beállítása
Győződjön meg arról, hogy a csomag SSL-kompatibilis
A HTML5-kreatívoknak SSL-kompatibilisnek kell lenniük, hogy megjelenhessenek a HTTPS protokollt használó webhelyeken.
A ZIP-fájl megfelelő szerkezetének biztosítása
A HTML5-kreatív feltöltésre való előkészítésekor győződjön meg a következőkről a ZIP-fájllal kapcsolatban:
- Helyes szerkezet: Az elsődleges HTML-fájlnak és az összes kapcsolódó eszköznek (képek, szkriptek, CSS) a ZIP-archívum gyökérszintjén vagy egyértelműen hivatkozott almappákban kell lennie. Ne ágyazza be az elsődleges HTML-fájlt több alkönyvtárba.
- Nincs sérülés: Ellenőrizze, hogy a ZIP-fájl nem sérült-e, és megfelelően van-e tömörítve. A feltöltés előtt próbálja meg helyben kicsomagolni a fájlt, hogy megbizonyosodjon az épségéről.
- Minden elemet tartalmaz: A ZIP-fájlnak tartalmaznia kell az összes hivatkozott elemet (képeket, CSS- és JavaScript-fájlokat). Kerülje az alapvető kreatív-összetevők külső tárolását, kivéve, ha az Ad Manager kifejezetten támogatja és engedélyezte helyezte őket. Győződjön meg arról, hogy a HTML-ben szereplő összes fájlelérési út relatív, és helyesen mutat a ZIP-szerkezeten belüli elemekre.
Válassza ki a megfelelő környezetet a Google Web Designer számára
Ha a Google Web Designer használatával hozta létre a HTML5-kreatívokat, válassza a Display & Video 360 környezetet.
Méretek meghatározása
- Használja a
size(méret) metacímkét a kreatív megjelenítéséhez használt méretek meghatározására, a következőképpen:<meta name="ad.size" content="width=[x],height=[y]">. A HTML5-kreatívoknak csak rögzített mérete lehet. Példák:300 × 250,400 × 400728 × 90. A dinamikus, így például aRugalmasméretek használata nem támogatott.Példa
<meta name="ad.size" content="width=300,height=250"> - A Google Web Designer-csomagokban lévő kreatívok HTML-fájljainak esetében a
creativePropertiesparaméterminWidthésminHeighttulajdonságainak értékének nagyobbnak kell lennie nullánál.Példa
A következő kód hibát eredményez:"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
Kattintáscímkék és átkattintási URL-ek beállítása
A kilépési pont olyan kattintható terület, amely egy adott céloldalra irányítja a böngészőt. A kattintáscímkék határozzák meg az átkattintási URL-eket a HTML5-kreatív kilépési pontjaihoz.
A kilépési pontra kattintáskor a kreatív lehívja a kilépési ponthoz társított átkattintási URL-t az Ad Managertől.
- A kilépési URL-t beállíthatja a kreatívban vagy a hirdetésben az igényeitől és a kreatívtípustól függően. Ha mind a kreatívban, mind a hirdetésben beállít kattintáscímkéket, a hirdetésszintű beállítás élvez elsőbbséget. További információ a HTML5 kilépési pontok hozzáadásáról (ideértve a Google Web Designer használatával létrehozott kilépési pontokat is).
Az Ad Manager felismeri a kattintáscímkéket, amikor Ön tartalmat tölt fel. A kattintáscímke által használt átkattintási URL-t bármikor módosíthatja – akár a címkék exportálása után is.
- Illessze be a kattintáscímkéket a HTML-dokumentumok
<head>szakaszába.Példa<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
- Használja a
clickTagváltozót célként a kreatívokban.Példa<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - Tegye a kattintáscímkéket könnyen olvashatóvá a hirdetésszerver számára. A kattintáscímkék nem tartalmazhatnak minimalizálást vagy obfuszkálást (érthetetlenné tételt). A minimalizálási technikák elfogadhatók a kód többi részében és más fájlokban.
- Kerülje a nem változtatható átkattintási URL-eket. A nem változó átkattintási URL-ek megakadályozzák az Ad Managert a kattintások követésében, a forgalomkezelőket pedig az URL frissítésében. Az Ad Manager figyelmeztetést küld, ha nem változtatható URL-ek találhatók a HTML5-kódban a csomag feltöltésekor.