Что такое интернет-баннер? Виды баннеров. Значение термина баннер

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

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

Основные виды баннеров

В наружной рекламе

В спорте

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

Баннер в интернете - что это такое и зачем он нужен

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

Для чего нужен баннер?

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

История появления баннеров

Первый баннер в интернете появился очень давно, в прошлом тысячелетии, когда поисковых систем Яндекс и Google еще не существовало. По заверению старых пользователей, первый баннер появился в интернете в 1994 году. Статическая картинка со встроенной ссылкой рекламного сайта.

По такому изображению кликали постоянно, потому что это было что-то новое, незнакомое.

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

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

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

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

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

Любой из типов баннера — это графическое изображение в формате GIF или JPEG. Картинка на них может быть, как статической (неподвижная в формате jpg), так и анимированной (движущаяся в формате gif, эффект движения в таком баннере создается благодаря чередованию нескольких картинок).

Различают три типа баннеров:

  • Статичные баннеры - одно графическое изображение, как и было в начале.
  • GIF-баннеры - последовательность растровых кадров, сменяющие друг друга в определенном интервале времени. Это более сложный баннер, требующий определенных навыков для своего создания. Разумеется, по весу он будет тяжелее статичного изображения.
  • Flash-баннеры или Java - такие блоки рекламы можно сделать в программе Adobe Flash. Используется не растровая графика, а векторная графика, что позволяет получать анимацию при небольшом весе баннера. Интересной возможностью данного типа считается возможность использования звуковых эффектов.

Где заказать баннер?

Сегодня интернет-баннер можно сделать на любой вкус. Есть возможность своими усилиями его создать, а можно заказать на . На таких сайтах, с навыками изготовителя красивых баннеров много.

Типы и размеры баннеров

Баннеры бывают разные, лично я представляю в голове такой небольшой прямоугольный баннер над статьей 468 x 60 px. Раньше их часто размещали на сайтах.
Итак, по размерам баннеры разделяют на:

  • Горизонтальные прямоугольники: 728 x 90, 468 x 60, 234 x 60, 88 x 31, 120 x 60, 120 x 90.
  • Вертикальные прямоугольники: 300 x 600, 160 x 600, 120 x 600, 120 x 240, 240 x 400.
  • Квадраты: 250 x 250, 125 x 125.
  • «Почти квадраты»: 336 x 280, 300 x 250, 180 x 150.

Основные задачи баннерной рекламы

Продажа чего-либо. В данном случае, баннер должен косвенно или прямо подтоклнуть пользователя к покупке:

  • Сперва необходимо привлечь внимание к продукту, делая упор на отображающуюся картинку - тем самым рекламодатель пытается не просто привлечь внимание к товару, происходит работа по формированию положительного образа в головах массы.
  • Изображение или анимация может вызвать интерес, заинтересовать потенциального клиента.
  • Существует множество фишек по привлечению аудитории, одна из них — это недосказанность. Например, будет написано: вы удивитесь, что стать миллионером за месяц можно, если…», таких примеров тьма. Главное заставить сделать клик по баннеру и совершить полноценный переход.
  • Бывает, достаточно одного лишь качественного полного содержания, чтобы побудить пользователя к действию. Кому-то интересна тема изучения веб-программированию, а в баннере про это как раз-таки говорится (бесплатный курс веб-программирования для новичка). В таком случае, человек кликает, потому что его это заинтересовало.Никаких рекламных трюков, только информация.
  • Бывает устанавливают баннеры не для того, чтобы по ним кликали, а для того, чтобы просто узнавали.

Как сделать баннер?

Это тема для отдельной статьи, поэтому скажу лишь, что его можно сделать при помощи стандартного Paint, фотошопа или онлайн-сервиса http://bannerovich.ru.

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


width=»200″ height=»200″ /> — это ширина и высота. Разумеется, баннер должен быть нарисован в таких же размерах.

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

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

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

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

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

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

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

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

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

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

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

Различные атрибуты тега Param используются для настройки работы Flash-проигрывателя, который, кстати, загрузится на компьютер пользователя по приведенной в атрибуте Codebase ссылке (если, конечно, он не будет найден на компе пользователя). Подробнее познакомиться с предназначением различных операторов настройки флеш плеера для тегов Embed и Object вы сможете на этой странице .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

