Требования к баннерам

Вы можете загрузить графический или HTML5-баннер.

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

HTML5-баннер — это ZIP-архив, содержащий один файл HTML и файлы JavaScript, JSON, CSS, JPEG, GIF, PNG, SVG. Вы можете добавить несколько вариантов HTML5-баннера для отображения на различных экранах и версиях Главной страницы:

Полная версия Главной
Экран Обычный HiDPI
Размер в пикселях 728 × 90 1456 × 180
Максимальный вес архива 1 МБ 1 МБ

Сейчас HTML5-баннеры недоступны для мобильной версии Главной.

Архив и файлы в нем должны соответствовать требованиям:
  1. В названиях файлов и каталогов можно использовать только буквы латинского алфавита, цифры и символы -._~.

  2. Все ссылки в HTML5-баннере должны быть относительными и вести на другие файлы из архива.

  3. В архиве может быть не более 20 файлов. Включите исходный код из файлов JavaScript, CSS, SVG в HTML-файл, а все растровые изображения объедините в один файл (атлас спрайтов).

  4. Максимальный вес файла index.html в архиве должен быть меньше 150 КБ.

  5. В архиве будет игнорироваться содержимое папки __MACOSX и файлы .DS_Store, Thumbs.db. Это вспомогательные файлы операционных систем, которые не нужны для работы HTML5-баннера.

  6. По клику на баннер будет открываться страница, указанная в поле Ссылка на сайт, или Турбо-страница. Переход на эту страницу должен генерироваться в баннере вызовом метода yandexHTML5BannerApi.getClickNum(1).

    <a id="click_area" href="#" target="_blank">...</a> 
    // после элемента "<a href ...></a>" 
    // присваиваем для него значение атрибута href так: 
    <script> 
       document.getElementById("click_area").href = yandexHTML5BannerApi.getClickURLNum(1); 
    </script>
  7. В атрибуте content тегa meta должен быть указан размер HTML5-баннера, как в примере ниже:
    <meta name="ad.size" content="width=728,height=90">
    или
    <meta name="ad.size" content="width=1456,height=180">
  8. Разрешаются внешние вызовы JavaScript-библиотек, размещенных на серверах Яндекса. Если в HTML5-баннере используется другая библиотека, включите ее исходный код в архив.

  9. Все обработчики событий должны быть явно указаны внутри тега script, например:

    <script>
        document.onload = init;
    </script>
  10. В ссылке на сайт, содержащейся в HTML5-баннере, должно быть не более 1024 знаков в кодировке UTF-8.

  11. В баннере не должны использоваться инструменты сбора статистики (пиксели, счетчики и прочие).

    При создании кампании вы сможете указать пиксель Яндекс.Аудиторий или счетчик ADFOX (подробнее в разделе Как запустить кампанию), а также использовать UTM-метки в ссылке на сайт.

  12. В баннер можно добавить управляющую кнопку Посмотреть еще раз, нажатие на которую приведет к повторному запуску сценария.

Скачать пример HTML5-баннера

Технические требования к графическому баннеру

Вы можете добавить несколько вариантов графического баннера для отображения на различных экранах и версиях Главной страницы:

Полная версия Главной Мобильная версия Главной
Экран Обычный HiDPI
Размер в пикселях 728 × 90 1456 × 180 640 × 134
Максимальный вес файла 1 МБ 1 МБ 1 МБ
Формат JPG, PNG или GIF JPG, PNG или GIF JPG, PNG или GIF

Требования модерации

Соблюдайте рекомендации, чтобы служба модерации пропустила баннер после первой проверки.

Запрещенные тематики
Для размещения на Главной странице Яндекса не принимаются креативы следующих тематик:
  • политика;
  • магия и эзотерика;
  • религиозные товары и услуги;
  • новостные или информационные материалы;
  • услуги коллекторов;
  • ритуальные товары и услуги;
  • сайты знакомств или брачных агентств;
  • услуги детективов и частных охранных предприятий;
  • вакансии;
  • товары и услуги для взрослых (например, секс-игрушки, эротические материалы и т. п.);
  • изделия, конструктивно сходные с оружием;
  • услуги по оптимизации сайтов и SEO;
  • услуги по дезинфекции и дезинсекции;
  • некоторые финансовые услуги и обучающие курсы по ним (микрофинансирование, предложение займов от частных лиц, сделки с бинарными опционами, деятельность форекс-дилеров, сделки с форекс-дилерами и т. п.);
  • иные тематики, не соответствующие редакционной политике Яндекса.

