HTML5 баннер

Медийный формат «HTML5 баннер» — это баннеры с анимацией, созданные на основе изображений и кода. Такие баннеры привлекают больше внимания пользователей к рекламе продукта за счет своей интерактивности и наличия анимированных элементов.

1. Чтобы создать новую кампанию, в разделе «Кампании» на вкладке «Кампании» нажмите «Создать».

2. Переключитесь на вкладку «Узнаваемость и охват» и выберите формат «HTML5 баннер».

3. Выберите формат баннера, исходя из ваших целей. Обратите внимание, что в зависимости от выбранного формата меняются доступные места размещения.

4. Укажите продвигаемый сайт.

5. Целевое действие — для HTML5 баннеров доступна оптимизация только на показы (Целевое действие → Показы рекламы).

6. Оптимизация бюджета кампании. Настройка позволяет распределять выделенный бюджет между всеми вашими объявлениями так, чтобы вы получили больше целевых действий. Алгоритм оптимизации определяет, какие объявления работают лучше, и выделяет им большую долю из дневного бюджета кампании. Благодаря этому кампания показывает лучшие результаты. Оптимизация бюджета включена по умолчанию. Подробнее

7. Выберите стратегию ставок кампании. Доступно несколько вариантов:

• Максимум показов (рекомендуется) — цена показа варьируется в диапазоне от -50% до +100% от выбранной ставки, если алгоритмы считают аукцион эффективным. Поможет получить максимальный охват в пределах бюджета.
• Фиксированная ставка — ставка в аукционах одинаковая и не зависит от ставок конкурентов. Поможет точно спрогнозировать затраты на привлечение.
• Предельная цена — вы указываете максимальную цену целевого действия и участвуете в аукционе с минимально возможной ставкой. Стратегия оптимизирует расходы на показы, но сужает аудиторию. Поэтому стоит указывать максимальную стоимость с запасом.

8. Укажите цену за 1000 показов.

9. Бюджет. Настройка ограничивает сумму, которую можно тратить в день или за всё время проведения кампании. Подробнее

10. Распределение бюджета. Задайте распределение на шаге создания кампании или группы объявлений, чтобы управлять скоростью рекламных показов.

• Быстрое распределение – максимальное количество показов. Используйте, если хотите охватить всех доступных пользователей за минимальный срок. 
• Равномерное распределение – оптимальная интенсивность, учитывающая объём доступной аудитории, период работы и бюджет кампании. 

Равномерное распределение общего бюджета работает, когда установлен период работы кампании. 

Равномерное распределение дневного бюджета работает, когда установлен дневной бюджет кампании. 

11. Даты проведения — период работы кампании. Эта настройка применяется ко всем объявлениям в кампании. Обязательно указывать только при выборе бюджета «за всё время».

Если хотите задать разные даты для разных групп, не используйте эту настройку, а задайте даты на шаге 2. Настройка группы объявлений.

В одну группу может входить одно или несколько объявлений, объединённых общими настройками — периодом работы и расписанием, таргетингами, настройкой частоты показа.

Укажите даты проведения, бюджет и распределение бюджета. Выбора бюджета и распределения не будет, если вы уже указали их на шаге создания рекламной кампании. 

Задайте нужные таргетинги: регионы показа, пол и возраст пользователей, интересы и поведение, пользовательские аудитории, устройства.

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

При необходимости настройте UTM-метки — их можно добавлять автоматически, ввести вручную или не добавлять.

В блоке «Места размещения» вы можете выбрать площадки, на которых будет транслироваться ваша реклама.

Мы рекомендуем использовать «Автоматический выбор мест размещения» — так у вашей рекламы будет возможность транслироваться на всех доступных площадках и местах размещения. При необходимости вы можете отключить эту настройку и выбрать места размещения вручную, однако учитывайте, что это может сузить аудиторию и повлиять на охваты.

Чтобы использовать сторонний счетчик событий для рекламных кампаний, настройте аудит-пиксель — сделать это можно в блоке «Дополнительные настройки».

Аудит-пиксель будет работать для группы целиком и считать суммарную статистику. Если хотите отслеживать события по каждому баннеру, создайте отдельную группу для каждого объявления и настройте аудит-пиксель.

Чтобы создать несколько групп объявлений с разными настройками внутри одной кампании. Для этого в меню слева нажмите на «...» напротив кампании и выберите «Добавить группу».

1. Подготовьте ZIP-архив с баннером. Технические требования — ниже
2. В поле «Ссылка на сайт» вставьте заранее подготовленную ссылку. Чтобы добавить следующую, нажмите «Добавить ссылку». Всего можно добавить до 5 ссылок. Обратите внимание, что порядок ссылок в кабинете должен совпадать с порядком ссылок в ZIP-архиве: например, в поле «Ссылка на сайт — link2» нужно указать ссылку link2 из ZIP-архива с баннером.
3. Загрузите ZIP-архив, соответствующий выбранному формату, или выберите ранее загруженный в медиатеке в разделе «HTML5».
4. При необходимости заполните данные рекламодателя — юридическую информацию о компании.

После добавления рекламного креатива нажмите кнопку «Смотреть креатив», чтобы убедится, что вы загрузили или выбрали нужный ZIP-архив.

Обратите внимание на сейф-зоны для баннеров: в левом верхнем углу — пометка «Реклама», в правом верхнем углу при наведении — эдчойсы.

Результаты кампании отображаются на дашборде. Чтобы включить метрики результатов медиарекламы:

