HTML5 баннер
Этот формат доступен при типе кампанииHTML5, модель оплаты – CPМ, стоимость задается с НДС.
Отличное подходит для интерактивных креативов, а также слайд-шоу и сторителлинга.

Баннеры показываются на всех платформах Авито: сайт, мобильный сайт m.avito.ru, приложение Авито на Android и приложение Авито на iOS.

Формат делится на «Стандартный HTML5» и «Премиум HTML» (баннер на всю высоту экрана).
HTML5 баннер — Стандартный
«Стандартный HTML5» — адаптивный баннер для размещения на всех платформах Авито. Минимальные размеры 300x600, 320x240 и 980x325. Максимальный размер файла — 500 кб.


HTML5 баннер — Премиум
«Премиум HTML5» — большой вертикальный HTML5 баннер на сайте Авито. Минимальный размер — 300х900рх. Максимальный размер файла — 500 кб.

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