Что такое html5 баннер?

Вы наверняка встречались с подобными баннерами в интернете. Это баннеры с анимацией, на основе изображений и кода. Иногда это похоже на видео, иногда на игру с интерактивными элементами. Ниже мы приведем примеры для сравнения: статичный, GIF и HTML5.

Вообще, ХТМЛ5 баннер является эволюционным шагом, предыдущий был FLASH banner.

Это основные плюсы HTML5 объявлений:

1. Привлекает внимание за счет плавной анимации и качественных изображений
2. Мало весит
3. Проигрывается на всех устройствах
4. Может адаптироваться под разные размеры
5. Отслеживаемая конверсия при помощи метрик рекламного кабинета

Сравните сами:

ХТМЛ5 баннер

• Красивая плавная анимация
• Хорошее качество изображений
• Средний вес
• Адаптивность

ГИФ баннер

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

JPG — статичный баннер

• Нет анимации
• Мало информации
• Маленький вес

В гугл кабинете есть ограничения на использование ХТМЛ5 баннеров.

Рекламный аккаунт google должен:

• Иметь хорошую репутацию в отношении соблюдения правил;
• Иметь хорошую репутацию в отношении оплаты рекламных услуг;
• Общая сумма потраченных средств за все время существования аккаунта составляет не менее 1000 долларов США.

Вероятно, эта история скоро изменится — это раз! Второе, можно использовать AMPHTML. Это вид объявлений с теми же функциями, но его можно собрать только в google web designer. С яндексом все проще, принимают всех и настроить не гораздо легче. Минимальный бюджет у яндекса на 30 дней 9000₽.

Еще один минус, это длительность загрузки. Дело в том что сайт грузится через 6ть потоков. То есть одновременно при загрузке страницы грузятся максимум 6ть файлов. Если к сайту подключено много файлов, скорость загрузки увеличивается. Поэтому я рекомендую объединять все растровые изображения в страйпы, благо adobe animate СС позволяет это объединить одной галочкой в настройках. Так что, это вообщем то не проблема.

HTML5 баннер это прекрасная возможность продвинуть свой брэнд и привлечь внимание к вашим услугам и товарам.

Вот примеры наших баннеров leagency.ru