Sample HTML5 banner creatives

HTML5 banners in ZIP are the standard upload format for Google Ads, Campaign Manager 360 (DCM), DV360, Xandr and other ad servers. Each ZIP contains index.html + assets and implements the clickTag contract. Samples cover the full complexity range: from a static image with a click to CSS and vanilla JS animations, rich media with video and expandable banners with two states. Unpack and open index.html in a browser to check the rendering locally.

Sample file: Simple static banner 300x250 — image + clickTag
Simple static banner 300x250 — image + clickTag
2.5 Kb
↓
Sample file: Static leaderboard 728x90 — image + clickTag
Static leaderboard 728x90 — image + clickTag
2.7 Kb
↓
Sample file: CSS animation 300x250 — three frames via @keyframes, no JS
CSS animation 300x250 — three frames via @keyframes, no JS
3.0 Kb
↓
Sample file: CSS animation skyscraper 160x600 — vertical slide
CSS animation skyscraper 160x600 — vertical slide
2.6 Kb
↓
Sample file: JS animation 300x250 — staggered reveal via class toggle
JS animation 300x250 — staggered reveal via class toggle
2.7 Kb
↓
Sample file: Half-page 300x600 — built-in tween engine, polite load, multi-layer animation
Half-page 300x600 — built-in tween engine, polite load, multi-layer animation
1.7 Kb
↓
Sample file: Rich media 300x250 with video — autoplay muted + mute button, clickTag
Rich media 300x250 with video — autoplay muted + mute button, clickTag
1.3 Kb
↓
Sample file: Expandable 300x250 → 600x500 — two states on hover/tap, separate CTA
Expandable 300x250 → 600x500 — two states on hover/tap, separate CTA
3.3 Kb
↓

🧠 How an HTML5 banner works

Внутри ZIP всегда лежит index.html — точка входа, которую ad-сервер открывает в iframe фиксированного размера. В обычно есть meta-тег для Google Ads. Кликабельность реализуется через clickTag: ad-сервер подменяет переменную clickTag в JS на трекинговый URL во время показа; JS вызывает window.open(clickTag). Размер ZIP и ассетов ограничен спецификациями IAB Display Creative (initial 200KB, polite до 2.2MB). Для production обычно ассеты должны быть self-contained внутри ZIP — внешние CDN-ссылки часто запрещены, кроме whitelisted доменов.

📦 ZIP index.html + assets ⬆️ Ad Server Google Ads DCM / DV360 🌐 iframe on the page fixed size ad.size meta 🖱️ Click window.clickTag server replaces 🎯 Landing page + tracking клика