Баннеры, рекламные баннеры, Flash и HTML5
Posted: Sun Feb 02, 2025 5:50 am
В Red Orbit мы часто сталкиваемся с проблемами у клиентов, когда реклама (баннеры) технически не соответствует (довольно) строгим требованиям контекстно-медийной сети Google. В последние месяцы... на самом деле, в последние 2 года среди дизайнеров стало особенно популярно готовить рекламу в (совершенно новом) техническом формате - HTML5 (последняя версия HTML - языка разметки гипертекста), который, как и Flash, позволяет нам создавать анимированный графический контент в Интернете. HTML5 не является актуальной темой в мире разработчиков интерфейсов. Практически каждый веб-сайт написан с его использованием (внимание: фраза новичка). Итак, это способ написать рекламу или Мы разрабатываем его на том же языке, что и весь остальной сайт.
То есть до сих пор реклама не писалась в HTML?
Нет. В 2005 году, когда Google запустил YouTube, это была вершина Flash-технологий. Это фактически дало нам возможность посмотреть это видео. Наши рекламные объявления и баннеры также были созданы во Flash — на протяжении многих лет это был основной формат, в котором мы, дизайнеры, создавали анимированные рекламные баннеры и графические элементы в Интернете. Если вы видели рекламу, в которой что-то мигало, двигалось или менялось, значит, эта реклама была сделана во Flash.
И так же, как время обогнало кассеты, видеомагнитофоны, плееры Walkman, компакт-диски и Internet Explorer, так и появление новых технологий вытеснило Flash. Гигант Apple Стив Джобс объявил еще в 2010 году, что их «i-продукты» — не только iPhone, но также iPad и iPod — не будут поддерживать технологию Flash, поскольку, как утверждалось, она потребляет слишком много энергии (проблема с потреблением заряда батареи ) и ненадежные. мобильные браузеры. Прошлым летом Google сделала похожее открытие, начав автоматически блокировать все разделы веб-сайтов, содержащие Flash-контент, в своем флагманском браузере Google Chrome.
Но зачем отказываться от Flash, если мы к нему привыкли?
Это будет просто. Причин тому несколько, и все они оказывают существенное влияние на охват рекламы, которую вы размещаете с помощью анимированных баннеров. Даже если вы пока не ощущаете влияния спада Список мобильных номеров Кении популярности Flash-анимированной рекламы на результаты своей рекламы, ниже приведены 5 причин, которые определенно заставят вас задуматься, если не конвертировать.
Flash-реклама не работает на большинстве мобильных устройств (планшетах и мобильных телефонах). Это само по себе пугает, особенно в контексте того, что доля использования мобильных устройств растет экспоненциально — до +67,6% в годовом исчислении . Также растет доля транзакций, совершаемых с помощью мобильных устройств. Это преимущество, которое нельзя игнорировать.
Google больше не будет разрешать Flash-рекламу . Ранее в этом году компания Google объявила, что с июня этого года прекратит загрузку анимированных Flash-баннеров в своей рекламной сети, а со 2 января 2017 года их показ будет полностью отключен. Таким образом, если вы не переведете свои баннерные объявления на технологию HTML5, вас больше не увидят в рекламной сети Google. И вот тут-то дискуссия действительно заканчивается. Однако у рекламы HTML5 есть и другие преимущества. Читайте дальше…
Создание HTML5-рекламы может быть быстрее . HTML позволяет более гибко подходить к подготовке креативов, поскольку мы можем полностью отказаться от пользовательских интерфейсов, например: мы корректируем только цену в объявлении. Давайте исправим HTML, со 139 евро на 137 евро, CTRL + S, заархивируем и вуаля! Конечно, здорово, что вы уже что-то писали на HTML.
Использование динамического контента . HTML5 позволяет использовать контент, который адаптируется «на лету». Ваши объявления могут, например: Они отсчитывают часы и минуты до окончания рекламного предложения, которые подстраиваются в режиме реального времени под время, когда каждый пользователь увидит вашу рекламу. Если вы продаете широкий ассортимент продукции, вы также можете менять местами различные продукты, корректировать цены или корректировать ассортимент в своих объявлениях.
Улучшите свою рекламу с помощью профессиональных анимационных библиотек . Не так давно Google объявил, что теперь также позволяет использовать внешние библиотеки анимации, такие как Greensock и CreateJS . С их помощью мы можем создавать так называемые сверхвысокопроизводительные анимации и различный обогащенный контент. Серьёзно, погуглите! Это огромно .
Хорошо, я понял. Мне нужна реклама HTML5. И что теперь? Опять ты единственный, кто это знает?
Ха-ха, я ждал, что ты спросишь. Нет, нет, конечно нет. Это поймет каждый, кто дочитает до конца. У вас есть несколько вариантов подготовки креативов в HTML5. И вам не обязательно быть хорошим знатоком HTML. Секрет кроется в следующих программных решениях:
Google Web Designer на момент написания статьи все еще находился в стадии бета-тестирования. Решение проблем Flash от Google — инструмент, способный на многое, но в то же время являющийся причиной множества седых волос на голове — в основном потому, что программа иногда действительно дает сбои. Только бета-версия. С другой стороны, вся прелесть в том, что это инструмент Google, и он действительно гармонично работает с Google AdWords или Google DoubleClick.
Узнайте больше о программном обеспечении Google Web Designer .
Adobe Animate CC (ранее Adobe Flash) — отличная новость для тех, кто всегда создавал рекламу во Flash. Месяц назад Adobe Flash превратился в Adobe Animate CC — программу с идентичным интерфейсом, но написанную таким образом, что она может экспортировать настоящую рекламу HTML5.
Узнайте больше о программном обеспечении Adobe Animate CC .
Adobe Edge Animate , возможно, знаком кому-то, но, к сожалению, уже не актуален, так как Adobe прекратила его разработку в ноябре прошлого года именно потому, что полностью переписала вышеупомянутый Adobe Animate CC и теперь практически весь функционал можно найти там.
На что же следует обратить внимание при подготовке рекламы?
Как уже упоминалось во введении, у Google довольно строгие требования при размещении рекламы в контекстно-медийной сети Google. Чтобы обеспечить бесперебойную работу нашей команды Google AdWords , вы можете найти здесь всю необходимую информацию по подготовке своих объявлений , но я обобщу ее следующим образом:
Придерживайтесь стандартных размеров.
Если вы создаете свое объявление где-либо, кроме Google Web Designer, определите размер объявления с помощью метаданных в заголовке HTML, например так <meta name="ad.size" content="width=300, height=250">.
Размер конечного экспортированного .zip-файла не должен превышать 150 КБ. Я знаю, это может быть довольно весело. Проблема будет в миниатюрах. Вот инструмент, который еще больше «сожмет» уже сжатые файлы .jpg и .png.
Все файлы, на которые вы ссылаетесь, должны быть включены в конечный экспортный .zip-файл и их количество не должно превышать 40.
Сохраните исходные файлы, которые послужат отправной точкой в случае адаптации.
Дайте осмысленные имена исходным папкам и конечным файлам экспорта. Добавьте название проекта, версию и размер готовящейся рекламы. Поверьте, как только вы сделаете их больше 10, вы быстро запутаетесь.
То есть до сих пор реклама не писалась в HTML?
Нет. В 2005 году, когда Google запустил YouTube, это была вершина Flash-технологий. Это фактически дало нам возможность посмотреть это видео. Наши рекламные объявления и баннеры также были созданы во Flash — на протяжении многих лет это был основной формат, в котором мы, дизайнеры, создавали анимированные рекламные баннеры и графические элементы в Интернете. Если вы видели рекламу, в которой что-то мигало, двигалось или менялось, значит, эта реклама была сделана во Flash.
И так же, как время обогнало кассеты, видеомагнитофоны, плееры Walkman, компакт-диски и Internet Explorer, так и появление новых технологий вытеснило Flash. Гигант Apple Стив Джобс объявил еще в 2010 году, что их «i-продукты» — не только iPhone, но также iPad и iPod — не будут поддерживать технологию Flash, поскольку, как утверждалось, она потребляет слишком много энергии (проблема с потреблением заряда батареи ) и ненадежные. мобильные браузеры. Прошлым летом Google сделала похожее открытие, начав автоматически блокировать все разделы веб-сайтов, содержащие Flash-контент, в своем флагманском браузере Google Chrome.
Но зачем отказываться от Flash, если мы к нему привыкли?
Это будет просто. Причин тому несколько, и все они оказывают существенное влияние на охват рекламы, которую вы размещаете с помощью анимированных баннеров. Даже если вы пока не ощущаете влияния спада Список мобильных номеров Кении популярности Flash-анимированной рекламы на результаты своей рекламы, ниже приведены 5 причин, которые определенно заставят вас задуматься, если не конвертировать.
Flash-реклама не работает на большинстве мобильных устройств (планшетах и мобильных телефонах). Это само по себе пугает, особенно в контексте того, что доля использования мобильных устройств растет экспоненциально — до +67,6% в годовом исчислении . Также растет доля транзакций, совершаемых с помощью мобильных устройств. Это преимущество, которое нельзя игнорировать.
Google больше не будет разрешать Flash-рекламу . Ранее в этом году компания Google объявила, что с июня этого года прекратит загрузку анимированных Flash-баннеров в своей рекламной сети, а со 2 января 2017 года их показ будет полностью отключен. Таким образом, если вы не переведете свои баннерные объявления на технологию HTML5, вас больше не увидят в рекламной сети Google. И вот тут-то дискуссия действительно заканчивается. Однако у рекламы HTML5 есть и другие преимущества. Читайте дальше…
Создание HTML5-рекламы может быть быстрее . HTML позволяет более гибко подходить к подготовке креативов, поскольку мы можем полностью отказаться от пользовательских интерфейсов, например: мы корректируем только цену в объявлении. Давайте исправим HTML, со 139 евро на 137 евро, CTRL + S, заархивируем и вуаля! Конечно, здорово, что вы уже что-то писали на HTML.
Использование динамического контента . HTML5 позволяет использовать контент, который адаптируется «на лету». Ваши объявления могут, например: Они отсчитывают часы и минуты до окончания рекламного предложения, которые подстраиваются в режиме реального времени под время, когда каждый пользователь увидит вашу рекламу. Если вы продаете широкий ассортимент продукции, вы также можете менять местами различные продукты, корректировать цены или корректировать ассортимент в своих объявлениях.
Улучшите свою рекламу с помощью профессиональных анимационных библиотек . Не так давно Google объявил, что теперь также позволяет использовать внешние библиотеки анимации, такие как Greensock и CreateJS . С их помощью мы можем создавать так называемые сверхвысокопроизводительные анимации и различный обогащенный контент. Серьёзно, погуглите! Это огромно .
Хорошо, я понял. Мне нужна реклама HTML5. И что теперь? Опять ты единственный, кто это знает?
Ха-ха, я ждал, что ты спросишь. Нет, нет, конечно нет. Это поймет каждый, кто дочитает до конца. У вас есть несколько вариантов подготовки креативов в HTML5. И вам не обязательно быть хорошим знатоком HTML. Секрет кроется в следующих программных решениях:
Google Web Designer на момент написания статьи все еще находился в стадии бета-тестирования. Решение проблем Flash от Google — инструмент, способный на многое, но в то же время являющийся причиной множества седых волос на голове — в основном потому, что программа иногда действительно дает сбои. Только бета-версия. С другой стороны, вся прелесть в том, что это инструмент Google, и он действительно гармонично работает с Google AdWords или Google DoubleClick.
Узнайте больше о программном обеспечении Google Web Designer .
Adobe Animate CC (ранее Adobe Flash) — отличная новость для тех, кто всегда создавал рекламу во Flash. Месяц назад Adobe Flash превратился в Adobe Animate CC — программу с идентичным интерфейсом, но написанную таким образом, что она может экспортировать настоящую рекламу HTML5.
Узнайте больше о программном обеспечении Adobe Animate CC .
Adobe Edge Animate , возможно, знаком кому-то, но, к сожалению, уже не актуален, так как Adobe прекратила его разработку в ноябре прошлого года именно потому, что полностью переписала вышеупомянутый Adobe Animate CC и теперь практически весь функционал можно найти там.
На что же следует обратить внимание при подготовке рекламы?
Как уже упоминалось во введении, у Google довольно строгие требования при размещении рекламы в контекстно-медийной сети Google. Чтобы обеспечить бесперебойную работу нашей команды Google AdWords , вы можете найти здесь всю необходимую информацию по подготовке своих объявлений , но я обобщу ее следующим образом:
Придерживайтесь стандартных размеров.
Если вы создаете свое объявление где-либо, кроме Google Web Designer, определите размер объявления с помощью метаданных в заголовке HTML, например так <meta name="ad.size" content="width=300, height=250">.
Размер конечного экспортированного .zip-файла не должен превышать 150 КБ. Я знаю, это может быть довольно весело. Проблема будет в миниатюрах. Вот инструмент, который еще больше «сожмет» уже сжатые файлы .jpg и .png.
Все файлы, на которые вы ссылаетесь, должны быть включены в конечный экспортный .zip-файл и их количество не должно превышать 40.
Сохраните исходные файлы, которые послужат отправной точкой в случае адаптации.
Дайте осмысленные имена исходным папкам и конечным файлам экспорта. Добавьте название проекта, версию и размер готовящейся рекламы. Поверьте, как только вы сделаете их больше 10, вы быстро запутаетесь.