Виды баннерной рекламы. Виды рекламных баннеров и как их создать для клиента. Цена за размещение и ротатор банеров

Здравствуйте, уважаемые читатели блога сайт. Хотел сегодня рассказать про создание баннера в онлайн сервисе, но решил, что данная тема, возможно, заслуживает более широкого рассмотрения.

Думаю, о том, что это такое (до сих пор не уверен в правильности написания, ибо вариант «банер» тоже довольно часто встречается на просторах интернета) большинству из вас давно уже известно. Для кого-то это назойливая штуковина, которую вы всеми доступными способам пытаетесь убрать с просматриваемых вами вебстраниц.

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

Код для его вставки будет выглядеть примерно так:

Flash-баннеры — самый сложный в реализации, иногда довольно тяжелый, но при должном подходе самый эффективный способ привлечения внимания посетителей. Ссылка зашивается непосредственно в файл SWF (или указывается в коде) и кроме перехода по ней, иногда пользователю представляется возможность чего-то там понажимать, поиграться или совершить еще какие-либо интерактивные действия.

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

Для его создания используется уже не растровая графика, как в двух предыдущих случаях, а векторная, которая прекрасно масштабируется (без потери качества) и из Flash-баннера размера 468×60 можно запросто получить вот такого монстра, просто изменив значения его размера по высоте и ширине.

Код его вставки, правда, выглядит устрашающе, ибо состоит из комбинации валидных и не валидных :

Этот вариант кода вставки Flash-баннера на сайт является наиболее универсальным. Тут происходит дублирование за счет использования двух аналогичных тегов Embed и Object. Причем первый не является валидным, но некоторые старые браузеры не понимают Object и поэтому приходится перестраховываться.

Если валидный Html код для вас является превалирующим, то используйте только Object, например, так:

Различные атрибуты тега Param используются для настройки работы Flash-проигрывателя, который, кстати, загрузится на компьютер пользователя по приведенной в атрибуте Codebase ссылке (если, конечно, он не будет найден на компе пользователя).

Цена за размещение и ротатор банеров

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

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

На самом деле возможно несколько вариантов установления цены:

Фиксированная цена — такое-то место на сайте будет стоить столько-то рублей или долларов за 30 дней размещения баннера такого-то размера (пример смотрите ). Этот вариант часто используется при ценообразовании на рынке баннерной рекламы в рунете. В этом случае вам не нужно будет заморачиваться с подсчетом эффективных показов, с учетом кликов произведенных по рекламному блоку.

Получили графический или же флеш файл от рекламодателя, поставили его в оговоренную позицию и на ваш счет капнула определенная сумма Вебманей или денег Яндекса (у меня были даже случаи оплаты через международные деньги Pay Pal, но их сложно выводить на постсоветском пространстве). Цену можно будет регулировать в зависимости от активности и количества рекламодателей. Чем больше спрос — тем выше цена.

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

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

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

Из бесплатных полноценных рекламных движков можно выделить OpenX , который вы должны будете установить на свой собственный сервер (можно и виртуальный), что вызовет дополнительные расходы, т.к. данная система по отзывам довольно прожорлива. Опять не идеал.

Однако идеал существует. Это купленная когда-то Гуглом система под названием DoubleClick for Publishers Small Business . Она бесплатная, обладает всей мощью Google (а значит о тормозах не может быть и речи) и позволяет подключать Адсенс в том случае, когда не найдется прямых рекламодателей. Красота, но чертовски непонятная штука. Два раза пытался читать русский хелп, но оба раза понимал, что ничего не понимаю. А обучающее видео имеет место быть только на недоступных моему пониманию языках.

Оплата за клик по баннеру — довольно редко используется данный тип оплаты, если не приравнивать к ним контекстную рекламу и . Пока рекламодатели не слышат скажу шепотом, что по банерам не так уж и охотно кликают, но правда это еще во многом зависит и от его внешнего вида. Если покопаться в статистике Адсенса, то можно увидеть, что CTR графических блоков не так уж и сильно отстает от текстовых объявлений, но их владельцы при этом, наверняка, очень прилично потратились на дизайнеров, которые эти шедевры рисовали. Все относительно.

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

