Что такое Баннер для сайта.
Дата: 2010-04-08
Для чего нужны баннеры?
Довольно часто, у владельцев сайтов возникает необходимость в собственных баннерах. И многие начинающие люди просто не знают, как такой баннер изготовить самостоятельно. На самом деле сделать простой баннер (не анимированный) довольно просто. И сегодня мы начнем серию статей объединенных одной общей темой: Как самому сделать баннер.
Для начала разберемся, какие бывают баннеры (размеры) и в каких случаях и где применяются баннеры. Давайте рассмотрим самые распространенные случаи необходимости в баннерах и варианты размещения. Еще Вам нужно знать, что в Интернете есть типовые размеры баннеров и этих размеров желательно придерживаться. Все размеры измеряются в пикселях. Например, если Вы встретили такое выражение: Баннер 160х600 то знайте, это вертикальный баннер с шириной 160 пикселей и высотой 600 пикселей.
Собственно говоря, каждый владелец сайта просто обязан иметь свои баннеры, ведь это можно сказать лицо Вашего сайта.
Кроме того в большинстве случаев баннеры делают ссылками, чтобы при нажатии на баннер человек переходил на Ваш сайт.
Какие размеры бывают у баннеров?
Баннер кнопка – размер 88х31 пикселя. Самый распространенный формат, маленькая, удобная и компактная кнопка, обычно применяется для обмена между сайтами и размещения в каталогах сайтов.
Следующие стандартные размеры баннеров: 100х100 и 125х125 пикселей. Эти баннеры, так же как и преведущий размер, используются для обмена между сайтами, а еще могут использоваться в различных баннерообменных сетях. Хотя эти размеры иногда тоже относят к категории кнопок.
Далее наиболее часто применяемые размеры стандартных баннеров: 468х60 и еще такой размер: 234х60 иногда его называют полу-баннер . Также используются для обмена между сайтами, в баннерообменных сетях и для показа рекламы, например от Google AdSense и других сайтов. Ниже представлен как пример баннер размером 468х60 пикселей :
Как уже упоминали выше баннер 160х600 – называют такой баннер вертикальный небоскрёб . Больше используется различными рекламными компаниями: Google AdSense, Бегун и т.д.
Баннер 728х90 – называют Доска Почета . В основном используется для трансляции на сайте контекстной рекламы. Например, Бегун вставляет баннеры такого размера над сайтом, причем делает это автоматически. Вы размещаете код рекламного блока Переходы в теле Вашей Web-страницы, причем можно выбрать любой размер, а у Вас автоматически добавляется вверху (над сайтом) блок 728х90 системы Показы от Бегуна. Правда если Вам это не нравится, Показы можно и заблокировать.
Это были наиболее ходовые размеры баннеров. И я Вам при изготовлении собственного баннера рекомендую ориентироваться на выше перечисленные форматы и размеры.
Баннеры для трансляции контекстной рекламы на сайте.
Есть еще ряд не так часто используемых размеров. Например, система контекстной рекламы Google AdSense использует множество размеров для трансляции своих объявлений: 300х300 , 336х280 , 120х600 , 120х240 , 250х250 , 200х200 , 180х150 . Это даже не баннер, а размер блока для трансляции контекстной рекламы .
Поэтому при компоновке web-страниц собственного сайта, учитывайте эти размеры и сразу прикидывайте, где и какого размера можно разместить баннер или блок контекстной рекламы. Да и изготовить самостоятельно баннер такого размера Вам никто не запрещает. А в идеале хорошо вообще иметь полный набор баннеров для своего сайта всех размеров - случаи бывают разные.
Система контекстной рекламы Бегун пошла еще дальше. У них можно выбрать вариант: Масштабированный рекламный блок , т.е. этот рекламный блок будет автоматически подстраиваться под выделенные для него размеры.
Некоторые баннеры и размеры из выше перечисленных, Вы можете посмотреть .
12.11.14 30KРеклама — нужная вещь для любого сайта. Только стоимость инструментов для рекламы бывает выше дохода от нее. Вот тогда многие начинают мудрить, чтоб хоть немного сэкономить. Для таких «мудреных » мы и поведаем, как сделать баннер.
Что такое баннеры
Под баннером в интернете подразумевается прямоугольное рекламное изображение со статическим или динамическим (анимированным ) содержимым. Баннер может включать в себя как текст, так и графический рисунок. Баннер, как правило, снабжен ссылкой, активирующейся после щелчка по нему кнопкой мыши.
Современный рост эффективности баннерной рекламы связан с использованием контекстного таргетинга. При этом на баннерах сайта рекламируют только те товары и услуги, которые «созвучны » с тематикой ресурса:
Хорошо бы узнать, как можно сделать баннер для сайта. Но для начала нужно разобраться с существующими типами баннеров. Различают следующие их типы:
- Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате 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=»/путь к изображению» – задает путь к изображению, отображаемому в баннере;
- alt=»альтернативный текст» – текст, который будет отображен в баннере, если его рисунок не загружен.
Но не обязательно разрабатывать баннер самостоятельно. Для этого можно воспользоваться специальными онлайн-генераторами. Чтобы сгенерировать код баннера на таком сервисе, нужно заполнить несколько полей и нажать на кнопку:
Или можно заказать создание баннера в профессиональной студии. Тогда это обойдется дороже… Вот примерные расценки:
- Разработка обычного GIF баннера – от 25$;
- Создание баннера на основе Flash – 70-150$;
- Ресайз – примерно 50% от первоначальной его цены.
Но если немного помудрить, то можно сотворить простенький баннер самостоятельно. Вот какое чудо получается после десяти минут манипуляций с кодом html и изображением в Coreldraw :
Код баннера:
Если еще немного помудрить с кодом и добавить пару обработчиков событий, то получиться баннер с меняющейся картинкой. Изображение в баннере меняется во время наведения на него курсора.
Вот что получилось:
Код примера:
Создание анимированных и видео баннеров
Рассмотрим на примере как сделать анимированный баннер с помощью программы Ulead GIF Animator .
|
Баннером называется обычно прямоугольное графическое изображение со статичным или динамичным характером. Может иметь звуковое сопровождение. Внешне напоминает традиционное печатное модульное объявление. В большинстве случаев баннер имеет гиперссылку на рекламный сайт. Также ссылка может открывать бланк заявки, анкеты и т.д. |
||
|
В отличие от традиционной рекламы, для баннеров характерен высокий уровень «изнашиваемости» или «сгораемости». Пользователи с наибольшей вероятностью «кликают» на баннер, когда видят его впервые или во второй-третий раз, но дальше перестают обращать на него внимание. Для борьбы с этим явлением разрабатывают серии из нескольких рекламных сообщений и запускают их в ротацию на сервере. Таким образом, посетители сайта при каждом посещении видят различную рекламу. При перезагрузке предлагается новый баннер.
Форматы и размеры баннеров
При подготовке баннеров обычно используют стандартные форматы и размеры. «Легкость» баннера обеспечивает быстроту его загрузки.
Программное обеспечение, использованное при создании и размещении баннерной рекламы, может не совпадать с программным обеспечением пользователей. В таком случае у части аудитории реклама может быть просто не отображена на экранах компьютеров.
Важно иметь в виду и то, что часть российских пользователей работают в Сети в режиме отключенной графики, а потому не увидят рекламу, состоящую только из изображений. В Европе, по данным Internet Monitor и TGI.Net, около 70% пользователей блокируют тот или иной вид рекламы (например, всплывающие окна) и более 40% блокируют для просмотра абсолютно все виды баннеров.
Вместе с тем, грамотно созданные недорогие баннеры демонстрируют высокую действенность. Поэтому они и являются самым распространенным видом рекламы в Сети. И это несмотря на то, что по данным одного из последних исследований компании Nielsen Norman Group , существует такое явление, как «баннерная слепота». Оно характеризуется тем, что постоянные пользователи Интернета почти не обращают внимания на рекламные объявления (баннеры, ссылки и т.д.), концентрируя его исключительно на основном содержании сайтов.
В баннере не стоит использовать изображение элементов интерфейса или маскировать его под содержание основного сайта. Если пользователь попадет не туда, куда ожидает, он будет чувствовать себя обманутым и перенесет негативную реакцию, как на сайт издателя, так и на рекламодателя.
– выскакивающие и прыгающие поверх основного сайта,
– самопроизвольно распахивающиеся при наведении мышкой.
Однако подобные активные баннеры вызывают у пользователей вполне объяснимое раздражение, которое так же переносится на собственника сайта и рекламодателя.
Рекламная отдача баннера
По мере «взросления» интернет-рекламы происходило уменьшение количества переходов. Этот показатель называют CTR (Click-Through Rates ), и он представляет из себя отношение числа «кликов» (нажатий на рекламу) к числу его показов. CTR измеряется в процентах.
В целом по некоторым исследованиям баннерная реклама дает 0,5-2% отклик. Иногда CTR может доходить и до 10%.
Интересно, что согласно данным исследования компании Millward Brown , рост осведомленности о рекламе «на 96% обусловлен ознакомлением потребителя с баннером и всего на 4% – переходом потребителя на Web-страницу рекламодателя после щелчка на баннере. Такое соотношение между ознакомлением и щелчками сохраняется не только для осведомленности, но и для других показателей усиления марки…».
Главным в эффективности баннеров, как и в традиционной рекламе, являются интересное содержание и гармоничное, соответствующее оформление.
«Продвинутые» рич-медиа баннеры дороги в производстве и в оплате технологий. Интересно, что при суммировании всех затрат стоимость за тысячу показов и стоимость за клик рич-медиа баннера становится сопоставимой с этими же параметрами у обычного баннера.
Существует мнение, что кликабельность рич-медиа обогащенных баннеров выше из-за того, что они больше раздражают пользователей, и те стараются побыстрее отделать от них.
Баннер (от англ. 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-м году пользователям казалось бесполезной растратой трафика.