посмотреть еще ролики можно перейдя на
");">

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

Dropbox - как пользоваться облачным хранилищем данных, а так же работа с программой Дропбокс на компьютере и в мобильном
Иконки, значки, фоны, картинки и логотипы для сайта (онлайн-сервисы IconFinder, Freepik, PSDGraphics и другие) Апометр - бесплатный сервис по отслеживанию изменений выдачи и апдейтов поисковых систем

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

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

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

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

Анимационные (GIF-баннеры) представляют собой несколько последовательно идущих друг за другом изображений, которые сменяют друг друга и создают «эффект движения». Смена каждого изображения происходит последовательно с учетом выставляемой выдержки (задержки) времени каждого кадра. В данном виде баннера обычно используется несложный сценарий, плавность движений в нем зависит от количества промежуточных кадров, дающих визуальный эффект движения. Но при этом чем сложнее сценарий, тем больше «весит» баннер. Это тоже надо учитывать при создании анимационного баннера. Оптимальное количество кадров- 5-6 для такого вида баннеров.

Флэш-баннеры – это результат процесса программирования, и обычно они создаются в специальных программах, типа Adobe Flash. В этих баннерах используется векторная графика, что позволяет делать анимационные эффекты при небольшом «весе» баннера, а также есть возможность использования звуковых эффектов, качественные флэш-баннеры сложны в изготовлении и поэтому их разработку осуществляют чаще всего квалифицированные специалисты.

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

Создание статического баннера для сайта
Для создания статического баннера вам пригодится фотошоп или любой другой графический редактор. Процесс создания достаточно прост и не требует больших усилий. Он состоит из следующих операций:
выбираем размер баннера,
приводим готовое изображение (фон, картинку, коллаж, анимированную картинку…) к размеру выбранного баннера,
делаем внешнюю обводку баннера,
пишем нужный текст,
сохраняем полученный баннер в формате jpg, png или gif.

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

Вот такой баннер я сделала для своего сайта в фотошопе.

Или можно воспользоваться бесплатным онлайн-сервисом

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

2- Меню «Макет» предполагает:
2.1 — выбор размера баннера (размер по умолчанию, ваш индивидуальный размер баннера и стандартный размер баннера из выпадающего списка),
2.2 — выбор фона баннера: однотонный фон с выбором нужного вам цвета; фон градиентный- можно выбрать любой из предложенного списка; фон (картинка, фон, коллаж) ваш, который можно загрузить с вашего компьютера.

3- Кнопочку «Изменить баннер» нажимаете каждый раз после каждой манипуляции с баннером и смотрите, какие изменения произошли в вашим баннером. Если все устраивает- переходите к следующей кнопочке основного меню.

4- Выбираем меню «Текст»

4.1 — в поле «текст» вводите построчечно необходимый вам текст,
4.2 – затем подбираете параметры шрифта: название, размер, цвет шрифта, а также поворот текста для каждой строчки введенного вами текста.
Нажимаете кнопку 3 и двигаете на самом баннере текст так, как вам больше нравится. Когда вы расположили текста так, как вам нужно, опять нажимаете кнопочку 3 и переходите к следующему пункту.

5- Меню «Воздействие». Перевод неправильный. Я бы назвала эту закладку выбор эффекта для текста. В данной закладке подбираете тень для каждой строчки текста вашего баннера. После нажатия кнопки 3 – видите эффект.

6- Меню «Пограничная». Опять же «деффект» перевода. В данной закладке вам предлагается выбрать окантовку вашего баннера (рамочку).

7- Меню «Формат». Выбираете формат, в котором вы хотите сохранить свой баннер.

8- Если полученный вариант вам не нравится, нажимаем на кнопочку «Начать новую», то есть начинаете создавать новый баннер.

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

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

11- Нажав кнопку «Получить коды» вы увидите код баннера, который вы можете скопировать и затем вставить непосредственно на свой сайт или в свою статью.

Вот на сегодня и все. Успехов вам!
Я сделала вот такой простой баннер при помощи вышеуказанного онлайн сервиса буквально за 2 минуты.

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

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

Статический и динамический баннеры

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

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

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

Характеристики

