Вход для пользователей

Баннерная реклама

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

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

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

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

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

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

Стандартные размеры баннеров таковы:

  • полный баннер (Full Banner) - 468 пкс х 60 пкс
  • половинчатый баннер (Half Banner) - 234 пкс х 60 пкс
  • вертикальный баннер (Vertical Banner) - 120 пкс х 240 пкс
  • небоскреб (Skysraper) - 120 пкс х 600 пкс
  • широкий небоскреб (Wide Skyscraper) - 160 пкс х 600 пкс
  • кнопка №1 (Button 1) - 120 пкс х 90 пкс
  • кнопка №2 (Button 2) - 120 пкс х 60 пкс
  • квадратная кнопка (Square Button) - 125 пкс х 125 пкс
  • микрокнопка (Micro Button) - 88 пкс х 13 пкс
  • главная панель (Leaderboard) - 728 пкс х 90 пкс
  • средний прямоугольник (Middle Rectangle) - 300 пкс х 250 пкс
  • большой прямоугольник (Large Rectangle) - 336 пкс х 280 пкс
  • квадрат (Square) - 250 пкс х 250 пкс.

Технически баннерная реклама реализуется посредством растровой графики в индексированном цвете или векторной графики. В первом случае файл с рисунком сохраняется в формате CompuServe Graphic Interchange Format (формат обмена графикой, расширение *.gif, что является аббревиатурой от вышеуказанного словосочетания), тогда как во втором - в формате flash-фильма (*.swf, что является аббревиатурой от Shock Wave Flash).

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

Чисто теоретически в качестве баннеров могут применяться изображения и двух других форматов - Joint Pictures Encoding Group (JPEG, расширение *.jpg) и Portable Network Graphic (расширение *.png). Такие форматы зарекомендовали себя как отличное средство передачи качественного растрового изображения, в особенности фотографии. Однако из-за большого «веса» файла эти два вида документов не применяются для создания баннеров, хотя при этом все равно выполняют рекламные функции, в том числе могут быть кликабельны, иными словами, связаны с гипертекстовой ссылкой. Познакомимся поближе с форматами графических файлов, уделив пока основное внимание типичным баннерам (прочая графика, в форматах JPG, PNG, ICO, будет рассмотрена отдельно).

Документ GIF создается на основе фотографии или иного растрового рисунка. Для передачи цветовой палитры в случае с GIF-изображением применяется индексированный цвет (Index Color), а не RGB, о котором мы детальнее поговорим ниже. Палитра GIF крайне бедна, в ней всего 256 цветов, но этого обычно достаточно для передачи несложного рекламного изображения, а кроме того, указанные цвета правильно понимаются и без искажений воспроизводятся любыми браузерами.

Анимационный эффект достигается внедрением в структуру такого документа последовательности сменяющих друг друга фреймов (frames), в которые внедряется изображение. Фреймы, таким образом, как бы играют роль кадров. Это позволяет конвертировать в GIF небольшие видеофайлы, содержащие сценки из кинофильмов, рекламных роликов и т. д. Последовательность фреймов обычно замкнута (loop), что обеспечивает повторение анимации после ее проигрывания, за счет чего картинка постоянно активна. Традиционно анимированное изображение меняется незначительно, сложная сюжетная линия в основе мультипликации не используется, поскольку такой баннер и понятнее, и симпатичнее, и значительно легче (как файл). Преимущественно изменения затрагивают текст, который способен претерпевать на статичном фоне существенные изменения. Выбор текста и подвижных объектов очень сложен, отчего требует длительного экспериментирования.

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

Текст, фоновая заливка и изображение женщины статичны, с той разницей, что часть текста ради создания интриги скрыта от глаз юзера подушечками. Интрига достигается за счет побуждения зрителя додумать концовку фразы «Хочешь, чтобы она тебя .?..». Образ красавицы заставляет предположить, что вопрос заканчивается словом «поцеловала». Рекламный эффект сводится к тому, что ожидания зрителя оказываются обмануты. На самом деле вопрос звучит: «Хочешь, чтобы она тебя запомнила?». Здесь имеет место ситуативная игра смыслов. Зритель мужского пола желал бы получить поцелуй этой эффектной женщины, но резинка «Эклипс» обещает много большее - красавица его запомнит. То есть ожидания обмануты, но это вызывает не досаду, а приятное удивление, попутно способствуя формированию положительных ассоциаций вокруг имиджа товара, изображением которого и заканчивается ролик.

