Nástroje pro tvorbu HTML5 bannerů jsou programy a knihovny, ve kterých vzniká animovaný banner jako HTML, CSS a JavaScript. Nejpoužívanější jsou Google Web Designer, Adobe Animate a knihovna GSAP, ale výstup se vždy musí přizpůsobit specifikaci cílového systému, například Google Ads, Skliku nebo Adformu.
Klient chce stejnou animovanou sadu 300 × 250, 728 × 90 a 300 × 600 pro Google Ads i pro kampaň přes Adform. V Google Web Designeru nastavím prostředí Google Ads a vyexportuji tři ZIPy. Pro Adform připravím druhou verzi: do index.html vložím skript Adform.DHTML.js, proklik přes dhtml.getVar('clickTAG') a k němu manifest.json s rozměry a clickTAGem. Výsledkem je 6 balíčků ze stejné animace, každý pro svou síť.
Google Web Designer je bezplatný program od Googlu pro Windows, macOS i Linux s časovou osou, šablonami a prostředím pro Google Ads, Display & Video 360 a Campaign Manager 360; do Studia umí publikovat přímo, ale každý rozměr jako samostatnou kreativu. Adobe Animate exportuje animace do HTML5 Canvas s knihovnou CreateJS a od února 2026 je v režimu údržby: Adobe opravuje chyby a bezpečnost, ale nové funkce nepřidává. GSAP je knihovna pro animace psané v kódu, je díky podpoře Webflow zdarma celá včetně pluginů a hodí se, když chcete malý a přesně řízený banner. Adform má vlastní pravidla: do hlavičky banneru patří jeho skript Adform.DHTML.js, proklik se čte funkcí dhtml.getVar('clickTAG') a každý clickTAG musí být zapsaný v souboru manifest.json. Google Ads v HTML5 balíčku povoluje odkazy jen na Google Fonts a na knihovny CreateJS, GSAP a jQuery hostované Googlem, ostatní soubory musí být v ZIPu a počítají se do limitu 600 kB. Nástroj proto vybírám podle cílové sítě a podle toho, kdo bude banner později upravovat.
Časté chyby
- Jeden ZIP posílaný do všech sítí, přestože každá čte proklik jinak.
- Banner z Animate s velkými bitmapami, který přeleze datový limit sítě.
- Knihovna načítaná z cizí CDN, kterou Google Ads v HTML5 reklamě nepovolí.