Темы | МаркетингКак сделать баннер для сайта самостоятельно 18 января 2019 12 мин на чтение69434 продажи дизайн продажи дизайн Елизавета ТеряеваРедактор блога Calltouch Содержание Нет времени читать? Вопрос о том, как сделать баннер — один из старейших в рекламном бизнесе рунета. Именно с баннеров, в частности, начинался промоушн в отечественном сегменте сети. В их славную историю мы не будем подробно вдаваться. Достаточно об основах баннерной рекламы мы рассказали в материалах Какие есть виды рекламы в интернете и Что такое медийная реклама в интернете. В этой статье мы опишем, как именно делать баннеры с учётом новых реалий.Основная задача баннеров — обеспечить приток аудитории. Заранее позаботьтесь о том, чтобы точно измерять и анализировать эффективность рекламы с помощью нашего инструмента: CalltouchПривлекайте, конвертируйте и анализируйте ваших клиентовПлатформа омниканального маркетинга Подробнее Виды баннеровБывает несколько основных видов баннеров:Графический баннер. Прямоугольное изображение, по клику ведущее на рекламируемую страницу.Слайдер. Несколько изображений, сменяющихся по таймеру и по клику.HTML-баннер. Интерактивный элемент, который может содержать несколько изображений, анимацию и HTML-код. Воспроизводит различные сценарии и ведёт на разные страницы в зависимости от клика в определённую область.Все эти разновидности размещаются в стандартных контейнерах определённых размеров. Их насчитывается около двух десятков и все мы приводить не будем. Для примера: 160×600, 240×400, 240×600.Также существует множество более сложных баннеров, таких как HTML MPU — несколько HTML-креативов, Expandable — растягивающийся, Rich-media — баннер, содержащий сразу несколько медиа-форматов, и другие. Их создают и размещают профессионалы. Такие баннеры, в основном, разрабатываются отдельно для каждого проекта, в отличие от перечисленных выше, пригодных для использования в массовых рекламных сетях, также называемых баннерными.Размещение баннеровЕсть несколько способов разместить баннер в интернете. Раньше это была процедура сугубо ручная — на сайте создавался блок, в котором администратором размещался тот или иной креатив.Сейчас вряд ли понадобится ручное размещение — в интернете работают баннерные сети. Блок на сайте не заполняется креативом силами модераторов. Это просто пустое поле, которое принимает контент от третьей стороны — рекламной платформы. Уже там у рекламодателей есть кабинеты, с помощью которых они загружают свои баннеры.Далее баннер адресуется не какому-то заранее определённому сайту. Работает RTB-алгоритм. Real Time Bidding — технология, с помощью которой осуществляется целевой показ рекламных объявлений. В зависимости от того, к какому потребительскому сегменту принадлежит посетитель страницы, которому будет продемонстрирован баннер, аукцион подбирает для него наиболее подходящее объявление согласно настройкам рекламодателя. Последний в рабочем кабинете определяет, какие именно сегменты пользователей будут видеть его баннеры, а площадки управления данными подбирают ту аудиторию, которая по результатам анализа подходит под описание. В результате, происходит моментальный подбор баннера — только в последние доли секунды загрузки страницы становится понятно, какой именно баннер система отобразит в блоке. Сквозная аналитикаОценивайте эффективность всех рекламных кампаний в одном окне от клика до ROIВкладывайте в ту рекламу, которая приводит клиентов ПодробнееПлощадкиВ частных случаях вам может понадобиться только статичное размещение на одном или нескольких сайтах. Необходимо создать баннер подходящего формата — графический, слайдер или HTML, чтобы разместить его в блоке на сайте. В случае, если вы владелец ресурса, то вы сами решаете, какое место займёт баннер, и загружаете его в каталог. Либо вы договариваетесь с владельцем сайта о месте размещения, передавая ему исходники баннера.Баннерные сетиРазмещение баннеров в интернете обеспечивает перечень баннерных сетей, у каждой из которых свои требования к креативам.Например, Rotaban.ru всё ещё принимает flash-баннеры, но запрещает HTML.Более серьёзный игрок Adfox.ru предлагает широкий выбор. Рекламодатель вправе разместить графические и HTML-баннеры. В первом случае допустимы форматы png, gif, jpg, svg и файлы весом не более 300 Кб.Сеть GinAds.com работает с разнообразными форматами, например: Топлайн, Слайдер, Видео, Боттомлайн, Fullscreen, HTML-баннеры.Яндекс.ДиректЯндекс внедрил целый набор баннерных размещений для рекламодателей.Летом 2016 в РСЯ помимо текстово-графических объявлений появилась возможность показывать сугубо графические баннеры.Медийная кампания позволяет показывать баннеры с оплатой за показы.Смарт-баннеры, работающие в сетях, основаны на фиде — списке товаров. На его основе генерируется динамический контент под конкретного пользователя.Баннеры на поиске — новое слово в контекстной рекламе. Теперь большой графический баннер можно разместить не только в сетях, но также на странице поисковой выдачи.Google AdsБолее скромные, но вполне реальные возможности размещения баннеров предоставляет также Google. В рекламном кабинете можно обнаружить, что при создании кампании в КМС — контекстно-медийной сети — вам доступна загрузка баннеров. Тем не менее, в то время как графические объявления с анимацией и без разрешаются любому рекламодателю, HTML5 будет доступен только по запросу и при соблюдении требований:Аккаунт с хорошей репутацией в аспекте соблюдения правил и оплаты услуг;Общие затраты с момента запуска аккаунта — не менее 1000 долларов США.Вместе с тем, летом 2018 Google по примеру других игроков создал формат адаптивных медийных объявлений. Эти объявления подстраиваются под пользователя с помощью динамического контента и могут быть созданы на основе фида. Маркетинг Читайте также: Как сделать правильный пресс-релиз Как сделать правильный пресс-релиз Как сделать баннер для сайта и сетейНачнём с того, что вам может понадобиться с наибольшей вероятностью.Яндекс.ДиректГрафическое объявлениеСоздаётся в меню Текстово-Графических объявлений. Загрузка креатива возможна с устройства, а также предусмотрено создание баннера с помощью конструктора.После задания настроек показов перейдите на шаг создания объявлений. Выберите вверху тип Графическое. В разделе Креатив появится выпадающий список. Из списка выберите подходящий вариант — например, Создать новые по шаблону.Откроется редактор. В левой колонке пользователь отмечает необходимые размеры, а в правой изменяет дизайн и элементы баннера. В частности, можно загрузить изображение, изменить цвета заливки и рамки, цвет текста и многое другое.Медийная кампанияПредусматривает те же шаги с той разницей, что в медийной кампании используются только графические объявления. В остальном, процесс загрузки и создания баннеров идентичен.Для HTML-баннера необходимо подготовить zip-архив с кодом и креативами.Смарт-баннерыНеобходимо пройти модерацию сайта, предварительно отправив документы: лицензии и сертификаты на продажу размещаемой и рекламируемой продукции.Далее — загрузить фид — прайс-лист, составленный по шаблону.Баннер на поискеКреатив создаётся предварительно пользователем. Требования:120 КбJPG, PNG или GIF240×400 pxGoogle AdsСоздание адаптивного медийного объявления начинается с меню Объявления и расширения. В нём необходимо кликнуть иконку плюса и выбрать Адаптивное медийное объявление.Можно загрузить до 15 изображений и до 5 логотипов. Требования:Горизонтальная ориентация. Соотношение сторон – 1,91:1; минимальный размер – 600 x 314. Не более 5 МБ.Квадрат. Соотношение сторон – 1:1 (квадрат), минимальный размер – 300 x 300. Не более 5 МБ.Логотип (необязательно). Соотношение сторон – 1:1 (квадрат), минимальный размер – 128 x 128 (рекомендуемый формат – 1200 x 1200). Не более 5 МБ.Избыточный текст. Не более 20 % изображения.Сами объявления состоят из настраиваемых элементов:Короткий заголовок (как минимум один, до пяти; каждый — до 30 символов)Длинный заголовок (до 90 символов)Описание (как минимум одно, до пяти)Название компании или брендаКонечный URLПараметры отслеживания или специальные параметры (необязательно)Текст призыва к действию (необязательно) Рекламный текст и префикс ценыБаннер с нуляСпециалисты рекомендуют различный софт, который позволяет делать баннеры самостоятельно — в том числе, HTML-баннеры, в которых код генерируется самой программой.Так, среди популярного программного обеспечения выделяют:Adobe Animate CCGoogle Web DesignerЕсли у вас есть навыки вёрстки, то лучше самостоятельно прописать компоненты на CSS, javascript и HTML.А еще, размещая баннеры с переходом на ваш сайт на сторонних ресурсах, установите скрипт коллтрекинга – он помогает отслеживать эффективность.КоллтрекингОтслеживайте источники звонков с рекламы для ее оценкиВкладывайте в ту рекламу, которая приводит клиентов. Слушайте звонки и улучшайте работу менеджеров. Перейти Елизавета ТеряеваРедактор блога Calltouch