Этот список не является полным и может быть изменен Яндексом в любой момент.

Предупреждения и ограничения

В креативе должна присутствовать вся информация, необходимая согласно требованиям законодательства и правилам Яндекса, в том числе предупреждения и возрастные ограничения. Ее следует делать контрастной и легко читаемой.

Тексты, сайт и ссылка на сайт

К текстам и сайту рекламодателя предъявляются такие же требования, как к другим объявлениям Директа.

Ссылка на сайт не должна содержать редирект, то есть принудительно перенаправлять пользователя на URL, который отличается от указанного в Директе. Исключения:
  • редирект осуществляется в рамках одного ресурса (например, с msk.site.ru на spb.site.ru);
  • редирект ведет на доменное зеркало — сайт, имеющий другой URL, но с тем же контентом;
  • по редиректу выполняется смена протокола (например, с http:// на https://).

В этих случаях редирект может выполняться не более 5 раз.

Оформление баннеров

В креативе не должно быть рамки.

Подробные требования к оформлению баннеров:

Креатив, полностью удовлетворяющий требованиям выше, проходит дополнительную проверку на восприятие пользователем: выполняется сравнение его с эталонными банерами, одобренными нашими дизайнерами. Если по результатам сравнения креатив получает высокую оценку, с большой долей вероятности он понравится целевой аудитории.

Отображение баннеров

Баннер должен соответствовать требованиям к отображению:

  • При масштабировании страницы в браузере от 100% до 200% на баннере не должно быть артефактов и искажений. Качество баннеров для полной версии Главной страницы проверяется на экранах с разрешением: Mac OS — 1440 × 900 пикселей, браузер Safari; Windows — 1366 × 768 пикселей, браузеры Яндекс.Браузер, Firefox и Opera.

  • Нельзя использовать резко перемещающиеся и мелькающие графические элементы, а также мигающий фон.

    Что считается резким перемещением и миганием?

    Миганием можно считать изменение цвета, его насыщенности и яркости более чем на 40%, происходящее регулярно с частотой больше 1 раза за 2 секунды.

    Резким перемещением можно считать изменение расположения элемента на креативе более чем на 100% от размера элемента или на 50% от размера баннера за 1 секунду.

    Эти оценки являются примерами, а не строгими критериями соответствия баннера требованиям Яндекса. Креатив с описанными выше проблемами с большой вероятностью будет отклонен. Но возможны ситуации, когда баннер с меньшими изменениями признают раздражающим, и наоборот: баннер с большими изменениями пройдет модерацию. Решение по каждому спорному случаю принимается индивидуально.

  • Время переключения между кадрами должно быть достаточным, чтобы прочитать весь показанный текст.

  • При подготовке баннера не допускается использование графических элементов плохого качества, в том числе деформированных изображений, картинок в низком разрешении (видны пиксели), с нечеткой графикой, помехами и артефактами сжатия.
  • Рекламируемый сайт должен открываться в новом окне и только после нажатия левой кнопкой мыши по HTML5-баннеру.

  • HTML5-баннер должен работать корректно и одинаково для всех пользователей на всех платформах в течение рекламной кампании в следующих браузерах: Яндекс.Браузер 14 и выше, Google Chrome 14 и выше, Mozilla Firefox 14 и выше, Opera 14 и выше, Internet Explorer 9 и выше, Microsoft Edge.

  • В HTML5-баннере нельзя использовать видео- и аудиоролики, скрипты с раздражающим или вредоносным поведением (всплывающие окна, подмена адреса страницы и т. д.), расширения и плагины браузера (Adobe Flash и т. д.). Исходный код баннера не должен быть обфусцирован, то есть иметь вид, затрудняющий анализ.

  • HTML5-баннер должен соответствовать требованиям к загрузке процессора.

    Требования к загрузке процессора

    Для тестирования уровня загрузки процессора используется компьютер с Intel Core 2 Duo P9600 2,53 ГГц, 2 ГБ оперативной памяти, 64–800 МБ видеопамяти и установленной 64-разрядной версией Windows 7 Профессиональная. На нем загружается одна страница, которая содержит только тестируемый баннер. Он не должен отнимать более 50% ресурсов процессора в течение определенного времени (доли секунды или секунды) или более 70% ресурсов процессора в любой момент времени. Загрузка процессора оценивается с помощью Диспетчера задач.