Есть два основных вида рекламы — реклама баннерная и контекстная. Оба они используются в маркетинге для повышения продаж и продвижения товаров и услуг. Мы расскажем, что такое баннер и как сделать баннеры для сайтов.

Графические баннеры, в привычной нам в форме прямоугольника.

HTML-баннеры. Более сложные конструкции с кодом, в которых помещаются различные картинки и анимированные элементы. Позволяют направлять пользователя на разные сайты — переадресация зависит от того, в какое место вы кликнете.

Слайдеры, в которых несколько картинок меняются или в автоматическом режиме, или после того, как вы кликнете по нему мышкой.

Несмотря на разнообразие, внешне эти баннеры могут выглядеть почти одинаково, поскольку упакованы в графические контейнеры фиксированных размеров.

Для отдельных проектов дизайн-студии под заказ разрабатывают специальные баннеры. Например, растягивающийся рекламный баннер (Expandable) или HTML MPU (реклама с набором креативов). С распространением в последние годы HTML5 выросла популярность Rich-media. Они обеспечивают глубокое взаимодействие, так как позволяют «играть» с его элементами: такими как видео, аудио и другими мультимедиа. Считается, что Rich-media стимулирует интерес пользователя и мотивирует его взаимодействовать с объявлением.

Размещением напрямую на сайтах уже мало кто занимается. Сейчас это делают платформы DSP (Demand Side Platform), которые покупают показы для своих рекламодателей у платформы-продавца SSP (Sell-Side Platform). Вы просто заходите в свой личный кабинет, указываете параметры целевой аудитории (пол, возраст, доход, гео, интересы и другие данные) и загружаете баннер. Рекламная платформа размещает его на сайтах через аукцион RTB (Real Time Bidding) в режиме реального времени. Вы заранее не знаете, где будет показана ваша реклама — это решает алгоритм, который анализирует таргетинги, выбирает сайты с наиболее подходящими характеристиками, лучшей ценой и после этого ее размещает. Причем происходит этот выбор практически мгновенно, пока у пользователя на другом конце загружается подходящая вам страница. Например, человек в данный момент начинает смотреть сайт о путешествиях и тут же видит объявление с рекламой треккинговых ботинок. В реальности схема торгов RTB более сложная, но, надеемся, принцип вам понятен.

У вас в штате нет дизайнера, который занимается разработкой баннеров? Не беда, проблему легко решить, если создать баннеры для сайта онлайн с помощью сервисов. Если проявите изобретательность, это можно сделать бесплатно или за минимальные деньги.

Adobe Spark

Поклонники Photoshop выбирают этот сервис за привычные интерфейсы Adobe. В нем есть несколько базовых шаблонов. При определенной сноровке с их помощью можно бесплатно создать баннер. Тем, кому базовых решений недостаточно, придется доплатить за расширенный функционал. В США стоимость подписки на одно приложение в рамках плана Adobe Spark для индивидуальных пользователей составляет $ 9,99, а стоимость годового плана — $ 99,99. Но помните, что в связи с уходом Adobe из России вам придется искать обходные пути.

Bannersnack

Bannersnack это не графический редактор, а облачная платформа, где можно не только создавать динамические объявления, но и сразу запускать рекламные кампании. В приложение встроены инструменты аналитики и сбора данных, с помощью которых можно эти кампании настроить.

Кроме стандартных JPG, GIF, PNG, поддерживает HTML5, редкий в наше время Flash, а также видео. Bannersnack совместим со многими рекламными сетями.

Бесплатно предоставляются только 10 статических или анимированных объявлений и 10 000 просмотров в день каждого баннера.

В бесплатной версии баннеры будут с водяным знаком.

В тарифе «Стартовый» за $7 в месяц ограничение уже в 30 объявлений в месяц и 25 000 просмотров в день. Немного, но хотя бы без водяных знаков.

Другие тарифы полностью раскрывают потенциал приложения, но и ценник уже значительно выше.

Canva

Этот сервис давно известен всем, кто создает в нем баннеры для соцсетей и обложки для YouTube. Сделать баннер в нем тоже получится: просто выбирайте дизайны, добавляйте в них эмодзи, стикеры и видео.

Для быстрых задач хватает контента из бесплатной версии. Расширенный функционал с большим выбором шаблонов и инструментов уже за деньги.

Подписка PRO обойдется в € 10,99 в год. Тариф для команд до 5 человек — € 139,90 в год.

Canva официально не работает в России, поэтому ограничения придется обходить.

Crello

Сервис предлагает более 100 тысяч шаблонов дизайна и большую библиотеку фото, видео, фонов, объектов и картинок для баннеров. Есть инструменты создания анимации. Фишка сервиса — пользователям выделяется 10 ГБ для файлов и проектов в облачном хранилище.

Сделать рекламный баннер онлайн бесплатно в Crello можно, но без денег функционал невелик. Платный тариф Pro резко расширяет возможности. Стоимость начинается от $ 7,99 в месяц. Обратите внимание, что сервис в России не работает, так что официально оплатить не получится.

Desygner

