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

Вы можете загрузить графический или 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% ресурсов процессора в любой момент времени. Загрузка процессора оценивается с помощью штатного «Диспетчера задач».