Статичный баннер может создаваться в любом графическом редакторе, приспособленном для перевода RGB-цвета в индекс, - а таковых редакторов подавляющее большинство. Продвинутые редакторы, вроде классического Adobe PhotoShop, предлагают дизайнеру опцию «Сохранение для Сети» (Save for Web), что предполагает оптимизацию палитры рисунка для наилучшего отображения в браузере,

или изначально предлагают создавать рисунок путем эксплуатации цветовых палитр класса Safe Web Color Palette. Анимированные баннеры предпочтительны (если, конечно, дизайнер не переборщит с эффектами и числом фреймов).
Гиперссылка, связанная с GIF-баннером, равно как и любой другой растровой картинкой, имеет следующий вид: дескриптор изображения заключается внутри контейнера <а>, имеющего открывающий и закрывающий теги. Собственно дескриптор закрывающего тега лишен. Целесообразно снабжать тег атрибутами высоты (height), ширины (width) и альтернативного текста (alt), который будет всплывать в окошке браузера при наведении курсора на рисунок (см. листинг 3).

Листинг 3
<а href = «ваш URL»>«Познакомься

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

Flash-фильм создается на базе flash-документа, представляющего собой совершенно особый файл с расширением *.fla, непригодный для импорта в html-документ. В flash-документах создаются необходимые эффекты, после чего законченный файл экспортируется в фильм SWF.

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

Во-вторых, технологии Flash обеспечивают запрограммированную посредством скриптов реакцию SWF-баннера в ответ на те или иные действия пользователя, преимущественно на наведение курсора. Поведение анимации на таком баннере зависит от действий посетителя странички, в частности персонажи изображения могут комментировать действия юзера или как-то иначе (жестами и мимикой) выражать свое удовольствие/неудовольствие, посылать звуковые сообщения или просто проигрывать мелодию. По этой причине SWF-баннеры называются еще rich-media баннерами, то есть дословно «богатыми мультимедиа».

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

Анимация методами GIF редко предоставляет такую возможность, хотя если рассматривать сторону дела чисто технически, то особых проблем в данном конкретном случае не возникает. Посредством несложного Java-скрипта можно обеспечить замену одного GIF-файла другим, что фактически реализует замысел смены роликов, вот только это крайне неудобно при баннерообмене, поскольку никакая администрация никакого ресурса не станет биться над внедрением в html-код своих страничек скриптов, управляющих поведением спаренных баннеров, так что этот прием пригоден лишь для внутреннего пользования, когда нет желания тратить время на flash-разработки. И уж тем более GIF-анимация не позволяет реализовать сложные формы взаимодействия с посетителем ресурса, которые гарантирует flash-фильм, - реакция на кнопки, движение каких-то объектов баннера за курсором, появление поясняющего текста, выполнение команды-скрипта, связанного с календарем или временем суток.

(В скобках заметим, что «внутреннее» применение рекламной анимации, основанной на web-сценариях и свободно позиционируемых элементах, в целом весьма выгодно и перспективно в силу ряда обстоятельств: во-первых, она недостаточно используется, а значит, сайты, которые применяют ее сегодня, овладевают наибольшей аудиторией за счет новизны своего технического подхода и могут сделать неплохой бизнес на уникальных предложениях для рекламодателей; во-вторых, анимация на web-сценариях компактнее анимированных GIF-файлов и видеофайлов SWF, AVI, Apple QuickTime. Единственным минусом этого подхода является то, что он не сработает в старых обозревателях, и тем не менее мы детально рассмотрим его в пункте 3.3 настоящего пособия.)

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

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

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

Эффективность баннера оценивается по целому ряду критериев, из которых считается наиболее значимым ранжир кликов, или CTR (Click Through Ratio). Под этим названием понимается отношение количества переходов по баннеру к количеству его показов пользователям, выраженное в процентах. Скажем, когда CTR вашего баннера достиг 0,5%, это означает, что один лишь переход по нему на сайт рекламодателя совершается в среднем на каждые 200 показов или, точнее, 5 раз на 1000: маркетинговые измерения в Интернете принято проводить из расчета на 1000 человек.

На величину CTR, явно завышенную в нашем примере, влияют следующие факторы:

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

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

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

Интернет Реклама - раздел

Опрос