Google Display Network · HTML5

HTML5-баннеры для Google Ads: спецификации и правила сдачи

Разбираю технические требования Google Display Network к HTML5-баннерам: лимит веса, clickTag, polite load, допустимые размеры и как правильно упаковать и загрузить ZIP в кабинет.

Google Display Network и HTML5-баннеры

Google Display Network (GDN, Контекстно-медийная сеть Google) объединяет более 2 миллионов сайтов и приложений, где показывается медийная реклама из Google Ads. HTML5-баннеры в GDN позволяют показывать анимированную рекламу без использования Flash — с плавными переходами, видеоэффектами и интерактивными элементами, которые работают в любом современном браузере.

Распространённые размеры GDN

  • 300×250 — Medium Rectangle, самый востребованный формат по охвату
  • 336×280 — Large Rectangle, увеличенная версия для более заметных блоков
  • 728×90 — Leaderboard, горизонтальный баннер в верхней части страницы
  • 300×600 — Half Page / Large Skyscraper, высокая заметность на десктопе
  • 320×50 — Mobile Banner, основной формат для мобильного трафика
  • 320×100 — Large Mobile Banner, мобильный формат с большей площадью
  • 970×250 — Billboard, широкоэкранный баннер для охватных кампаний
  • 160×600 — Wide Skyscraper, вертикальный баннер в боковой колонке

Технические требования Google Ads к HTML5

  • Вес: суммарный размер всех файлов ZIP-архива — не более 150 КБ
  • Polite load: начальная загрузка страницы не должна превышать 150 КБ; дополнительные ресурсы загружаются после полной загрузки страницы (politeload)
  • Формат сдачи: ZIP-архив с index.html в корне; пути к ресурсам — только относительные
  • clickTag: в JavaScript баннера объявляется var clickTag = ""; Клик по баннеру открывает ссылку через window.open(clickTag, '_blank')
  • Google Web Designer / Enabler: если баннер создан в GWD, используется Enabler.exit("background") вместо прямого window.open
  • Анимация: максимальная длительность до пользовательского взаимодействия — 30 секунд; после — баннер должен остановиться
  • Запрещено: автовоспроизведение звука, всплывающие окна без пользовательского действия, сбор данных до согласия
  • SSL: все внешние ресурсы (если используются) должны загружаться по HTTPS

Как сдать HTML5-баннер в Google Ads

  • Упакуйте всю папку баннера в ZIP: index.html и все папки с assets (img/, fonts/, js/) в корне архива
  • В кабинете Google Ads создайте объявление типа «Медийные объявления» → «Загрузить»
  • Выберите «HTML5» и загрузите ZIP-файл — система автоматически распознает размер
  • Google проверяет баннер на соответствие политикам (до 24 часов); наиболее частая причина отклонения — неверно объявленный clickTag

Как я готовлю баннеры для Google Ads

Каждый ZIP, который я сдаю, проходит ручную проверку: clickTag корректно объявлен и доступен глобально, все ресурсы упакованы локально без внешних запросов в runtime, суммарный вес не превышает 150 КБ, анимация укладывается в 30 секунд. Баннеры валидируются в Google Ads Preview & Diagnosis Tool перед сдачей клиенту.

Живой пример

Ниже — реальный HTML5-баннер, который я сдаю клиентам. Анимация работает прямо в браузере.

970x25028 КБ
Заказать

Нужны HTML5-баннеры?

Один человек вместо трёх подрядчиков — дизайн, анимация и техническая настройка в одном заказе. Баннеры проходят модерацию РСЯ и Google Ads с первого раза.

Заказать баннерыНаписать в Telegram