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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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