Графическое объявление в ЕПК Яндекс Директа: креатив, HTML5-баннер, Playable ads

Графическое объявление в ЕПК — один креатив на объявление: Playable ads (HTML5-баннер) или готовый графический креатив. После сохранения креатив меняется только на такой же по размеру. HTML5-архив ZIP: до 3 МБ, не более 20 файлов, index.html меньше 150 КБ, в названиях латиница, цифры и - . _ ~. Клик по баннеру задаётся методом yandexHTML5BannerApi.getClickURLNum(1).

Цифры

Требования к HTML5-баннеру (Playable ads)

Параметр	Значение
Формат	ZIP-архив с одним HTML-файлом
Допустимые файлы	JavaScript, JSON, CSS, JPEG, GIF, PNG, SVG
Вес архива	до 3 МБ
Файлов в архиве	не более 20
Вес index.html	меньше 150 КБ
Названия файлов и каталогов	латинские буквы, цифры, символы - . _ ~
Ссылки внутри баннера	относительные, на файлы из архива
Клик по баннеру	yandexHTML5BannerApi.getClickURLNum(1)
Игнорируется в архиве	папка __MACOSX, файлы .DS_Store, Thumbs.db

Параметр

Значение

Формат

ZIP-архив с одним HTML-файлом

Допустимые файлы

JavaScript, JSON, CSS, JPEG, GIF, PNG, SVG

Вес архива

до 3 МБ

Файлов в архиве

не более 20

Вес index.html

меньше 150 КБ

Названия файлов и каталогов

латинские буквы, цифры, символы - . _ ~

Ссылки внутри баннера

относительные, на файлы из архива

Клик по баннеру

yandexHTML5BannerApi.getClickURLNum(1)

Игнорируется в архиве

папка __MACOSX, файлы .DS_Store, Thumbs.db

Правила объявления

Параметр	Значение
Креативов на объявление	1
Откуда можно добавить креатив	загрузить с компьютера или из интернета, взять из ранее созданных
Замена после сохранения	только креативом такого же размера
Поле ссылки	«Ссылка в объявлении» — страница сайта, соответствующая тексту объявления и требованиям Яндекса

Параметр

Значение

Креативов на объявление

Откуда можно добавить креатив

загрузить с компьютера или из интернета, взять из ранее созданных

Замена после сохранения

только креативом такого же размера

Поле ссылки

«Ссылка в объявлении» — страница сайта, соответствующая тексту объявления и требованиям Яндекса

Подробности

Как создать

В поле «Ссылка в объявлении» указать страницу, на которую ведёт объявление.
Добавить креатив: загрузить с компьютера или из интернета либо выбрать из созданных ранее. Для загрузки есть два варианта — интерактивные HTML5-баннеры (Playable ads) и графические баннеры и файлы («Готовые креативы»).
Для HTML5 подготовить архив по требованиям из таблицы и вшить в него вызов метода клика.

Как подготовить HTML5-архив

Исходный код JavaScript, CSS, SVG включить прямо в HTML-файл.
Все растровые изображения объединить в один файл (атлас спрайтов), чтобы уложиться в 20 файлов.
Переход на продвигаемую страницу формируется вызовом yandexHTML5BannerApi.getClickURLNum(1). Пример из справки: у ссылки с id click_area после элемента `<a>` в скрипте присваивается атрибут href со значением, которое возвращает этот метод.

```html <a id="click_area" href="#" target="_blank">...</a> <script> document.getElementById("click_area").href = yandexHTML5BannerApi.getClickURLNum(1); </script> ```

Важно знать

В скачанном тексте страницы нет содержимого вкладки «Готовые креативы»: требований к графическим баннерам и файлам нет. Размеры, вес и форматы статичных картинок — в статье про изображения; совпадают ли они с содержимым пропавшей вкладки, по тексту установить нельзя.
Где показываются графические объявления, эта страница не говорит.
Какие размеры допустимы для HTML5-баннера, в проверенном тексте не названо.