HTML5 баннер
Этот формат доступен при типе кампанииHTML5, модель оплаты – CPМ, стоимость задается с НДС.
Отличное подходит для интерактивных креативов, а также слайд-шоу и сторителлинга.
Ограничения и нюансы формата
  1. HTML5-баннер должен корректно адаптироваться под соотношения сторон iframe-контейнера: 1:1, 1:2, 4:3.
  2. При разрешении 400х300px, 300х600px и 900х900px нужно обязательно проверить корректную работу баннера;
  3. Не указывайте ссылку для перехода по клику на баннер внутри баннера. Добавьте эту ссылку в интерфейсе, она будет работать при клике на любую часть баннера.
  4. Креатив формата HTML5 может быть загружен:
  • в виде html-файла, при этом в коде файла не должно быть загрузки внешних ресурсов (скрипты, изображения, стили)
  • в виде zip архива содержащего index.html файл и все необходимые ресурсы для его отображения: изображения, стили и скрипты. Путь к ресурсу должен быть относительным (./code.js).
5. Суммарный размер html-файла и всех загружаемых ресурсов в архиве (изображения, JS-библиотеки) не должен превышать 500 кб после распаковки архива.
6 . Поверх исходного креатива заказчика мы добавляем контейнер с маркировкой, который содержит элементы с различными css классами. Чтобы избежать конфликта стилей, не используйте в своем исходном коде css классы с названиями, начинающимися с «advhtml5».
7. Для поддержки адаптивности мы рекомендуем использовать относительные единицы измерения (%, vh, vw), центрировать значимый контент, использовать векторные изображения для фона.
8. Если используется контейнер canvas inline, необходимо добавить стили style="border: 1px solid #000; box-sizing: border-box;».
9.Используйте SVG-иллюстрации и размещайте небольшие изображения в basе64, чтобы баннер быстрее загружался и отображался у пользователя.
10. Внутри HTML5-файла допускается использовать свои пиксели/треккеры от adriver.ru, поддержки других провайдеров идёт через поддержку. Их добавление может занять до трех недель.
11. Вы можете использовать пиксели любых верификаторов на клик и на показ, но их нужно указать в интерфейсе при добавлении креатива, а не внутри HTML5-файла.
Места размещения
Динамичные изображения с интерактивными элементами.
Формат HTML5 отображается в поисковой выдаче и карточке товара на всех платформах.
Особенности отображения баннера в приложениях Авито на iOS/Android
  1. Для рендеринга всей HTML5 рекламы в приложение используется один платформенный WebView компонент. Поэтому креатив должен быть готов к перезагрузкам одного и того же HTML5 кода.
  2. В интерфейсе рекламный плейсхолдер меняется на загруженный HTML5 контент после его рендеринга в WebView компоненте.
Технические требования
Это полезная статья?