- Стандартный HTML5-баннер должен корректно адаптироваться под соотношения сторон iframe-контейнера: 1:2, 4:3 и 3:1. Мы рекомендуем проверять работу на размерах: 300x600, 320x240 и 980x325.
- Не указывайте ссылку для перехода по клику на баннер внутри баннера. Добавьте эту ссылку в интерфейсе, она будет работать при клике на любую часть баннера.
- Креатив формата 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)