- HTML5-баннер должен корректно адаптироваться под соотношения сторон iframe-контейнера: 1:1, 1:2, 4:3.
- При разрешении 400х300px, 300х600px и 900х900px нужно обязательно проверить корректную работу баннера;
- Не указывайте ссылку для перехода по клику на баннер внутри баннера. Добавьте эту ссылку в интерфейсе, она будет работать при клике на любую часть баннера.
- Креатив формата 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-файла.