О компании        Прайс–лист        Клиенты        Портфолио        Заказать        Контакты

« Назад

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


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

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

 

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

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


Что такое современный баннер — размеры и типы

На заре становления интернета и появления сайтов, реклама представляла из себя текст с проставленной по правилам языка Html, так называемой, гиперссылкой. В баннерах гиперссылка по-прежнему присутствует (кроме сделанных на Flash), но она уже ведет на сайт рекламодателя не с унылого текста, а с яркого (зачастую анимированного) изображения. Пик популярности баннерной рекламы пришелся на конец девяностых годов, а уже с начала двухтысячных эффективность такого способа привлечения внимания посетителей к рекламной информации падает. Сейчас все большую популярность набирает контекст (например, Адвордс или реклама в Яндекс Директ), основным первопроходцем которой стал, конечно же, Гугл, когда не захотел видеть засилье банеров в своей выдаче, но заработать копеечку был не прочь.

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

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

Понятно, что блокираторы рекламы руководствуются не только размерами при выборе удаляемого объекта, но при неудачном стечении обстоятельств все возможно. У меня был пример, когда банерорезка удалила текстовый блок только за то, что для него был прописал class="reklama", а после замены названия класса все стало показываться.

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

728 x 90 Доска почета
468 x 60 Длинный
336 x 280 Большой прямоугольник
300 x 250 Средний прямоугольник
300 x 600 Большой вертикальный прямоугольник
250 x 250 Квадрат
240 x 400 Вертикальный прямоугольник
234 x 60 Полубаннер
180 x 150 Малый прямоугольник
160 x 600 Широкий небоскреб
120 x 600 Hебоскреб
125 x 125 Кнопка
120 x 240 Вертикальный
120 x 90 Вариант кнопки
120 x 60 Еще один вариант кнопки
88 x 31 Полоса


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

Кроме того, что банеры различаются размером, они еще различаются и по способу реализации:

Статичные — представляют из себя простую картинку в формате PNG или Jpg. Для вебмастера это, наверное, самый предпочтительный вариант, ибо такое изображение будет весить не очень много, а значит не повлияет отрицательно на скорость загрузки его сайта. Примером может служить такой вот баннерок в формате Jpg с проставленной из него Html ссылкой:

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

<a target="_blank" href="сайт"><img src="баннер.png" /></a>
Анимированные баннеры — представляют из себя картинку в формате Gif, прелесть которого заключается в том, что он поддерживает простейшую анимацию. По сути, анимированный Gif состоит из двух и более изображений, которые чем-то отличаются друг от друга, а за счет задания частоты их смены мы получаем эффект движения (мультфильм, по сути).

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

 

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

<a target="_blank" href="сайт"><img src="360x60w.gif" /></a>
Flash-баннеры — самый сложный в реализации, иногда довольно тяжелый, но при должном подходе самый эффективный способ привлечения внимания посетителей. Ссылка зашивается непосредственно в файл SWF (или указывается в коде) и кроме перехода по ней, иногда пользователю представляется возможность чего-то там понажимать, поиграться или совершить еще какие-либо интерактивные действия.

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

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

 

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

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="728" height="90" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<embed src="banner.swf" quality="high" width="728" height="90" bgcolor="#ffffff" name="banner_name" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_ru" />
</object>
Этот вариант кода вставки Flash-баннера на сайт является наиболее универсальным. Тут происходит дублирование за счет использования двух аналогичных тегов Embed и Object. Причем первый не является валидным, но некоторые старые браузеры не понимают Object и поэтому приходится перестраховываться.

Иногда в код SWF бывает не добавлена ссылка для перехода по Флеш-баннеру, тогда ее можно указать в коде с помощью тега Param с name="flashvars":

<param name="flashvars" value="clickTAG=сайт" />


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

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="728" height="90" id="banner" align="middle">
<param name="movie" value="banner.swf">
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value= "high">
</object>
Различные атрибуты тега Param используются для настройки работы Flash-проигрывателя, который, кстати, загрузится на компьютер пользователя по приведенной в атрибуте Codebase ссылке (если, конечно, он не будет найден на компе пользователя). Подробнее познакомиться с предназначением различных операторов настройки флеш плеера для тегов Embed и Object вы сможете на этой странице.

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 

« Назад

 

Еще про баннеры »







Прайс лист




О компании        Прайс–лист        Клиенты        Портфолио        Сделать заказ        Контакты



© 2008—2017 Супербаннер
Email: superbannerrf@gmail.com       Skype: superbannerrf

Телефон +7906 737-37-10

Здесь вы можете узнать сколько стоит баннер для сайта. Изготовление интернет баннеров от компании Супербаннер поможет увеличить продажи, найти новых клиентов и удержать старых клиентов. Разработка flash баннеров сложный процесс. Вы можете сегодня заказать баннер для сайта цена будет доступной всегда. Напишите на нашу почту и мы в ближайшее время ответим и займемся изготовление баннеров для сайта цена которого будет всегда очень доступной. Убедитесь в этом сами посмотрев прайс лист нашей компании. Как сделать баннер на сайт онлайн мы не знаем так как делаем оригинальные баннеры под определенный оригинальный сюжет, который самостоятельно сложно реализовать и для этого компании пользуются студиями вроде нашей. Сколько стоит баннер узнайте у менеджера или через прайс лист, о котором мы упоминали ранее. Дизайн баннера для сайта делают наши баннермейкеры. Мы подбираем под каждого клиента своего баннермейкера, учитывая стилистику клиента. Каждый из наших дизайнеров баннермейкеров имеет свой стиль. Если вы до сих пор не знаете сколько стоит сделать баннер на сайт, то напишите запрос через форму и мы подскажем цену и сроки производства флеш баннеров.