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

Dentro del ZIP siempre hay un index.html — el punto de entrada que el ad server abre en un iframe de tamaño fijo. En el <head> normalmente hay una meta etiqueta <meta name="ad.size" content="width=W,height=H"> para Google Ads. La clicabilidad se implementa mediante clickTag: el ad server sustituye la variable clickTag en el JS por una URL de tracking durante la exhibición; el JS llama a window.open(clickTag). El tamaño del ZIP y de los assets está limitado por las especificaciones IAB Display Creative (initial 200KB, polite hasta 2.2MB). En producción, los assets normalmente deben ser self-contained dentro del ZIP — los enlaces externos de CDN suelen estar prohibidos, salvo dominios en la whitelist.

📦 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 del clic