При этом в ссылку с каждым из них (находящихся в ротации) можно будет внедрить уникальную метку, по которой рекламодатель сможет собрать статистику и отсеять в итоге неэффективные варианты. Я, например, использую наипростейший PHP скриптик, который решает проблему ротации баннеров :

"; $img = ""; $max = count($img) - 1; $count = rand(0,$max); echo $img[$count]; ?>

Это простейший ротатор и, что примечательно, конструкцию:

можно будет повторять нужное количество раз. Этот же скрипт подойдет и для ротации Flash-баннеров с их громоздким кодом. Главное при этом размещать этот самый код строго между одинарных кавычек переменной массива $img = "тута"; .

В самом коде банера, естественно, не должно быть одинарных кавычек, только двойные как у меня, или же их придется экранировать (ставить обратный слеш перед каждой одинарной кавычкой), иначе все посыпется.

Как самому сделать баннер онлайн

Я, конечно же, понимаю, что создание банеров прежде всего является прерогативой профессионалов. Нужен особый взгляд, опыт и талант, наконец. И даже хорошее знание популярных графических редакторов (аля ) не даст вам полной уверенности в успехе, ну а уж если вы таким знанием не обладаете, то окунаться в дело создания эффективных графических рекламных блоков не стоит. А может быть стоит?

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

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

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

На первой вкладке «Макет» вам будет предложено выбрать габариты будущего банера из выпадающего списка стандартных размеров, либо указать свой собственный нестандартный. Далее вам нужно выбрать цветовое решение:

однотонную заливку одним выбранным цветом
градиентную заливку (используется по умолчанию) с выбором обоих цветов и способа перетекания градиента
загрузить изображение, которое будет использовать в качестве фона

Чтобы произведенные вами изменения отобразились на макете, нажмите на расположенную чуть ниже кнопку «Изменить». Переходим на вкладку «Текст». В зависимости от типа и размера итогового баннера вы сможете задействовать от одной до шести линий с текстом (по умолчанию используется две).

Вписываете нужный вам текст для каждой линии и выбираете тип шрифта, которым будут прописаны слова. Шрифтов очень много, но поддержку русского я нашел только в группе «Stock»:

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

На следующей вкладке «Воздействие» вы сможете задать направление падения света для отбрасывания тени, собственно, ширину тени, ее цвет, а также ширину и цвет обводки букв текста линий:

Ну вот, на следующей вкладке выбираете тип рамки для создаваемого баннера (если она вообще нужна), а потому уже на вкладке «Формат» выбираете тип изображения растровой графики, в котором вы предпочитаете сохранить данный шедевр (jpg, png или gif).

Какой именно формат выбирать, решать вам самим, но можете просто попробовать все, а при нажатии на кнопку «Скачать» посмотреть, какой же формат является наиболее экономичным для вашего случая. Будем считать, что сделать простой графический блок нам удалось. Но наибольшим эффектом будет обладать анимированный баннер . Как можно его сделать?

Для начала достаточно изготовить несколько кадров будущего анимированного шедевра в уже описанном сервисе Bannerfans. Сохранять итоговые изображения нужно будет уже строго в формате Gif, ибо только он позволит нам достигнуть желаемого результата (правда сервис может и преобразовать в Gif другие форматы, но лучше будет сразу соответствовать). Можно, например, на одном кадре оставить только верхнюю линию, на втором добавить еще и нижнюю, а потом написать какую-нибудь замануху-небылицу. В общем, все зависит от богатства фантазии.

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

Просто перетащите нужное количество фрагментов будущего банера на салатовый прямоугольник, после чего для настройки последовательности кадров переместите их мышью между собой в нужном порядке. Скругление углов и плавные переходы мне не понравились, поэтому убрал все это как излишество и нажал кнопку «Создать анимацию»:

