Идеальный подарок для Шефа
Новости города БезФормата.Ru
Интернет
Главные новости
 
Задать вопрос?

Будущее за HTML5 или Прощай Flash!


О том, что Flash-технология доживает последние дни, а на смену ей приходит HTML5, слышали многие. Еще четыре года назад Flash использовали около 50% сайтов, сегодня же их количество сократилось до 22% .

Первый гвоздь в крышку гроба Flash забил Стив Джобс , отключив ее поддержку в iPhone. Впоследствии от нее отказались такие гиганты цифрового рынка как Amazon и Mozilla, а в 2013 Flash-технология перестала поддерживаться мобильными устройствами на базе ОС Andriod.

Однако самым главным ускорителем исчезновения Flash стал Google. Во-первых, когда с 1 сентября 2015 года отключил флеш-анимацию в своем браузере Chrome. В-вторых, назначив конкретные даты исчезновения дисплейной рекламы из AdWords. В своем официальном заявлении Google озвучил следующие цифры:

  • С 30 июня 2016 флеш-объявления нельзя будет загружать в AdWords и DoubleClick;
  • Со 2 января 2017 Flash-реклама перестанет отображаться в Google Display Network и DoubleClick.
  • Уход Flash с арены онлайн-рекламы – радоваться или плакать?

    Для сферы интернет-рекламы исчезновение Flash-технологии – однозначно хорошая новость. Развитие HTML5 даст мощный толчок для развития rich media ads, которая по сравнению со статическими баннерами значительно выигрывает в плане привлечения покупателей.

    «После исчезновения Flash мы заметим движение в сторону более содержательной, креативной и элегантной рекламы», - отметил Арон Вуд (Aaron Wood), руководитель отдела компании AOL.

    Во-первых, баннеры формата HTML5 адаптивны, т.е одинаково отображаются на планшетах и телефонах любых моделей, без необходимости подключения дополнительных плагинов.

    В-вторых, HTML5 баннеры предоставляют больше возможностей для привлечения целевой аудитории, так как могут интегрироваться с различными приложениями, социальными сетями, картами, календарем и т. п.

    Минусами Flash-технологии является то, что она тормозит загрузку сайтов и быстро разряжает батарею мобильный устройств. Объявления в формате HTML5 лишены этих недостатков, так как имеют меньший вес и требуют меньше ресурсов, чем Flash баннеры.

    Эффективность HTML5 баннеров можно отслеживать с помощью Google Anatytics. Данные о количестве показов и кликов, разрешениях экранов, типах мобильных устройств, регионах и т. д. незаменимы для оптимизации рекламной кампании.

    Также стоит отметить совместимость формата HTML5 с технологией MRAID (Mobile Rich media Ad Interface Definition), позволяющей создавать нестандартную мобильную рекламу. MRAID открывает двери для реализации множества креативных решений, повышающих взаимодействие пользователя с рекламой: активные кнопки, выступающие элементы, мини-игры и т. п.

    Результаты исследований еще раз доказывают преимущества HTML5 перед Flash:

  • Использование технологии HTML5 в 3 раза повышает вовлеченность и ROI объявлений;
  • CTR баннеров в формате HTML5 почти на 50% выше, чем у Flash;
  • Видимость HTML5 баннеров на 25% выше по сравнению с Flash; 
  • Реклама в формате HTML5 более запоминающаяся; 
  • HTML5 позволяет создавать таргетированные объявления для различных групп ЦА — на основании поведения вовлеченных пользователей.
  • 4 способа создать HTML5 баннер

    Внешне HTML5 баннер ничем не отличается от Flash, различие состоит в технологиях, на которых основаны данные форматы. Flash — это плагин в браузере, требующий установки. Существенный недостаток данной технологии в том, что флеш-объявления могут быть заблокированы FireWall-ом или специальными блокировщиками рекламы. В отличие от Flash HTML5 — это современная технология веб-разработки, которая не требует установки обновлений, плагинов и всего прочего.

    HTML5 баннер создается как резиновая (адаптивная) HTML5-страница и наполняется изображениями, текстом, ссылками, украшается с помощью CSS3. Звучит все сложно, но на самом деле изготовить баннер в формате HTML5 гораздо проще, чем кажется. Предлагаем вашему вниманию 4 способа создания HTML5 баннеров, которые легко освоит даже новичок:

    Способ 1 — Web Designer

    Бесплатный инструмент от Google для создания HTML5 баннеров, обладающий богатым функционалом и удобным интерфейсом. Из особенностей — возможность добавления трехмерных объектов, анимирования элементов и событий, а также автозаполнение и подсветка синтаксиса, которые облегчают создание баннера и помогают избежать ошибок.

    Способ 2 — DoubleClick Studio

    Появившийся в августе 2013 года инструмент DoubleClick Studio представляет собой базу шаблонов для создания графических и видеобаннеров в формате HTML5. «Фишкой» данного сервиса является компонент Teaser Reels, который позволяет изготовлять HTML5-баннеры с автоматически проигрываемым видеотизером. При нажатии на тизер пользователю демонстируется рекламный ролик.

    Кроме инструментов Google Web Designer и DoubleClick Studio существует множество других онлайн-конструкторов баннеров в формате html5, например, bannerboo.com, bannerovich.ru и пр.

    Способ 3 — Swiffy

    Нередко возникает необходимость конвертировать имеющиеся Flash баннеры в HTML5. Специально для этого Google разработал инструмент под названием Swiffy. С его помощью можно преобразовать баннер в HTML5 напрямую в интернете или же через расширение для Flash Professional.

    Swiffy предельно прост в использовании — конвертация выполняется буквально в три действия. Плюс ко всему, этот сервис абсолютно бесплатный.

    Способ 4 — Wallaby

    Утилита от Adobe, которая позволяет легко преобразовывать Flash-баннеры в HTML5-код. Как утверждают разработчики этого инструмента, конвертировать материалы предельно просто — нужно просто перетащить в окно утилиты нужный файл и указать, куда поместить результат.

    Выводы

    Технология HTML5 уверенными шагами выходит на арену интернет-рекламы. Большинство рекламных сервисов уже добавили HTML5 в список форматов рекламы. О росте популярности данной технологии можно судить по тому, что всего за 3 месяца с даты добавления доля HTML5 баннеров в Kadam достигла 10%.

    Огромным преимуществом HTML5 является его применимость для рекламы на мобильный устройствах. С постоянным увеличением доли мобильного трафика эта особенность делает HTML5 прибыльным решением для рекламных кампаний в интернете. К примеру, самыми популярными форматами мобильных HTML5 баннеров в Kadam являются 320х50 и 300х50:

    Безусловно, Flash не исчезнет полностью, но его доля в интернет-рекламе с каждым годом будет все меньше. Хотя споры о том, что лучше — HTML5 или Flash — не утихают уже который год. Даже есть специальный блог, на котором можно проголосовать за любимую технологию.

    А вы уже используете HTML5 баннеры?

    Cделать сайт бесплатно на 1С-UMI - Интернетные штучкиНадежда Баловсяк • 26 августа 2016 • Твитнуть Оцените: Собрать презентабельный сайт для бизнеса или личных целей — эта задача давно уже перестала быть уделом исключительно разработчиков и веб-дизайнеров и привил
    01.09.2016 Интернетные штучки
    Автор : Пол Мюллер (Paul Muller) - CTO и сооснователь компании adjust , признанного лидера в области мобильной аналитики и сервисов для отслеживания эффективности бизнеса в целом и рекламных кампаний в частности.
    23.05.2016 Searchengines.Ru
    Топ-10 трюков использования Instagram, о которых вы могли не знать - Интернетные штучкиНадежда Баловсяк • 21 апреля 2016 • Твитнуть Оцените: Огромное число людей во всем мире сегодня делится моментами своей жизни с друзьями и знакомыми, выкладывая фотографии на страницы сервиса фотоблогов Instagram.
    26.04.2016 Интернетные штучки
    Двойное дно нативной рекламы - Searchengines.RuАвтор: Бен Уильямс , операционный директор блокировщика навязчивых объявлений Adblock Plus, рассказал, почему к нативной рекламе пока невозможно относиться однозначно.
    22.04.2016 Searchengines.Ru
    Facebook делает ставки на ботов  и заменят собой медиа: топ анонсов Facebook F8 - Интернетные штучкиНадежда Баловсяк • 15 апреля 2016 • Твитнуть Оцените: На конференции Facebook F8 для разработчиков, которая закончилась в Сан-Франциско, компания Facebook сделала несколько интересных анонсов,
    15.04.2016 Интернетные штучки
    «Стек рекламных технологий Яндекса для работы с мобильной аудиторией» - Searchengines.Ru30 и 31 марта в Москве в Центре Digital October проходила конференция eTarget-2016 .
    04.04.2016 Searchengines.Ru
    За что платят рекламодатели, размещая баннерную рекламу в РСЯ? - Searchengines.RuАвтор: Борис Омельницкий , директор по развитию сервиса ADFOX компании Яндекс.
    23.03.2016 Searchengines.Ru
    С 18 января билет на поезд можно будет приобрести прямо на Яндекс.Расписаниях, сказал «Роем!» представитель «Яндекса».
    18.01.2018 Roem.Ru
    Что ожидает криптовалютный рынок в 2018 году. Прогнозы - ToWave.RuВ последние недели года популярность биткоина настолько выросла, что начала напоминать «золотую лихорадку», из-за чего эксперты начали ожидать,
    17.01.2018 ToWave.Ru
    Гайдаровский форум—2018 - Минкомсвязь РоссииГлава Министерства связи и массовых коммуникаций Российской Федерации Николай Никифоров принял участие в работе Девятого Гайдаровского форума,
    17.01.2018 Минкомсвязь России
    «Яндекс» запускает сервис для поиска попутчиков — «Яндекс.Попутка», сообщила компания.
    17.01.2018 Roem.Ru
    В начале этой недели будут поданы первые иски российских пользователей iPhone против американской Apple, касающиеся искусственного замедления работы смартфонов прежних поколений.
    15.01.2018 Roem.Ru