Criativos de banner HTML5 de exemplo

Banners HTML5 em ZIP são o formato padrão de upload no Google Ads, Campaign Manager 360 (DCM), DV360, Xandr e outros ad servers. Cada ZIP contém um index.html + assets e implementa o contrato clickTag. Os exemplos cobrem toda a gama de complexidade: de uma imagem estática com clique a animações em CSS e vanilla JS, rich media com vídeo e banners expandable com dois estados. Descompacte e abra o index.html no navegador para verificar a renderização localmente.

Arquivo de exemplo: Banner estático simples 300x250 — imagem + clickTag
Banner estático simples 300x250 — imagem + clickTag
2.5 Kb
↓
Arquivo de exemplo: Leaderboard estático 728x90 — imagem + clickTag
Leaderboard estático 728x90 — imagem + clickTag
2.7 Kb
↓
Arquivo de exemplo: Animação CSS 300x250 — três quadros via @keyframes, sem JS
Animação CSS 300x250 — três quadros via @keyframes, sem JS
3.0 Kb
↓
Arquivo de exemplo: Animação CSS skyscraper 160x600 — slide vertical
Animação CSS skyscraper 160x600 — slide vertical
2.6 Kb
↓
Arquivo de exemplo: Animação JS 300x250 — staggered reveal via class toggle
Animação JS 300x250 — staggered reveal via class toggle
2.7 Kb
↓
Arquivo de exemplo: Half-page 300x600 — engine de tween embutida, polite load, animação em múltiplas camadas
Half-page 300x600 — engine de tween embutida, polite load, animação em múltiplas camadas
1.7 Kb
↓
Arquivo de exemplo: Rich media 300x250 com vídeo — autoplay muted + botão de mute, clickTag
Rich media 300x250 com vídeo — autoplay muted + botão de mute, clickTag
1.3 Kb
↓
Arquivo de exemplo: Expandable 300x250 → 600x500 — dois estados em hover/tap, CTA separado
Expandable 300x250 → 600x500 — dois estados em hover/tap, CTA separado
3.3 Kb
↓

🧠 Como funciona um banner HTML5

Dentro do ZIP sempre há um index.html — o ponto de entrada que o ad server abre em um iframe de tamanho fixo. No normalmente há uma meta tag para o Google Ads. A clicabilidade é implementada via clickTag: o ad server substitui a variável clickTag no JS por uma URL de tracking durante a exibição; o JS chama window.open(clickTag). O tamanho do ZIP e dos assets é limitado pelas especificações IAB Display Creative (initial 200KB, polite até 2.2MB). Em produção, geralmente os assets devem ser self-contained dentro do ZIP — links externos de CDN costumam ser proibidos, exceto domínios na whitelist.

📦 ZIP index.html + assets ⬆️ Ad Server Google Ads DCM / DV360 🌐 iframe na página tamanho fixo ad.size meta 🖱️ Clique window.clickTag servidor substitui 🎯 Landing page + tracking do clique