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

Расскажем и поделимся всем, что знаем!

Как создать красивую анимированную рекламу для сайта за 7 простых шагов

7 октября 2020
Согласно статистике, медийная реклама остается крайне популярна и занимает 2 место по эффективности, опережая даже рекламу в социальных сетях. Несмотря на то, что за последние несколько лет баннерная реклама показывает низкий CTR, ретаргетинг делает ее снова актуальной: при средней скорости клика по баннерам в 0,7% ретаргетинг увеличивает CTR до 7%, что превышает исходный процент в 10 раз.

Бытует мнение, что баннерная реклама безнадежно устарела. Однако аналитика опровергает этот факт: в 2020 году на баннерную рекламу маркетологи по всему миру планируют потратить почти 64 млрд долларов.

Советы по размещению баннера на сайте

Если верить статистике, опубликованной на PROlid, то CTR рекламных баннеров не высок — около 0,5%. Но повлиять на его рост можно с помощью правильного размещения и создания. Вот несколько проверенных советов:
  1. Взгляд пользователя чаще акцентируется на левом верхнем углу. Размещение баннера как можно левее и выше увеличит его конверсию.
  2. Кликабельность баннера зависит от интересности и полезности контента, внутри которого он размещен. При публикации баннера обратите внимание, чтобы он располагался рядом с самым привлекательным и читабельным объектом.
  3. На каждом сайте есть определенный уровень насыщения рекламой — 5-7 баннеров. При меньшем или большем количестве посетитель сайта теряется и не монетизируется, поэтому обязательно учитывайте количество рекламы.
  4. Эффект баннерной слепоты сильно преувеличен. Чтобы его обойти, достаточно проанализировать свою целевую аудиторию и создать баннер, который будет удовлетворять ее потребности. 7 из 10 пользователей подтверждают этот факт.
Так как же создать эффективный рекламный баннер? С помощью конструктора рекламных баннеров BannerBoo это можно сделать онлайн и за 7 простых шагов!

Создание рекламного анимированного баннера

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

Шаг 1. Регистрация на онлайн-конструкторе рекламы BannerBoo. Можно создать аккаунт с помощью электронной почты или социальных сетей.

Важно! Если у вас в браузере установлен Adblock, добавьте BannerBoo в список исключений, иначе работа не продолжится.


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

Будет полезно новичкам! Конструктор баннеров собрал более 7000 шаблонов для соцсетей, Яндекс-директ, Google Ads. Чтобы создавать красивую рекламу с первого раза, вам достаточно откорректировать эти шаблоны под свой продукт!


Шаг 3. В открывшемся конструкторе слева есть ряд инструментов. Там выбираем шаблон или изображение из библиотеки. Также есть возможность импортировать свои фотографии или картинки. Обратите внимание, чем выше размер импортируемого медиафайла, тем больше и размер баннера. А значит, на некоторые ресурсы вы просто не сможете загрузить анимированный баннер. Ищите грамотный баланс вес ー качество, чтобы не тратить время на оптимизацию баннера в дальнейшем.

Шаг 4. Создаем текст. Выбираем соответствующую вкладку слева, перетаскиваем рамку с текстом на картинку и пишем необходимый текст. Если вы работаете с шаблоном, то просто два раза кликаете на текст на изображении. В выпавшем меню есть инструменты для редактирования размера, цвета и вида шрифта.

Совет! Поэкспериментируйте сначала со слоганом и призывом к действию в отдельном документе, например, Word. Так вы сможете подобрать лаконичную форму, которая точно поместится на баннер.


Шаг 5. Чтобы создать анимацию появления, внизу в строке проигрывания щелкните в начало слоя и выберите необходимый эффект. Анимация скрытия находится в конце слоя. Здесь же вы можете открыть предварительный просмотр и увидеть, как будет выглядеть ваш баннер в готовом виде.

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

Обратите внимание! Кнопка на баннере должна ответить на вопрос “Что мне делать?”. То есть, какое действие должен совершить читатель после получения рекламной информации. Эта информация должна максимально соответствовать контексту. Например, для медицинской клиники “Записаться на осмотр”, для сайта по продаже техники “Перейти к каталогу”.


Шаг 7. Баннер готов, нажимаем "Сохранить" и "Публиковать". Чтобы получить HTML5 код, копируем его в появившемся окне. Здесь же настраиваем вид публикации, будет ли открываться в новой вкладке или на этой же странице и так далее. С помощью этого кода можете размещать баннер на сайте! (Для того, чтобы сохранить баннер для Google или Яндекс, вам нужно выбрать опцию скачивания ZIP-архива).

Важно! Не забывайте сохранять ваш баннер. Проще всего нажать сочетание клавиш CTRL+S, тогда кнопка “Сохранить” станет неактивной и вы можете быть уверены, что на просмотре получите актуальную версию вашего баннера.


Стоит отметить, что конструктор анимированных баннеров позволяет сохранять их в любом доступном формате: JPG, PNG, GIF, HTML5, AMPHTML и MP4. Кроме того, в нашем конструкторе баннеров в режиме онлайн есть подсказки, какой размер и формат применяется в социальных сетях или рекламных кабинетах поисковых систем.

Похожие статьи:

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

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