1. Откройте дашборд и найдите в списке вашу кампанию. Наведите курсор на строку с кампанией и нажмите на иконку «Статистика».
2. Прокрутите вниз до таблицы с результатами кампании.
3. Нажмите «Настройки» → «Настроить столбцы».
4. Перейдите на уровень группы (нажмите на название группы в меню слева).
5. В списке в блоке «Медийные метрики» отметьте нужные метрики. Для отслеживания доступны метрики:
   • Частота на конец периода
   • Прирост охвата
   • Охват на конец периода
6. Нажмите «Применить». 

• .zip архив должен содержать один index.html файл и все используемые ресурсы.
• Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg.
• Максимальный размер *.zip архива: 150 Kb.
• Имена файлов должны быть латиницей.
• Текстовые файлы должны иметь кодировку utf-8.
• Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL.

• Ссылки должны открываться в новом окне.
• Обязательно наличие тега <meta name="ad.size"> с указанием размера креатива.

• Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+.
• Для неподдерживаемых браузеров необходимо обеспечить показ упрощенной версии баннера или gif-заглушки.
• Запрещается обращение к внешним ресурсам.
• Содержимое баннера должно занимать всю отведенную площадь, без рамок по краям.
• Управление анимацией не должно существенно нагружать процессор пользовательского компьютера, баннер не должен использовать более 40% процессора в среднем и 60% в пике.
• Креатив не должен содержать более 1048576 символов.
• Не размещайте важную информацию в сейф-зонах. Чтобы информация на баннере не была перекрыта системными элементами (например, плашкой «Реклама»), соблюдайте отступы:
  • Левый верхний угол: 80x30px
  • Правый верхний угол: 40x40px

• .zip архив должен содержать один index.html файл и все используемые ресурсы.
• Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg.
• Максимальный размер .zip архива: 150 Kb.
• Имена файлов внутри архива должны быть латиницей.
• Текстовые файлы должны иметь кодировку utf-8.
• Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL.
• Ссылки должны открываться в новом окне.
• Обязательно наличие тега <meta name="ad.size" content="width=240,height=400">.
• Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+.
• Запрещается обращение к внешним ресурсам.
• Креатив не должен содержать более 1048576 символов.

• .zip архив должен содержать один index.html файл и все используемые ресурсы.
• Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg.
• Максимальный размер .zip архива: 150 Kb.
• Имена файлов внутри архива должны быть латиницей.
• Текстовые файлы должны иметь кодировку utf-8.
• Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL.
• Ссылки должны открываться в новом окне.
• Обязательно наличие тега <meta name="ad.size" content="width=100%,height=90">.
• Минимальная ширина отображения контента без искажения - 400px, т.е. баннер должен корректно тянуться от минимальный ширины 400 пикселей до 100% ширины экрана.
• Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+.
• Запрещается обращение к внешним ресурсам.
• Креатив не должен содержать более 1048576 символов.

• .zip архив должен содержать один index.html файл и все используемые ресурсы
• Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg
• Максимальный размер .zip архива: 150 Kb
• Имена файлов внутри архива должны быть латиницей
• Текстовые файлы должны иметь кодировку utf-8
• Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL
• Ссылки должны открываться в новом окне
• Обязательно наличие тега <meta name="ad.size" content="width=300,height=300">
• Запрещается обращение к внешним ресурсам
• Креатив не должен содержать более 1048576 символов.

• .zip архив должен содержать один index.html файл и все используемые ресурсы.
• Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg.
• Максимальный размер .zip архива: 150 Kb.
• Имена файлов внутри архива должны быть латиницей.
• Текстовые файлы должны иметь кодировку utf-8.
• Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL.
• Ссылки должны открываться в новом окне.
• Обязательно наличие тега <meta name="ad.size" content="width=300,height=600">.
• Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+.
• Запрещается обращение к внешним ресурсам.
• Креатив не должен содержать более 1048576 символов.

• .zip архив должен содержать один index.html файл и все используемые ресурсы.
• Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg.
• Максимальный размер .zip архива: 150 Kb.
• Имена файлов внутри архива должны быть латиницей.
• Текстовые файлы должны иметь кодировку utf-8.
• Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL.
• Ссылки должны открываться в новом окне.
• Обязательно наличие тега <meta name="ad.size" content="width=100%,height=300">.
• Минимальная ширина отображения контента без искажения - 320px, т.е. баннер должен корректно тянуться от минимальный ширины 320 пикселей до 100% ширины экрана.
• Запрещается обращение к внешним ресурсам.
• Креатив не должен содержать более 1048576 символов.

• .zip архив должен содержать один index.html файл и все используемые ресурсы.
• Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg.
• Максимальный размер .zip архива: 150 Kb.
• Имена файлов внутри архива должны быть латиницей.
• Текстовые файлы должны иметь кодировку utf-8.
• Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL.
• Ссылки должны открываться в новом окне.
• Обязательно наличие тега <meta name="ad.size" content="width=100%,height=100">.
• Минимальная ширина отображения контента без искажения - 320px, т.е. баннер должен корректно тянуться от минимальный ширины 320 пикселей до 100% ширины экрана.
• Запрещается обращение к внешним ресурсам.
• Креатив не должен содержать более 1048576 символов.

• .zip архив должен содержать один index.html файл и все используемые ресурсы.
• Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg.
• Максимальный размер .zip архива: 150 Kb.
• Имена файлов внутри архива должны быть латиницей.
• Текстовые файлы должны иметь кодировку utf-8.
• Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL.
• Ссылки должны открываться в новом окне.
• Обязазательно наличие тега <meta name="ad.size" content="width=300,height=250">.
• Запрещается обращение к внешним ресурсам.
• Креатив не должен содержать более 1048576 символов.