Vytvořit hezký animovaný GIF, který splňuje relativně přísné požadavky Googlu (především na datovou velikost a frekvenci snímků) bylo velmi obtížné a výsledný banner nikdy nebyl tak pěkný jako s pomocí HTML5. Flash jsme zavrhli, především kvůli jeho slabé podpoře na mobilních zařízeních a vysoké výkonové náročnosti.
HTML5 je ideální varianta, jak vytvořit pěkné a interaktivní reklamy. Byl jsem nadšený a hned se pustil do tvorby bannerů pro jednoho našeho klienta. Ve specifikaci byla mimo jiné zmínka, že je potřeba bannery vytvářet pomocí Google Web Designeru (GWD). S tím jsem neměl zkušenosti, ale učím se rychle, tak jsem se seznámil s GWD, z Adobe Photoshopu jsem si vyexportoval jednotlivé obrázky. Ty jsem pomocí intuitivního prostředí GWD rozhýbal a vytvořil jsem tak HTML5 banner.
Srovnání GIF vs. HTML5 banneru a jejich specifikace
(Pokud jste až sem četli a chcete se podívat na rozdílnou animaci bannerů, obnovte stránku. Bannery totiž mají nastavený limit animace 30 sekund.)
 |
||
| GIF Banner vytvořený pomocí Adobe Photoshop | HTML5 Banner vytvořený pomocí Google Web Designer | |
| Jen pro účely tohoto článku a srovnání s HTML5 jsem vytvořil stejný banner i v GIF. Rozdíl mezi bannery je patrný na první pohled. GIF značně omezuje datová velikost (max. 150 kB), kvůli které je potřeba ubrat na kvalitě obrázků a frekvence snímku (max. 5 / sek.), kvůli které se banner opticky seká. | ||
Specifikace dle nápovědy Adwords pro grafické reklamy |
Specifikace dle nápovědy Adwords pro grafické reklamy |
|
|
|
|
Není všechno zlato, co se třpytí
K mému překvapení banner nešel do AdWords nahrát. Kontaktovali jsme podporu AdWords, kde nám bylo sděleno, že nápověda předběhla služby Googlu a podpora HTML5 sice je v plánu, ale v současné době (21. květen 2014) nelze vlastní HTML5 bannery používat.
Odpověď pracovníka podpory Adwords
Stav v srpnu 2014
Včera (14. 8. 2014) jsem objevil článek, který oznamoval update Google Web Designeru. Znovu jsem tedy začal hledat nějaké informace o AdWords a podpoře HTML5 a objevil jsem příspěvek ve fóru, kde produktová manažerka GWD Jasmine Rogers 30. června psala, že AdWords nově umožňuje nahrávání vlastních HTML5 bannerů.
Neváhal jsem ani minutu a hned jsem to vyzkoušel! Funguje to! Reklamu jsem bez problémů nahrál do prostředí AdWords a dneska ráno ji schválili.
Neváhal jsem ani minutu a hned jsem to vyzkoušel! Funguje to! Reklamu jsem bez problémů nahrál do prostředí AdWords a dneska ráno ji schválili.
Jak exportovat bannery z Google Web Designer do Google Adwords
1. Jakmile budete mít banner hotový, klikněte v levé spodní části na Publish
2. Pojmenujte banner, zkontrolujte, zda zkomprimovaná velikost nepřekročila 150 kB a klikněte na Publish
3. V prostředí Adwords vyberte reklamní sestavu, do které chcete banner nahrát, klikněte na Reklama a klikněte na Grafická reklama a ve vyskakovacím okně poté vyberte Nahrát reklamu
4. Z PC přetáhněte výsledný ZIP soubor do okna pro nahrávání a počkejte, vyplňte cílové adresy a klikněte na Uložit
Budoucnost?
Dočetl jsem se, že Google Web Designer by měl podporovat automatický upload přímo do prostředí AdWords. Tuto funkci jsem zatím v GWD neobjevil. Tak třeba zase za 3 měsíce.
Perlička na závěr
Google ve své nápovědě docela neohrabaně přeložil i požadovanou příponu souboru a tak z .ZIP máme .PSČ. :-)