Если полученный результат создания анимации вас устраивает, то жмите на кнопку «Скачать эту анимацию», а если не устраивают, то «Продолжить редактирование»:

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Граватар - как создать глобальный аватар и настроить вывод иконки Gravatar в теме Вордпресса
Как подобрать фон и цвета для сайта, как сжать и изменить размер фото онлайн, а так же скруглить у него края
Favicon - что это такое, как создать фавикон и установить на свой сайт, онлайн-генераторы иконок
Как добавить водяной знак на фотографию или любое другое изображение онлайн
Онлайн сервисы для вебмастеров - все, что нужно для написания статей, их поисковой оптимизации и анализа ее успешности
Яндекс Народ - как бесплатно создать сайт и использовать файлообменник
Бесплатные онлайн-переводчики от Гугла, Яндекса и других сервисов - выбираем лучший перевод
MegaIndex Tools - набор инструментов для вебмастеров и оптимизаторов

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

Что такое рекламный баннер и для чего он нужен?

В переводе с английского слово баннер («banner») означает «транспарант». На практике ‒ это изображение рекламного характера, которое состоит из текстового сообщения, графических рисунков или анимации. Его код содержит ссылку на определенный ресурс. Нажав на баннер, пользователь автоматически перенаправляется на сайт, который рекламируется и может детально ознакомиться с услугой или товаром.

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

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

Таким образом, можно сформулировать основные задачи баннерной рекламы:

увеличение посещаемости сайта;
рост популярности продукта;
формирование положительного мнения к бренду.

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

Команда Plerdy подготовила для Вас новый бесплатный вебинар - «Оптимизация конверсии сайта: что такое и ее влияние на продажи». Видеозапись Вы можете посмотреть в этом видео. Присоединяйтесь к тем, кто уже успел посмотреть этот вебинар.

Признаки эффективного дизайна рекламного баннера для сайта

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

Соответственно, эффективный баннер должен соответствовать тому виду продукции, которую он рекламирует.

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

1. Itau

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

Умелый психологический расчет компании по выпечке Marie Callender с аппетитными пирогами и призывом согреться их продукцией в холодную погоду. Объявление транслировалось только тем пользователям, которые интересовались прогнозом синоптика в плохую погоду. Помимо высоких продаж информационный блок был признан лучшим на IAC Awards.

3. IKEA

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

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

Эффективные баннеры, как правило, имеют сходные характеристики:

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

Виды рекламных баннеров (классификация)

Внутренние баннеры. Используются внутри сайтов, как правило, на главных страницах, с целью информирования посетителей о сезонных акциях, распродажах, новых коллекциях, розыгрышах, конкурсах. С их помощью можно переходить на интересующие страницы ресурса. Таким образом, повышается общая конверсия сайта, а пользователи узнают о новинках компании.
Информационные. Рекламируют определенные товары или услуги, к которым нужно привлечь внимание целевой аудитории. Конечная цель – покупка продукта.
Брендовые или напоминающие. Бренды с логотипами фирм размещают в сети с целью постоянного напоминания. Задумка в том, что когда человеку понадобится определенный товар, он купит его у той компании, логотип которой ему попадался на глаза чаще всего.
Целевые. Носят общий характер и рекламируют интернет-магазин, сайт или фирму в целом. Информация подается в обобщенном виде. Целевые баннеры рассчитаны на заинтересованность пользователей в продукции, которую предлагает рекламируемый ресурс.

Баннерные объявления размещаются в самых разных местах интернет-сайтов. По локализации блоков баннеры делятся на такие виды:

билборды ‒ большие цифровые плакаты размером 970*250 пкс, которые размещают на главных страницах ресурсов;
лайтбоксы ‒ реклама, рассчитанная на привлечение внимания всех посетителей ресурса, размещается посередине экрана или вверху страницы и демонстрируется 10-20 секунд, после чего исчезает;
«этажи» ‒ интерактивные окна внизу экрана;
обои ‒ максимально возможный размер рекламного блока 1920*1200 пкс;
плавающие ‒ баннеры перемещаются по всему экрану в зависимости от незаполненных мест.

