Войти с помощью:
или

Добро пожаловать в блог BannerBoo

Статьи, советы и секретные фишки от команды BannerBoo
header image

Как сделать HTML5 баннер для Google

По данным Comsore, платформы Google занимают 1 место в ТОП-50 мультиплатформенных сайтов среди пользователей США.

Многомиллиардную прибыль компании приносят поисковая система и различные дополнительные сервисы. Однако львиную долю корпорация зарабатывает на рекламном инструменте Google Ads (103 млрд долларов за 2019 год).

The search engine and various additional services bring the company multibillion-dollar profits.

Такой успех связан напрямую с эффективностью рекламы в Google. Это происходит потому, что: а) Google работает по всему миру в отличие от других поисковиков; б) имеет сравнительно небольшую стоимость рекламы; в) все многочисленные пользователи Android пользуются встроенными сервисами корпорации.

На 2021 год прогнозируется рост затрат на интернет-маркетинг, в том числе, в Google, в среднем до 52%.

Где создать рекламу для Google: на внутреннем или стороннем сервисе?

Вместе с рекламным кабинетом компания предложила также инструмент по созданию анимированных HTML5 баннеров — Google Webdesigner. Однако в этом конструкторе со сложным интерфейсом новичку разобраться очень непросто ведь прежде, чем начать работать с ним, нужно просмотреть множество обучающих курсов. Есть также неплохой встроенный конструктор Google Ads, но баннеры, сделанные в нем, похожи друг на друга, как братья-близнецы.

Google Web Designer

В этом случае BannerBoo — одно из лучших решений для создания HTML5 баннеров для Google, ведь в нем есть:
— 7000 профессиональных дизайнерских шаблонов, которых нет в Google Webdesigner и Google Ads.
— Удобный, легкий и интуитивный интерфейс, который быстро освоит даже новичок.
— Быстрая и беспроблемная валидация баннеров Bannerboo в рекламной платформе Google Ads!

Почему выбирают BannerBoo?
HTML5 Banner maker

Существует множество онлайн-программ для создания HTML5 баннеров, но BannerBoo — это лучший конструктор для тех, кто хочет создавать анимированные баннеры без знаний в программировании.

Преимущества конструктора:
  • не нужно скачивать ПО — работает в онлайн-режиме
  • идеален для новичков — готовые шаблоны, простой интерфейс, подсказки
  • подходит для профессионалов — широкий функционал, множество инструментов для полноценного дизайна
  • помогает быстро создавать баннеры — все, что нужно, есть в одной вкладке
  • позволяет масштабировать рекламные кампании — в пару кликов можно создавать рекламу сразу для всех популярных площадок.

Как создать эффективный анимированный HTML5 баннер без специальных навыков?

Шаг 1. Сначала вам необходимо создать личный кабинет в BannerBoo. Это можно сделать с помощью электронной почты или войти через социальные сети.

Step 1: Sign in

Шаг 2. С помощью кнопки "Сделать баннер" вы попадете в сам конструктор, где у вас откроется панель с инструментами и таймлайн. На этом этапе выбираем размер.

Специально для новичков в дизайне в Bannerboo есть 7000 адаптированных шаблонов! Вам нужно лишь выбрать подходящий и отредактировать под ваши потребности!

Шаг 3. С помощью инструментов создаем фон для баннера, выбираем картинки и эффекты. Не перегружайте баннер элементами: он будет иметь большой объем и может подойти не ко всем площадкам, а также запутает пользователей и не даст нужной информации о продукте или услуге.

A panel with all kinds of tools

Шаг 4. На любом рекламном баннере нужен информативный текст. Выбираем в левой панели "Текст", перетаскиваем его мышкой в рамку на баннер, кликаем на нем два раза двойной клик и пишем сообщение. Постарайтесь четко и кратко донести основную идею вашего предложения.

Шаг 5. Добавить анимацию скрытия и появления очень просто! В таймлайне в начале и в конце проигрывания элемента баннера есть значок "Добавить анимацию". В этой же панели доступен и предварительный просмотр баннера.

Choose the animation

Шаг 6. С помощью инструмента "Объекты" добавьте кнопку с призывом к действию, красивую иконку, стрелку и анимированные элементы, чтобы сделать баннер "живым" и привлекательным.

Шаг 7. Для того, чтобы разместить готовый баннер, нажимаем "Сохранить" и "Публиковать". Для того, чтобы баннер можно было разместить в Google, выберите "Скачать ZIP-архив", выберите опции "Внешние ссылки", "Обернуть в <a>" и "Добавить ClickTag". В поле "Введите URL для ClickTag" укажите " https://www.google.com", а в поле "#LINK#" введите комбинацию "javascript:void(window.open(clickTag)). Готово! (В нашей Базе Знаний есть подробная статья с настройками параметров баннеров для Google Ads. А если у вас оплачен тариф “Плюс”, то вам достаточно просто выбрать вкладку “Google Ads” и все настройки пропишутся автоматически).

An example `How to save banner`

Вот так просто и быстро можно создать HTML5 баннер для эффективной рекламы в Google Ads! Оценить простоту интерфейса конструктора BannerBoo можно бесплатно – прямо сейчас!

« Возврат к списку
Похожие статьи:
Как сделать HTML5 баннер в 2020 — пошаговое руководство
Что такое HTML5 баннеры и как их можно сделать
arrow icon
Оформите премиум подписку
Upgrade icon
Раскройте свой творческий потенциал с нашей премиальной подпиской!

✨ Без водяного знака
✨ Неограниченное количество баннеров
✨ Изменение размера баннера
✨ Анимированные баннеры
✨ Экспорт в GIF, HTML, AMP

Откройте сокровищницу клипартов, профессиональных шаблонов и эксклюзивных возможностей брендинга. Оформите подписку сейчас!
Уууупс!
Нам очень жаль, но, кажется, ваш браузер используте плагин типа Ad blocker.

Поскольку BannerBoo является инструментом для создания и управления баннерами, а ad blocker сильно усложнит вашу работу по созданию баннеров, используя наш сервис.

Пожалуйста, добавьте *.bannerboo.com* в список исключений либо отключите ad blocker.