Creatividades HTML5 banner de muestra

Los banners HTML5 en ZIP son el formato estándar para subir a Google Ads, Campaign Manager 360 (DCM), DV360, Xandr y otros ad servers. Cada ZIP contiene index.html + assets e implementa el contrato clickTag. Las muestras cubren todo el rango de complejidad: desde una imagen estática con click hasta animaciones CSS y vanilla JS, rich media con vídeo y banners expandable con dos estados. Descomprime y abre index.html en el navegador para comprobar el renderizado localmente.

Archivo de muestra: Banner estático simple 300x250 — imagen + clickTag
Banner estático simple 300x250 — imagen + clickTag
2.5 Kb
↓
Archivo de muestra: Leaderboard estático 728x90 — imagen + clickTag
Leaderboard estático 728x90 — imagen + clickTag
2.7 Kb
↓
Archivo de muestra: Animación CSS 300x250 — tres fotogramas con @keyframes, sin JS
Animación CSS 300x250 — tres fotogramas con @keyframes, sin JS
3.0 Kb
↓
Archivo de muestra: Animación CSS skyscraper 160x600 — slide vertical
Animación CSS skyscraper 160x600 — slide vertical
2.6 Kb
↓
Archivo de muestra: Animación JS 300x250 — staggered reveal mediante class toggle
Animación JS 300x250 — staggered reveal mediante class toggle
2.7 Kb
↓
Archivo de muestra: Half-page 300x600 — motor tween incorporado, polite load, animación multicapa
Half-page 300x600 — motor tween incorporado, polite load, animación multicapa
1.7 Kb
↓
Archivo de muestra: Rich media 300x250 con vídeo — autoplay muted + botón mute, clickTag
Rich media 300x250 con vídeo — autoplay muted + botón mute, clickTag
1.3 Kb
↓
Archivo de muestra: Expandable 300x250 → 600x500 — dos estados con hover/tap, CTA aparte
Expandable 300x250 → 600x500 — dos estados con hover/tap, CTA aparte
3.3 Kb
↓

🧠 Cómo funciona un banner HTML5

Внутри 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 en la página tamaño fijo ad.size meta 🖱️ Click window.clickTag lo sustituye el server 🎯 Landing page + tracking клика