Текстовые. Имеют несколько значительных преимуществ перед другими форматами баннеров. Во-первых, показываются даже у тех пользователей, которые отключили просмотр графического контента на своем устройстве. Во-вторых, сокращают время загрузки. В-третьих, не раздражают глаз беспрерывным мерцанием.
Интерактивные. Привлекательный внешний вид и быстрая загрузка таких баннеров нравятся пользователям. Поддерживают Flash, Cgi, JavaScript.
Графические. Наиболее тяжеловесные инфо блоки в виде простых картинок. Допускаются форматы jpeg, gif, png.

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

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

Определить конечную цель, на которую будет работать реклама.
Привлечь профессионального дизайнера, который сможет сделать креативный макет. В меру яркий и насыщенный, динамичный, удерживающий внимание потребителя и подталкивающий к покупке.
Подобрать правильный размер блока. По наблюдениям маркетологов, самый «продающий» баннер имеет размер 460*60 пкс.
Разместить рекламное окно в верхней части страницы. Как показывает практика, люди сначала обращают внимание на верхнюю часть листа веб-страницы. Информация, представленная ниже, может вообще не попасть в поле зрения.
Добавить на баннер анимацию. Доказано, что динамичные картинки привлекают больше внимания пользователей и лучше мотивируют к совершению покупки.
Подобрать гармоничную цветовую гамму. По утверждениям психологов, на человеческое сознание положительно влияют сочетания белого и синего цвета, белого и красного, а также сочетание желтого с черным.

И еще несколько хитростей от создателей успешной баннерной рекламы:

вес блока не должен превышать 10-15 Кб, что обеспечит его быструю загрузку;
кнопки «Войти» и «Нажми здесь» на 20% повышают эффективность;
мотивирующие заголовки, содержащие цифры, вопросы или загадку магическим образом воздействуют на потенциальных клиентов, заставляя перейти по ссылке;
информация, напечатанная голубым цветом, подсознательно ассоциируется с ссылкой и подталкивает совершить по ней переход.

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

Помним, что:

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

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Размеры баннеров

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

468 x 60 - длинный или full banner. Является самым распространенным, чаще всего еще при разработке дизайна сайтов для него выделяют отдельное место;
392 x 72 - длинный баннер с вертикальной панелью навигации;
234 x 60 - такие обычно располагаются группами по несколько штук;
120 x 240 - такой чаще используется для рекламы услуг и товаров и располагается вертикально;
88 x 31 - кнопки, размеры которых варьируются от квадратных 125 x 125 до микрокнопок.

Виды баннерной рекламы в интернете

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

Формат изображений графических объявлений – gif, jpeg, png. Они могут быть как статическими, когда основу модуля составляет всего одна картинка, так и динамическими, т.е. несколько сменяющих друг друга изображений. Их основным преимуществом является простота и удобство их создания. Но возможности их, к сожалению, ограничены медленной загрузкой. Поисковые системы быстро индексируют как статические, так и анимированные публикации, что имеет неоспоримое преимущество в процессе продвижения какого-либо ресурса.
Текстовые представляют собой банальные текстовые блоки без изображений или анимации. Смотрится это, конечно, не очень креативно, зато они быстро грузятся и не раздражают пользователя.

Чаще можно увидеть текстово-графический гибрид.

Смежные форматы

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

Всплывающие блоки. При клике на рекламный модуль страница может открыться в отдельном окне над просматриваемой - это так называемый pop-up или под страницей - pop-under. Смысл такого хода - переключить внимание посетителя на себя или же привлечь, но после закрытия интересующей страницы. Это может достаточно сильно раздражать, особенно при использовании звуковых эффектов.

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

Рекламное объявление поверх страницы. Часто в сети попадаются модули, которые могут закрывать собой половину читаемой страницы - это float баннеры, они же относятся к rich media. Этот способ делает объявление более заметным благодаря интерактивности и обеспечивает довольно высокую кликабельность. Но несмотря на это они наносят вред сайту своей навязчивостью.

Технологии создания

Использование flash-технологий сейчас наиболее популярно и позволяет сделать оформление каким угодно.
На языке java пишутся прикладные программы и встраиваются в HTML-документы. Для корректного отображения таких баннеров в окне браузера необходимы специальные плагины. Сейчас они присутствуют в пакетах практически любого программного обеспечения для работы в интернете. Особых функциональных преимуществ у таких модулей нет. Можно редактировать некоторые элементы, совершать простейшие манипуляции с объектами, проследить, когда пользователь щелкал мышью или нажимал клавиши на клавиатуре и т.п. Но они долго грузятся, часто могут некорректно отображаться из-за нехватки каких-либо настроек.
Такие объекты можно отнести к так называемым rich media или рекламным носителям, которые отличаются своей интерактивностью и привлекательностью для пользователя, но сложны в изготовлении.

Назначение баннеров

Баннеры можно разделить по задачам, которые ставятся перед их созданием:

Целевые . Смысл – привлечь внимание целевой аудитории, спровоцировать желание кликнуть по объявлению и обеспечить переход на продвигаемый сайт.
Информационные . Они несут в себе цель рассказать потенциальному клиенту о товарах и услугах, которые могут его заинтересовать. В дополнение они могут побудить желание узнать больше об этих продуктах и в итоге совершить покупку.
Брендовые . Они делают бренд узнаваемым, повышают степень доверия к нему.
Внешние . Имеют целью привести пользователя с одного ресурса на другой.
Внутренние . Помогают переходить со страницы на страницу уже внутри одного сайта.

Преимущества баннерной рекламы

Этот вид продвижения подходит как для больших и известных организаций, так и для молодых, развивающихся. Здесь все равны
Это отличная возможность влиять на репутацию и имидж бренда. Практически каждый пользователь интернета визуально или подсознательно оценивает инструменты, которыми пользуется компания для продвижения своей продукции.
Сделать, разместить и редактировать объявление в интернете значительно дешевле, чем заказать уличный вариант.
Всегда можно выбрать место для размещения. Рекламодатель знает свою целевую аудиторию, ее социальные, демографические и географические особенности и задает необходимые параметры, учитывая эти аспекты. Благодаря этому его рекламу видят только потенциальные клиенты. Например, в Яндексе медийно-контекстная реклама показывает баннеры, которые совпадают с запросами пользователей. Почитать об этом вы можете в статье про МКБ в блоге Семантики.
Всегда можно отследить успешность такой стратегии продвижения и в случае недостижения желаемых результатов можно поменять стратегию продвижения.
Узнать об успешности ваших действий можно в ближайшее время. Результат зависит от правильности настроек объявления, выборе площадки для размещения и визуальном оформлении блока.
А также всегда можно убрать ненужные публикации и внести изменения в существующие, добавить новые элементы и изменить текст.

Правила работы с баннерами

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

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

Если анализ данных не принес удовлетворения:

Изучите положение блока на странице и его оформление. Это нужно для того, чтобы исключить игнорирование пользователем (осознанно или неосознанно - так называемая баннерная слепота).
Поиграйте с цветовой схемой баннера. Изучите, как цвет влияет на восприятие информации.
Попробуйте разместить свое объявление в непривычном месте на странице.
Выбирайте площадки, на которых количество рекламы не заставит пользователя покинуть ресурс.

Где разместить и как оплачивать

Оплачивать размещение публикуемого вы можете двумя путями:

Статическим - это когда его стоимость будет рассчитываться от срока аренды места на площадке.
Динамическим - когда оплата будет зависеть от количества кликов.

Стоимость размещения будет зависеть от нескольких факторов: где вы планируете разместить баннерную рекламу и кто будет его видеть в интернет сети.

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

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

33.1K

Реклама — нужная вещь для любого сайта. Только стоимость инструментов для рекламы бывает выше дохода от нее. Вот тогда многие начинают мудрить, чтоб хоть немного сэкономить. Для таких «мудреных » мы и поведаем, как сделать баннер.

Что такое баннеры

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

Современный рост эффективности баннерной рекламы связан с использованием контекстного таргетинга. При этом на баннерах сайта рекламируют только те товары и услуги, которые «созвучны » с тематикой ресурса:
Хорошо бы узнать, как можно сделать баннер для сайта. Но для начала нужно разобраться с существующими типами баннеров. Различают следующие их типы:

Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате JPEG или PNG . Характеризуются малым весом, не влияющим на скорость загрузки страницы.
Анимированные баннеры – анимация создана с помощью GIF . Состоит из нескольких картинок, сменяющих друг друга с заданной частотой. Вес баннера зависит от количества используемых в нем изображений.
Flash – в таком баннере анимация сделана на основе Flash . Она может реагировать на действия пользователя.

Интерактивное содержимое может быть представлено в форме игры или анкеты с добавлением звука. Рисунки для анимации создаются с помощью векторной графики.

Существует много различных размеров баннеров для сайта. Но самыми популярными из них являются:

88 на 31 пиксель;
120 на 60 пикселей;
120 на 90 пикселей;
120 на 240 пикселей;
125 на 125 пикселей;
120 на 600 пикселей;
160 на 600 пикселей;
180 на 150 пикселей;
234 на 60 пикселей;
240 на 400 пикселей;
250 на 250 пикселей;
300 на 600 пикселей;
300 на 250 пикселей;
336 на 280 пикселей;
150 на 150 пикселей;
468 на 60 пикселей;
728 на 90 пикселей.

Признаки эффективного рекламного баннера

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

Привлекать внимание пользователя – но это не значит, что баннер должен быть чересчур ярким и мигающим. Такая реклама вызовет у посетителя раздражение, а не внимание. Содержимое баннера должно ненавязчиво «намекнуть» пользователю о своем присутствии. Поэтому при подборе изображения и текста для него всегда должен учитываться психологический фактор;
Вызвать интерес – баннеры для сайта должны вызывать у пользователя интерес к объекту рекламы. Товар или услуга должны быть поданы не только со вкусом, но и оригинально. Приветствуется использование легкого остроумия и юмора:

Побуждение к переходу по ссылке баннера – достигается за счет эффекта некоторой таинственности и недосказанности,
вложенного в содержимое баннера.
Побуждение к заказу услуги или покупке – прежде всего, зависит от содержимого баннерной рекламы. Оно должно показывать самые лучшие стороны объекта рекламы или ту выгоду, которую может получить пользователь от его приобретения.
Если баннер предназначен для повышения узнаваемости бренда и увеличения его имиджа, то рекламное содержимое должно навеивать потребителю чувство доверия. Но не вызывать при этом негативных ассоциаций.

Закономерности, которые стоит учитывать перед тем, как размещать баннер на сайте:

Чем больше баннер, тем выше вероятность перехода по нему пользователя. Самым эффективным размером считается 240 на 400 пикселей;
Наибольшим эффектом обладает баннерная реклама, размещенная сверху (в шапке ). Также она может быть размещена сбоку или внизу страницы, но эффективность здесь несколько ниже;
Анимированные баннеры способны быстрее привлечь внимание пользователя – интуитивно глаз человека реагирует на движение.

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

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

Код большинства баннеров соответствует шаблону:

a href=»/ссылка на сайт рекламодателя» – адрес ресурса, на который приведет пользователя щелчок по баннеру;
title=»заголовок» – текст, отображающийся в сплывающей подсказке при наведении на область баннера;
target=»_blank» – задает правила отображения сайта рекламодателя после перехода по ссылке баннера («_blank»- откроется в новом окне);
rel=»nofollow» – запрещает поисковикам обработку этой ссылки;
img src=»https://www.сайт/wp-content/uploads/путь к изображению» – задает путь к изображению, отображаемому в баннере;
alt=»альтернативный текст» – текст, который будет отображен в баннере, если его рисунок не загружен.

Но не обязательно разрабатывать баннер самостоятельно. Для этого можно воспользоваться специальными онлайн-генераторами. Чтобы сгенерировать код баннера на таком сервисе, нужно заполнить несколько полей и нажать на кнопку:

Или можно заказать создание баннера в профессиональной студии. Тогда это обойдется дороже… Вот примерные расценки:

Разработка обычного GIF баннера – от 25$;
Создание баннера на основе Flash – 70-150$;
Ресайз – примерно 50% от первоначальной его цены.

Но если немного помудрить, то можно сотворить простенький баннер самостоятельно. Вот какое чудо получается после десяти минут манипуляций с кодом html и изображением в Coreldraw :

Код баннера:

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

Вот что получилось:

Код примера:

Создание анимированных и видео баннеров

Рассмотрим на примере как сделать анимированный баннер с помощью программы Ulead GIF Animator .

Баннер может быть в виде изображения, текста, видеоматериала или даже интерактивного элемента.

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

Виды баннеров, размеры, где размещаются

В зависимости от преследуемых целей, интернет-баннеры делят на:

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

Такие баннеры всегда попадают прямо в цель, поэтому мы будем разбирать требования на их примере.

Требования Яндекс:

Баннер должен иметь формат, JPEG, PNG, GIF, HTML5, FLV или SWF. Обратите внимание на то, что два последних формата поддерживаются не во всех случаях;
Альтернативный текст. Текст, появляющийся до загрузки самого баннера, не должен превышать 100 символов;
Максимальная длина ссылки не должна превышать 1024 знаков. Адрес страницы, на которую ведет ссылка, должен быть записан в кодировке UTF-8;
Сайт не должен совершать переадресацию на сторонний ресурс (внутренняя переадресация допустима);
Баннер должен иметь рамку, выделяющуюся на фоне. На мобильных устройствах размер рамки должен быть размером в 1 пикселя;
Не допускаются «вырвиглазные» мерцающие баннеры или баннеры с резким перемещением элементов.

Требования Google несколько проще:

Баннер должен иметь формат GIF или SWF и вес не более 50КБ;
сценарий анимации не должен длиться более 30 секунд;
не допускаются цикличные анимации;
флеш-баннеры должны поддерживать clickTAG (параметр для отслеживания кликов);
частота кадров в формате GIF не должна превышать 5-ти в секунду;
флеш-баннеры не должны иметь частоту кадров выше 20 в секунду.

Обратите внимание!

Как в случае с Google, так и в случае с Яндекс изображение должно быть качественным, а информация - актуальной. Нельзя также использовать порнографические материалы в любом виде (изображение, видео, текст и т. д.) Если услуга или продукт имеют возрастные ограничения - укажите это. В случае с лекарствами и БАДами нужно добавлять сертификацию товара.

От чего зависит эффективность баннера и как ее оценить

Баннер эффективен настолько, насколько он способен привлекать новых пользователей.

Самый приближенный к объективному способ оценить эффективность баннера - просчитать его (click-through rate).

CTR - это отношение количества переходов к количеству показов. Говоря простым языком, показатель кликабельности.

CTR = (количество кликов / количество показов) * 100%

Приведем пример: если ваш баннер был показан 10 раз, а переход по ссылке был совершен 4 раза, формула будет выглядеть так:
CTR = (4/10) * 100%

Решаем уравнение, получаем показатель кликабельности. В нашем случае он равняется 40%.

К сведению

На практике такая ситуация невозможна. Показатель CTR в российском сегменте интернета составляет от 0,01 до 2% максимум.

Почему параметр CTR объективен

Иногда большие показатели кликабельности имеет та самая реклама формы ADSpot и просто «кликбейтные» GIF. Такие решения хорошо работают, когда нужно завлечь пользователя один раз.

Идеальный баннер должен балансировать на грани назойливости, привлекая, но не раздражая потенциального посетителя.