Размер

В принципе, баннер может иметь какие угодно размеры по вертикали и горизонтали - это ведь всего лишь рекламная картинка! Но, как и все в этом мире, эти размеры подверглись стандартизации, в результате которой сегодня возможно выделить несколько основных типов. Наиболее распространенными являются образцы 468х60. Благодаря удачному подбору размера сторон, такие рекламные картинки имеют хороший отклик и, кроме того, прекрасно встраиваются в "шапки" большинства страниц Сети. Размеры 125х125, 120х90, 120х60 чаще всего встречаются на страницах слева или справа в колонке меню сайта. "Кнопки" (88х31) выносятся обычно вниз страницы.

Технология изготовления

Кроме различий по размеру, баннеры могут отличаться технологией изготовления. Раньше поддерживались формат JPEG и такой же статичный GIF стандарта 87а. Позже появился новый формат графики для Web - PNG (Portable Network Graphics), который позволял использовать достаточно большое количество цветов и выдавал при этом маленький исходный размер файла. Самый распространенный и самый древний формат - GIF. Он лучше всего подходит для не анимированных или несложных анимированных баннеров. При использовании GIF-формата размер очень мал (что хорошо, поскольку тогда повышается вероятность того, что пользователь прогрузит баннер до конца).

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

Бытует мнение, что впервые баннер появился в 1994 году. Он выглядел как обычная картинка, которая содержала гиперссылку на рекламируемый сайт. По началу, такой способ рекламы использовался с целью прорекламировать один сайт на страницах другого. Хотя очень быстро стало понятно, что за размещение на своих страницах рекламы сайт, рассказывающий о каких- либо услугах и товарах может получать денежные вознаграждения от производителей этих товаров или услуг. Это привело к большому росту популярности баннеров. По сей день создаются сайты, которые направлены исключительно на извлечение прибыли от размещения баннерной (и других видов) рекламы. Внезапно растущая популярность баннеров привела к некоторой гонке за новыми идеями и неожиданными решениями рекламодателей для привлечения потенциальных клиентов: сначала было модно использовать нестандартные размеры баннеров ("небоскребы", "кнопки"), сейчас же широко используется анимация (от простейших "мигалок" до целых мультфильмов). Сначала эти рекламные решения были интересны пользователям, но затем они начали их игнорировать. Также появились баннеры, открывающиеся в отдельном окне (Pop-up / Pop-under). Чрезмерное применение таких баннеров привело к тому, что браузеры по умолчанию стали блокировать все всплывающие окна, открытые не самим пользователем. Тем временем рекламодатели сменили тактику, и баннеры начали появляться над, либо вместо содержимого страницы, тем самым давая возможность пользователю после рекламы перейти к нужной для него информации. Из-за надоедливости такого типа баннерной рекламы появились различные программы блокирующие всю рекламу на сайте (Adblock, Ad Muncher, Adguard). Благодаря постоянному развитию сетей и видов контента появилась возможность просматривать видео на страницах сайта, вследствие чего появились видео-баннеры, а также реклама, вмонтированная прямо в ролики, которые просматривают пользователи. Различными интерактивными методами, играми, элементами экспертных систем, видеороликами реклама пытается привлечь к себе внимание. Самой эффективной и популярной на сегодняшний день стала баннерная реклама, сделанная по технологии таргетинга, то есть дающая возможность показывать пользователю только ту рекламу, которая совпадает по тематике со страницей, просматриваемой им. Но и по сей день, несмотря ни на что, пользователи часто пользуются блокирующими программами.

  • статичные изображения (JPEG-файлы);
  • анимированные изображения (GIF-файлы; Flash-анимация);
  • Richtext (тексто-графические и текстовые блоки);
  • интерактивные (Flash- или JawaScript-анимация, с элементами взаимодействия с пользователем).

1. Статичные GIF-, JPG-баннеры

Статичный GIF-баннер 240 х 400

Статичный JPG-баннер 240 х 300.

2. Анимированные GIF-баннеры

Простой gif-баннер 240 х 400

Анимированный gif-баннер 240x124

Анимированный gif-баннер 150x90

Flash-баннеры

Flash-баннер 200х300

Flash-баннер 468x60

Flash-баннер 468x60

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