Вы наверняка встречались с подобными баннерами в интернете. Это баннеры с анимацией, на основе изображений и кода. Иногда это похоже на видео, иногда на игру с интерактивными элементами. Ниже мы приведем примеры для сравнения: статичный, GIF и HTML5.
Вообще, ХТМЛ5 баннер является эволюционным шагом, предыдущий был FLASH banner.
Это основные плюсы HTML5 объявлений:
- Привлекает внимание за счет плавной анимации и качественных изображений
- Мало весит
- Проигрывается на всех устройствах
- Может адаптироваться под разные размеры
- Отслеживаемая конверсия при помощи метрик рекламного кабинета
Сравните сами:
ХТМЛ5 баннер
- Красивая плавная анимация
- Хорошее качество изображений
- Средний вес
- Адаптивность
ГИФ баннер

- Примитивная покадровая анимация
- Плохое качество изображения
- Большой вес
JPG — статичный баннер

- Нет анимации
- Мало информации
- Маленький вес
В гугл кабинете есть ограничения на использование ХТМЛ5 баннеров.
Рекламный аккаунт google должен:
- Иметь хорошую репутацию в отношении соблюдения правил;
- Иметь хорошую репутацию в отношении оплаты рекламных услуг;
- Общая сумма потраченных средств за все время существования аккаунта составляет не менее 1000 долларов США.
Вероятно, эта история скоро изменится — это раз! Второе, можно использовать AMPHTML. Это вид объявлений с теми же функциями, но его можно собрать только в google web designer. С яндексом все проще, принимают всех и настроить не гораздо легче. Минимальный бюджет у яндекса на 30 дней 9000₽.
Еще один минус, это длительность загрузки. Дело в том что сайт грузится через 6ть потоков. То есть одновременно при загрузке страницы грузятся максимум 6ть файлов. Если к сайту подключено много файлов, скорость загрузки увеличивается. Поэтому я рекомендую объединять все растровые изображения в страйпы, благо adobe animate СС позволяет это объединить одной галочкой в настройках. Так что, это вообщем то не проблема.
HTML5 баннер это прекрасная возможность продвинуть свой брэнд и привлечь внимание к вашим услугам и товарам.
Вот примеры наших баннеров leagency.ru
Что такое html5 баннер?: 2 комментария