Технические требования к баннеру
Вы можете загрузить графический или HTML5-баннер.
Технические требования к графическому баннеру
Вы можете добавить несколько вариантов графического баннера для отображения на различных версиях Главной страницы:
Полная версия Главной и новая вкладка Браузера | Мобильная версия Главной | ||
Размер в пикселях | 1456 × 180 | 640 × 134 | |
Максимальный вес файла | 1 МБ | ||
Формат | JPG, PNG или GIF |
Полная версия Главной и новая вкладка Браузера | Мобильная версия Главной | ||
Размер в пикселях | 1456 × 180 | 640 × 134 | |
Максимальный вес файла | 1 МБ | ||
Формат | JPG, PNG или GIF |
Технические требования к 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.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-метки в ссылке на сайт.
- В баннер можно добавить управляющую кнопку Посмотреть еще раз, нажатие на которую приведет к повторному запуску сценария.