Сервис с русским интерфейсом. Позиционирует себя как «графический дизайн для недизайнера». Имеет 14-дневный пробный период, в котором можно протестить все возможности. Хорошо проработана мобильная версия, можно делать дизайн рекламного баннера буквально «на бегу» со смартфона или планшета.

Тариф Pro+ обойдется в ₽ 150 в месяц, тариф «Бизнес» стоит уже ₽ 500 в месяц.

BannerBoo

Это конструктор баннеров в формате HTML, которые можно собрать из набора картинок и иконок. Или найти готовые дизайнерские шаблоны баннеров из почти 100 вариантов.

Баннеры можно загрузить на сайты в виде кода или же скачивать в виде ZIP-архива, уже подготовленного для размещения в баннерных сетях.

Политика сервиса предусматривает максимум три статичных объявления с водяным знаком без оплаты.

Платная подписка стартует с $12 в месяц и снимает ограничения на количество и убирает водяной знак, позволяет работать с анимированными шаблонами.

Из России зарегистрироваться и оплатить не получится, но санкции можно обойти.

Fotor

Хорошая альтернатива ушедшим из России сервисам. Позиционирует себя в первую очередь как фоторедактор, основанный на технологии HTML5. Тем не менее, с его помощью можно делать креативные баннеры.

Работает в вебе, поэтому несложно сохранить проект на одном устройстве и продолжить работу другого. Есть версии для Windows, MacOS и приложения для смартфонов.

В бесплатном плане Basic есть ограничения по инструментам и придется терпеть рекламу. Стоимость платной версии начинается от $8,99 в месяц с тестовым периодом 3 дня.

Итак, вы создали красивый баннер для интернет-магазина самостоятельно или с помощью перечисленных нами сервисов. Осталось запустить его и отслеживать эффективность баннерной рекламы с помощью сервиса коллтрекинг и инструментов сквозной аналитики.

Текстово-графическое объявление

Зайдите в «Текстово-графические объявления». Загрузите свой креатив.

Если его нет, то используйте встроенный инструмент для конструирования. Сначала задайте параметры, следуя подсказкам. Затем найдите «Типы объявлений» — «Графическое». В разделе «Креатив» кликните по «Создать новые по шаблону».

Задайте длину и ширину, сформируйте дизайн баннера и добавьте элементы. При желании загрузите свою картинку, поиграйте с фоном, обводкой и типографикой.

Медийная кампания

Проделываете такие же действия, как и в предыдущем описании. Для баннера в формате HTML вам нужно будет заархивировать его с кодом и креативами.

Смарт-баннеры

Вам нужно сначала отправить подтверждающие сведения на рекламируемый товар. Как только пройдете модерацию, смело загружайте фид, следуя подсказкам.

Поиск

Загружаете ваш собственный креатив согласно техническим требованиям.

Зайдите в раздел Объявления и расширения и выберите Адаптивное медийное объявление.

Настройте элементы интернет баннера:

• Короткий заголовок (до 30 символов);
• Длинный заголовок (до 90 символов);
• Описание (от 1 до 5);
• Наименование бренда;
• URL, ведущий на целевую страницу;
• Параметры отслеживания (если необходимо);
• Call to Action;
• Рекламный текст и прайсы.

Чтобы на вашу рекламу чаще кликали, следуйте лучшим примерам баннерной рекламы и соблюдайте элементарные правила, которые подскажут, как сделать красивый баннер:

• Ваше объявление должно выделяться на сайте или странице блога. Красивые баннеры привлекают внимание.
• Делая баннер, макет не перегружайте элементами. Слишком большое их количество сбивает пользователя с толку, он не может отделить главное от второстепенного.
• Четкий посыл. Текст баннера для интернет магазина должен считываться мгновенно. Рекламное сообщение должно быть коротким и понятным сходу.
• Простой шрифт. Никаких завитушек и засечек. Все, что, замедляет прочтение, беспощадно удаляем. Цвет текста должен быть контрастным и не сливаться с фоном.
• Покажите, куда кликнуть. Разместите на баннере кнопки, чтобы подтолкнуть пользователя кликнуть на баннер.
• Мотивируйте пользователя совершить действие: «Подпишитесь», «Жмите сюда» или «Подробности тут».
• Используйте анимацию, так она привлекает сильнее, чем просто картинка. Но не забудьте, что анимация должна быть не слишком сложной и долгой ( до 10 секунд).
• Размеры баннера для сайта могут быть любыми, но лучше не переусердствовать. Все хорошо в меру

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

Например, биржа баннерной рекламы Rotaban.ru не допускает к размещению HTML, зато соглашается на flash, от которого отказываются другие площадки.

Яндекс размещает баннеры в поисковике, на главной странице, во вкладках Яндекс.Браузера. Есть еще возможность разместиться в РСЯ (это Рекламная сеть Яндекса). В нее входит около 40 000 сайтов.

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

В Google Ads следующие виды баннеров:

• Адаптивные;
• Графические;
• HTML5.

Самым востребованный — адаптивный формат.

Однако не забывайте, что с марта 2022 Google Ads не работает на территории России.

Если вы уже отличаете рекламу баннерную от других ее видов и понимаете для чего нужны баннеры — надеемся, эта статья будет вам полезной.