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

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

Интерактивный баннер создается на основе HTML5-баннера — ZIP-архива, который содержит один файл HTML и файлы JavaScript, JSON, CSS, JPEG, GIF, PNG, SVG. Максимальный вес архива — 3 МБ.

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

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

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

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

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

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

6. По клику на баннер будет открываться мобильное приложение (если оно установлено) или страница приложения в магазине (если приложение не установлено). Переход на эту страницу должен генерироваться в баннере вызовом метода 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>

7. Допускаются баннеры следующих размеров: 160×600, 240×400, 240×600, 300×250, 300×300, 300×500, 300×600, 320×50, 320×100, 320×480, 336×280, 480×320, 728×90, 970×250, 1000×120.

   Размер баннера укажите в элементе <meta>:

   <meta name="ad.size" content="width=300,height=250">

8. Разрешаются внешние вызовы JavaScript-библиотек, размещенных на серверах Яндекса. Если в HTML5-баннере используется другая библиотека, включите ее исходный код в архив.

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

HTML5-баннер должен соответствовать правилам Директа: