Требования к баннерам на сервисах Яндекса

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

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

Размер в пикселях	300 × 600, 240 × 400, 300 × 250, 300 × 300
Максимальный вес файла	512 КБ
Формат	JPG, PNG или GIF

Размеры графического креатива в пикселях могут быть больше в два или три раза.

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

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

	Баннер на сервисах Яндекса	Баннер на сервисах Яндекса. Мобайл	Баннер на сервисах Яндекса. Кросс
Размер в пикселях	2 креатива: 300 × 600, 240 × 400	2 креатива: 300 × 250, 300 × 300	4 креатива: 300 × 600, 240 × 400, 300 × 250, 300 × 300
Максимальный вес	512 КБ	512 КБ	512 КБ
Формат	HTML5	HTML5	HTML5

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

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

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

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

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

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. Допускаются баннеры следующих размеров: 240 × 400, 300 × 250, 300 × 300, 300 × 600. Размер баннера укажите в элементе <meta>:

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

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

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

   
   <script>
   document.onload = init;
   </script>
   
   

10. В ссылке на сайт, содержащейся в HTML5-баннере, должно быть не более 1024 знаков в кодировке UTF-8.

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

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

Рекомендации к отображению HTML5-баннеров

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

Баннер не должен мимикрировать под оформление площадки (нельзя использовать фирменные цвета, элементы интерфейса. Креатив не должен сливаться с фоном сайта).

Дополнение к оформлению всех рекламных позиций (баннеров) на Кинопоиске

В оформлении рекламных позиций (баннеров) запрещается использование градиентов, цветов и элементов фирменного стиля и интерфейса Кинопоиска и Плюса, а также схожих с ними. Ознакомиться с бренд буком Кинопоиска и Плюса можно по ссылкам:

• Брендбук Кинопоиска
• Брендбук Плюса

Размещение рекламных позиций (баннеров), мимикрирующих под бренд Кинопоиск или Плюс, а также интерфейсы Кинопоиска и Плюса запрещено.

Кинопоиск оставляет за собой право не демонстрировать подобные рекламные позиции (баннеры) без объяснения причин.

Остались вопросы?

Написать в чат