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

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

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

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

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

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

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

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

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

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

    <script>
        document.onload = init;
    </script>
  5. По клику на 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>
  6. В атрибуте content тегa meta должен быть указан размер HTML5-баннера, как в примере ниже:
    <meta name="ad.size" content="width=728,height=90">
    или:
    <meta name="ad.size" content="width=1456,height=180">
  7. Разрешаются внешние вызовы JavaScript-библиотек, размещенных на серверах Яндекса. Если в HTML5-баннере используется другая библиотека, включите ее исходный код в архив.

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

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

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

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

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

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

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

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

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

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

Соблюдение рекомендаций повышает вероятность того, что баннер будет принят службой модерации к размещению при первой проверке.

Запрещенные тематики
Для размещения на Главной странице Яндекса не принимаются креативы следующих тематик:
  • политика;
  • магия, эзотерика;
  • религиозные товары и услуги;
  • новостные или информационные статьи, материалы;
  • коллекторские услуги;
  • ритуальные товары и услуги;
  • сайты знакомств или брачных агентств;
  • услуги детективов и частных охранных предприятий;
  • вакансии;
  • товары и услуги для взрослых (например, секс-игрушки, эротические материалы и т. п.);
  • изделия, конструктивно сходные с оружием;
  • услуги по оптимизации сайтов и SEO;
  • услуги по дезинфекции и дезинсекции;
  • некоторые финансовые услуги и обучающие курсы по ним (микрофинансирование, предложение займов от частных лиц, сделки с бинарными опционами, деятельность форекс-дилеров, сделки с форекс-дилерами и т. п.);
  • иные тематики, не соответствующие редакционной политике Яндекса.

Этот список не является полным и может быть изменен Яндексом в любой момент.

Предупреждения и ограничения

В креативе должна присутствовать вся информация, необходимая согласно требованиям законодательства и правилам Яндекса, в том числе предупреждения и возрастные ограничения. Информация должна быть контрастной и легко читаемой.

Тексты, сайт, ссылка на сайт

К текстам и сайту рекламодателя предъявляются такие же требования, как для других объявлений Директа.

Ссылка на сайт не должна содержать редирект, т. е. принудительно перенаправлять пользователя на URL, отличный от указанного в Директе. Исключением являются случаи, когда:
  • редирект осуществляется в рамках одного ресурса (например, с msk.site.ru на spb.site.ru);
  • редирект ведет на доменное зеркало — сайт, имеющий другой URL, но с тем же контентом;
  • по редиректу выполняется смена протокола (например, с http:// на https://).

В этих случаях редирект должен выполняться не более 3 раз.

Оформление баннеров
Подробные требования к оформлению баннеров:
Отображение баннеров

Баннер должен соответствовать требованиям к отображению:

  • При масштабировании страницы в браузере от 100% до 200% на баннере не должно быть артефактов и искажений. Качество баннеров для основной версии Главной страницы проверяется для разрешений: Mac OS — 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 и т. д.). Исходный код баннера не должен быть приведен к виду, затрудняющему анализ (обфусцирован).

  • HTML5-баннер должен соответствовать требованиям к загрузке процессора.

    Требования к загрузке процессора

    Для тестирования уровня загрузки процессора используется компьютер с процессором Intel Core 2 Duo P9600 2,53 ГГц, 2 ГБ оперативной памяти, 64–800 МБ видеопамяти и установленной 64-разрядной версией Windows 7 Профессиональная. На нем загружается одна страница, содержащая только тестируемый баннер. При таком тестировании баннер не должен загружать более 50% ресурсов процессора в течение заметного времени (доли секунд или секунды) или более 70% ресурсов процессора в любой момент времени. Загрузка процессора оценивается с помощью штатного «Диспетчера задач».