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

Медийная кампания находится в бета-тестировании.

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

HTML5-баннер — это ZIP-архив размером не более 150 КБ, содержащий один файл HTML и файлы JavaScript, JSON, CSS, JPEG, GIF, PNG, SVG. В названиях файлов и каталогов можно использовать только буквы латинского алфавита, цифры и символы -._~.

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

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

Допускаются баннеры следующих размеров: 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">

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

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

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

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

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

  • Нельзя использовать резко перемещающиеся и мелькающие графические элементы, мигающий фон. Время переключения между кадрами должно быть достаточным для прочтения всего показанного текста.

  • Рекламируемый сайт должен открываться в новом окне и только после клика левой кнопкой мыши по HTML5-баннеру.

  • HTML5-баннер должен работать корректно и одинаково для всех пользователей на всех платформах в течение всей рекламной кампании в следующих браузерах: Яндекс.Браузер 14 и выше, Google Chrome 14 и выше, Mozilla Firefox 14 и выше, Opera 14 и выше, Internet Explorer 9 и выше, Microsoft Edge.

  • В HTML5-баннере нельзя использовать видео- и аудиоролики, скрипты с раздражающим или вредоносным поведением (например, с появлением всплывающих окон, подменой адреса страницы и т. д.), расширения и плагины браузера (Adobe Flash и т. д.). Исходный код баннера не должен быть приведен к виду, затрудняющему анализ (обфусцирован).

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

Подробнее о требованиях модерации к креативам медийной кампании.