Требования к баннерам
Вы можете загрузить графический или HTML5-баннер.
Технические требования к HTML5-баннеру
HTML5-баннер — это ZIP-архив, содержащий один файл HTML и файлы JavaScript, JSON, CSS, JPEG, GIF, PNG, SVG.
Размер в пикселях | 1456 × 180 |
Максимальный вес архива | 1 МБ |
Размер в пикселях | 1456 × 180 |
Максимальный вес архива | 1 МБ |
На мобильной версии главной страницы HTML5-баннер не размещается.
Архив и файлы в баннере должны соответствовать требованиям:
В названиях файлов и каталогов можно использовать только буквы латинского алфавита, цифры и символы
-._~
.Все ссылки в HTML5-баннере должны быть относительными и вести на другие файлы из архива.
В архиве может быть не более 20 файлов. Включите исходный код из файлов JavaScript, CSS, SVG в HTML-файл, а все растровые изображения объедините в один файл (атлас спрайтов).
Максимальный вес файла index.html в архиве должен быть меньше 150 КБ.
В архиве будет игнорироваться содержимое папки __MACOSX и файлы .DS_Store, Thumbs.db. Это вспомогательные файлы операционных систем, которые не нужны для работы HTML5-баннера.
По клику на баннер будет открываться страница, указанная в поле Ссылка на сайт, Турбо-страница, мобильное приложение (если оно установлено) или страница приложения в магазине (если приложение не установлено). Переход на эту страницу должен генерироваться в баннере вызовом метода
yandexHTML5BannerApi.getClickURLNum(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-метки в ссылке на сайт.
- В баннер можно добавить управляющую кнопку Посмотреть еще раз, нажатие на которую приведет к повторному запуску сценария.
Технические требования к графическому баннеру
Вы можете добавить несколько вариантов графического баннера для отображения на различных версиях главной страницы:
Полная версия главной и новая вкладка Браузера | Мобильная версия главной | |
Размер в пикселях | 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-баннер может быть интерактивным и реагировать на движение курсора мыши или нажатие на баннер, изменяя изображение в зависимости от действия.