Требования к баннерам - Директ. Справка

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

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

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

HTML5-баннер — это ZIP-архив, содержащий один файл HTML и файлы JavaScript, JSON, CSS, JPEG, GIF, PNG, SVG.


Размер в пикселях	1456 × 180
Максимальный вес архива	1 МБ

На мобильной версии Главной страницы HTML5-баннер не размещается.

Архив и файлы в баннере должны соответствовать требованиям:

В названиях файлов и каталогов можно использовать только буквы латинского алфавита, цифры и символы -._~.
Все ссылки в HTML5-баннере должны быть относительными и вести на другие файлы из архива.
В архиве может быть не более 20 файлов. Включите исходный код из файлов JavaScript, CSS, SVG в HTML-файл, а все растровые изображения объедините в один файл (атлас спрайтов).
Максимальный вес файла index.html в архиве должен быть меньше 150 КБ.
В архиве будет игнорироваться содержимое папки __MACOSX и файлы .DS_Store, Thumbs.db. Это вспомогательные файлы операционных систем, которые не нужны для работы HTML5-баннера.
По клику на баннер будет открываться страница, указанная в поле Ссылка на сайт, или Турбо-страница. Переход на эту страницу должен генерироваться в баннере вызовом метода 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>
```
В атрибуте content тегa meta должен быть указан размер HTML5-баннера, как в примере ниже:
```
<meta name="ad.size" content="width=1456,height=180">
```
Разрешаются внешние вызовы JavaScript-библиотек, размещенных на серверах Яндекса. Если в HTML5-баннере используется другая библиотека, включите ее исходный код в архив.
Все обработчики событий должны быть явно указаны внутри тега script, например:
```
<script>
    document.onload = init;
</script>
```
В ссылке на сайт, содержащейся в HTML5-баннере, должно быть не более 1024 знаков в кодировке UTF-8.
В баннере не должны использоваться инструменты сбора статистики (пиксели, счетчики и прочие).

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

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

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

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


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


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

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

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

Запрещенные тематики

Для размещения на Главной странице Яндекса не принимаются баннеры следующих тематик:

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

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

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

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

В верхней части баннера нельзя располагать значимую информацию и дисклеймеры (в частности, возрастную метку — в верхнем правом углу). Из-за перекрытия этой информации системными элементами, например, значком меню , баннер будет отклонен.

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

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

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

Баннер не должен содержать стандартные элементы пользовательского интерфейса (курсор, поисковая строка, различные кнопки и т. п.), которые не выполняют соответствующие функции.
У баннера не должно быть рамки.
Фон не должен быть прозрачным.

Рекомендации к оформлению баннеров:

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

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

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

При масштабировании страницы в браузере от 100% до 200% на баннере не должно быть артефактов и искажений. Качество баннеров для полной версии Главной страницы проверяется на экранах с разрешением: macOS — 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 и т. д.). Исходный код баннера не должен быть обфусцирован, то есть иметь вид, затрудняющий анализ.

Длительность анимации

Баннер или его отдельные элементы не должны мигать, отвлекая пользователя.
Допустимая частота смены элементов на баннере — не чаще 1 раза за 2 секунды.
На стоп-кадре баннер должен отображать основную информацию рекламного сообщения.
В HTML5-баннере может быть добавлена управляющая кнопка Посмотреть еще раз, нажатие на которую приводит к повторному запуску сценария. Сам HTML5-баннер может быть интерактивным и реагировать на движение курсора мыши или нажатие на баннер, изменяя изображение в зависимости от действия.