Формат · IAB Medium Rectangle

Баннер 300×250: всё о самом популярном формате медийной рекламы

300×250 — король форматов. Объясняю, где он работает, почему его заказывают первым и какие технические параметры обязательны для прохождения модерации.

Что такое баннер 300×250

Баннер 300×250 пикселей — это IAB Medium Rectangle, один из трёх «вечных» форматов интернет-рекламы. Он настолько универсален, что поддерживается практически каждой рекламной площадкой в мире: от Яндекса и Google до mail.ru и региональных новостных сайтов. Именно поэтому медиапланеры заказывают его в первую очередь, когда нужен широкий охват.

Где показывается

  • РСЯ (Рекламная сеть Яндекса) — в контентных блоках на десятках тысяч сайтов-партнёров
  • Google КМС (Контекстно-медийная сеть) — в статье, сайдбаре и между абзацами на сайтах Google-партнёров
  • В мобильных приложениях как interstitial-банер внутри контентного скролла
  • На новостных агрегаторах — Дзен, Пульс, Lenta.ru и других в виде нативных блоков

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

  • Формат файла: HTML5 (папка с index.html, CSS и JS) или GIF/PNG/JPG для статики
  • Вес HTML5-баннера: не более 150 КБ для Google Ads; до 150 КБ для РСЯ (рекомендуется до 80 КБ для быстрой загрузки)
  • Размер: ровно 300×250 px, без масштабирования
  • Клик: реализуется через переменную clickTag — window.clickTag в JS; РСЯ ожидает двойной clickTag (window.clickTag + window.clickTag2) либо использование yandexHTML5BannerApi
  • Анимация: длительность не более 30 секунд; после окончания баннер должен остановиться на последнем кадре
  • Запрещено: автовоспроизведение звука, мигание чаще 3 раз в секунду, раскрытие за рамки заявленного размера

Почему именно HTML5, а не GIF

HTML5-баннер значительно превосходит GIF по качеству анимации и весу. При той же визуальной сложности HTML5-файл весит в 3–5 раз меньше и выглядит чётче на Retina-экранах. Кроме того, HTML5 позволяет реализовывать интерактивность — кнопки, счётчики обратного отсчёта, динамическую подстановку данных из фида.

Живой пример

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

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

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

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

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