Тестовые HTML5 баннерные креативы

HTML5-баннеры в ZIP — стандартный формат загрузки в Google Ads, Campaign Manager 360 (DCM), DV360, Xandr и другие ad-сервера. Каждый ZIP содержит index.html + ассеты и реализует clickTag-контракт. Сэмплы покрывают весь диапазон сложности: от статичной картинки с кликом до анимаций на CSS и vanilla JS, rich media с видео и expandable-баннеров с двумя состояниями. Распакуйте и откройте index.html в браузере, чтобы проверить рендер локально.

Простой статичный баннер 300x250 — картинка + clickTag

2.5 Кб

↓

Статичный leaderboard 728x90 — картинка + clickTag

2.7 Кб

↓

CSS-анимация 300x250 — три кадра через @keyframes, без JS

3.0 Кб

↓

CSS-анимация skyscraper 160x600 — вертикальный slide

2.6 Кб

↓

JS-анимация 300x250 — staggered reveal через class toggle

2.7 Кб

↓

Half-page 300x600 — встроенный tween-движок, polite load, многослойная анимация

1.7 Кб

↓

Rich media 300x250 с видео — autoplay muted + кнопка mute, clickTag

1.3 Кб

↓

Expandable 300x250 → 600x500 — два состояния по hover/tap, отдельный CTA

3.3 Кб

↓

🧠 Как устроен 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 доменов.

Тестовые HTML5 баннерные креативы

🧠 Как устроен HTML5-баннер

Другие adtech форматы