Содержание
- 1 Что такое баннеры
- 2 Что такое баннер на сайте и как его сделать самому
- 3 Какие они бывают и правила их составления
- 4 Как сделать баннер для сайта
- 5 Содержание
- 6 История [ править | править код ]
- 7 Типы баннеров [ править | править код ]
- 8 Размеры баннера [ править | править код ]
- 9 Форматы баннера [ править | править код ]
- 10 Основные задачи баннера [ править | править код ]
- 11 Параметры эффективности баннерной рекламы [ править | править код ]
- 12 Типы тарификации [ править | править код ]
- 13 Типы размещения [ править | править код ]
Реклама — нужная вещь для любого сайта. Только стоимость инструментов для рекламы бывает выше дохода от нее. Вот тогда многие начинают мудрить, чтоб хоть немного сэкономить. Для таких « мудреных » мы и поведаем, как сделать баннер.
Что такое баннеры
Под баннером в интернете подразумевается прямоугольное рекламное изображение со статическим или динамическим ( анимированным ) содержимым. Баннер может включать в себя как текст, так и графический рисунок. Баннер, как правило, снабжен ссылкой, активирующейся после щелчка по нему кнопкой мыши.
Современный рост эффективности баннерной рекламы связан с использованием контекстного таргетинга. При этом на баннерах сайта рекламируют только те товары и услуги, которые « созвучны » с тематикой ресурса:
Хорошо бы узнать, как можно сделать баннер для сайта. Но для начала нужно разобраться с существующими типами баннеров. Различают следующие их типы:
- Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате 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.internet-technologies.ru/wp-content/uploads/путь к изображению» – задает путь к изображению, отображаемому в баннере;
- alt=»альтернативный текст» – текст, который будет отображен в баннере, если его рисунок не загружен.
Но не обязательно разрабатывать баннер самостоятельно. Для этого можно воспользоваться специальными онлайн-генераторами. Чтобы сгенерировать код баннера на таком сервисе, нужно заполнить несколько полей и нажать на кнопку:
Или можно заказать создание баннера в профессиональной студии. Тогда это обойдется дороже… Вот примерные расценки:
- Разработка обычного GIF баннера – от 25$;
- Создание баннера на основе Flash – 70-150$;
- Ресайз – примерно 50% от первоначальной его цены.
Но если немного помудрить, то можно сотворить простенький баннер самостоятельно. Вот какое чудо получается после десяти минут манипуляций с кодом html и изображением в Coreldraw :
Код баннера:
Если еще немного помудрить с кодом и добавить пару обработчиков событий, то получиться баннер с меняющейся картинкой. Изображение в баннере меняется во время наведения на него курсора.
Вот что получилось:
Код примера:
Создание анимированных и видео баннеров
Рассмотрим на примере как сделать анимированный баннер с помощью программы Ulead GIF Animator .
В меню « Файл » выбираем пункт « Мастер анимации ». В появившемся окне задаем размер будущего баннера. На следующем шаге загружаем подготовленные изображения:
Затем задается скорость смены картинок в анимации. В маленьком окне эта скорость демонстрируется с помощью меняющихся цифр:
При желании к анимированной картинке можно добавить движущийся текст. В специальном окне набирается текст и настраивается его анимация ( задается скорость и направление движения ):
Примерно также в этой программе можно создать и видео баннер. Тогда в первом шаге вместо изображений загружается видео или отдельные кадры ролика.
Ulead GIF Animator позволяет сохранить созданный баннер в разных форматах. В том числе и как видео:
Главное не реализация, а идея!
Технология создания баннера не главное. Куда сложнее разработать его основную концепцию и идею. Так что перед тем, как сделать видео баннер, постарайтесь до конца продумать его дизайн и концепцию. А реализация – дело наживное!
Что такое баннер на сайте и как его сделать самому
Здравствуйте, дорогие друзья. Статью написал блогер Владимир, автор сайта http://1st-finstep.ru/ .
Каждый из нас не раз встречал красочные баннеры на страницах сайтов. Давайте узнаем, что такое баннер и зачем он нужен, какую роль он играет в продвижении интернет-проекта. Выясним, каким образом можно создать онлайн баннер бесплатно, какие онлайн-конструкторы стоит выбирать. Начнем с определения.
Баннер – это своего рода вывеска, графическое изображение рекламного характера, которое подталкивает пользователя к определенным действиям. Изначально он применялся, как уличная реклама, но позже, с развитием интернета, переместился в сеть и прочно закрепился, как эффективное средство рекламных компаний. Это картинка определенного размера, содержащее в себе краткое описание рекламируемого продукта, призывающее пользователя нажать на нее. Достоинство таких «вывесок» — человеку достаточно кликнуть на нее, и он будет перемещен на целевую страницу, это удобно и быстро.
Какие они бывают и правила их составления
Все баннеры разделяются на несколько видов:
Первые могут быть в формате Gif или сделанными на Flash. Они содержат в себе несколько картинок, меняющие друг друга с определенной периодичностью, привлекая внимание посетителей. В этом случае главное, чтобы он не спугнул человека, то есть, в нем должно быть все в меру, чтобы появилось желание кликнуть на него, а не закрыть страницу. Это отчётливо видно по двум баннерам, расположенным внизу.
Статические – это просто картинка с определенным текстом на ней. Умелое размещение заголовка на определенном фоне с небольшим текстовым описанием может подтолкнуть посетителя на нужное действие. Например, такой. Его размер 300 х 480. Поэтому он такой вытянутый. Но, несмотря на то, что это просто картинка, при нажатии на неё, мы попадаем на тот сайт, который нам нужен. Подобные баннеры также лучше размещать в сайдбарах.
Баннер для сайта должен вмещать в себя текст, который легко будет читаться. Он не должен перегружать информацией юзера. Обращаем внимание на шрифты и на их размеры. Текст должен легко читаться, никаких «закрученных» или мелких букв, это вам не капча, которую нужно разгадывать часами. Что касается анимации, то ее скорость не должна превышать скорости чтения среднестатистического пользователя, не менее 5 секунд.
Размер имеет значение! В сети существуют не гласные размеры вывесок для сайтов. Причем для каждой области страницы они свои. Например, для шапки подойдут баннеры размером 468 на 60. Например, вот такой баннер. Как видите, он статический.
Для сайтбаров (тоже в зависимости от их размещения) – 240 на 400. Чтобы увидеть эти баннеры, достаточно посмотреть на сайтбар этого сайта. Ну а что делать, если размеры областей вашей страницы далеки от стандартных? В этом случае на помощь придут адаптивные, это те, которые подстраиваются под нужные вам размеры. Такими пользуются при составлении рекламных блоков в Google Adsense. Если у вас отключен АдБлок вы именно такой баннер Google Adsense видите над статьёй. Его размер 580 х 400. Также, внизу статьи вы видите баннеры от контекстной рекламы Яндекс.
Как сделать баннер для сайта
Существует несколько путей его создания:
- Заказать у профессиональных дизайнеров. В этом случае вы приобретаете графический продукт от профессионалов. Качество и эксклюзивность зависит от цены и профессионализма исполнителей.
- Скачать из интернета. В этом случае вы бесплатно получите готовый материал, который можно будет встретить на многих сайтах. Кроме этого, у вас не будет возможности его редактирования, не сможете изменить ни текст, ни фон, ни картинку.
- Сделать самому, используя специализированные программы. Для этого вы должны иметь в своем распоряжении эти программы и уметь ими пользоваться. Это также подразумевает покупку лицензии на ее использование, так как, профессиональные редакторы не будут бесплатными. А качество будет зависеть от вашего мастерства и фантазии. Например, баннер сделанный самим, вы видите вначале этой статьи. Это один их самых простых баннеров.
- Нарисовать самому, используя бесплатные онлайн-конструкторы. Не нужно платить за использование софта и дизайнеров. Вы сами себе режиссер. Использование подобных редакторов подразумевает наличие минимальных навыков рисования. Если вы работали в Paint, то разобраться в них не составит труда. Кроме того, наличие готовых шаблонов упростит процесс рисования.
Но последний пункт может иметь определенные «подводные» камни. В обзоре, как создать баннер бесплатно онлайн, я упоминал о некоторых из них, на это обязательно нужно обращать внимание при выборе онлайн-конструктора. Перечислим некоторые из них.
Отсутствие или наличие русского языка в интерфейсе редактора. Английский язык — это хорошо, но если вы его слабо знаете, то процесс знакомства будет растянут на не определенное время, это усложнит создание баннера для сайта. Кроме этого, обращаем внимание на качество перевода, если его перевел переводчик Гугл и это все всунули в оболочку конструктора, то это никак не упростит вам работу (подобный пример есть в обзоре по ссылке выше).
Есть ли шаблоны. В этом случае достаточно будет его отредактировать под свои требования. Кроме этого, вы сможете себе подобрать стандартный размер, который будет удобочитаем на любых сайтах.
Насколько богат функционал конструктора. Чем больше в нем встроено инструментов, тем качественнее и интереснее будет смотреться баннер.
Это не все особенности онлайн-конструкторов. Каждый, из приведенных по ссылке сервисов обладает своими отличительными чертами. На их примере я постарался показать, как правильно выбирать графические редакторы, размещенные в свободном доступе в сети. Если вы пользуетесь другими сервисами, то пишите о них в комментариях, чем они выделяются на фоне конкурентов и почему их выбрали. Рад буду узнать ваше мнение и критику.
Баннер (англ. banner «транспарант») — графическое изображение рекламного характера, аналогичное рекламному модулю в прессе. Может быть как статичным изображением или даже текстом, так и содержать анимированные элементы (вплоть до видео и интерактивных объектов). Как правило, содержит гиперссылку на сайт рекламодателя или страницу с дополнительной информацией.
Содержание
История [ править | править код ]
Существует мнение, что первый баннер появился в 1994 году [1] . На тот момент это была простая картинка, которая вела на рекламируемый сайт. Такой новый вид рекламы по началу использовался просто для того, чтобы на страницах одного сайта прорекламировать другой сайт. Однако довольно скоро стало понятно, что сайт, рассказывающий о каких-либо товарах или услугах, может получать отчисления от производителей данных товаров или услуг за размещение на своих страницах их рекламы. Это привело к настоящему буму баннеров. Нередко создавались (и по сей день создаются) страницы, направленные только и исключительно на получение прибыли от баннерной (и других видов) рекламы. Чрезмерная эксплуатация графических изображений определённых форматов вынуждала рекламодателей придумывать все новые и новые неожиданные решения для привлечения внимания потенциальных клиентов: сначала рекламисты использовали необычные размеры баннеров («небоскребы», «кнопки»), затем анимацию (от простейших мигалок, до целых мультфильмов). Пользователи отвечали на эти ухищрения сначала всплеском интереса, а затем начинали игнорировать баннеры. В надежде на то, что пользователь найдет свою информацию, а потом посмотрит рекламу появились баннеры, открывающиеся в отдельном окне (Pop-up / Pop-under). Их кажущаяся рекламодателям успешность привела к тому что многие браузеры в наши дни по умолчанию блокируют все всплывающие окна, открытые без ведома пользователя. Рекламодатели тогда сменили политику, и теперь баннеры часто стали появляться непосредственно над содержимым страницы или даже вместо него (давая возможность пользователю после просмотра рекламы перейти к нужному содержимому). Пользовательская реакция была ещё жёстче — появились программы блокирующие всю рекламу на сайте (например Adblock, Ad Muncher, adguard) Однако развитие сетей и видов контента привело к появлению видео, которое стало возможным просматривать прямо на страницах сайта. Как следствие появились и видео-баннеры и реклама встраиваемая прямо в видеоролики, просматриваемые пользователями. Реклама сегодня пытается привлечь внимание пользователей интерактивными элементами, играми, видеороликами, элементами экспертных систем. Самый большой прирост эффективности современной баннерной рекламе дали технологии контекстного таргетинга, позволившие показывать пользователю только ту рекламу, которая совпадает по тематике с просматриваемой страницей. Все это не мешает многим пользователям и сегодня использовать блокирующие рекламу программы.
Типы баннеров [ править | править код ]
Изобретательность рекламодателей не знает пределов и новые варианты баннерной рекламы появляются каждый день. На данный момент можно выделить следующие наиболее распространённые форматы баннеров:
| Тип баннера | Описание |
|---|---|
| Статичные изображения | В основном JPEG-файлы |
| Анимированные изображения | GIF-файлы, Flash-анимация (иногда — с видео внутри) |
| Richtext | Текстовые и текстово-графические блоки |
| Интерактивные | Flash- или JavaScript-анимация с элементами взаимодействия с пользователем (например игра или анкета) |
Размеры баннера [ править | править код ]
Очень важной характеристикой баннера является его размер в байтах, тот объём дискового пространства, которое файлы баннера занимают на сервере. Чем больше размер баннера, тем дольше баннер будет загружаться на компьютер конечного пользователя и тем меньше вероятность, что пользователь успеет посмотреть на него, прежде чем перейдет на другую страницу. Следовательно, размер баннера является одним из параметров его эффективности. Сайты, размещающие баннеры, обычно лимитируют размер их файлов. Однако с развитием технологий и все большим распространением широкополосного доступа к сети этот параметр стал все больше отходить на второй план и сегодня видео-баннеры уже являются обыденной реальностью, хотя ещё в начале 2000-х годов казались пользователям расточительной тратой трафика.
Форматы баннера [ править | править код ]
За годы истории веб-рекламы появилось огромное количество рекламных форматов баннеров. Начиная от когда-то бывшего стандартом де-факто формата 468х60 точек, заканчивая баннерами для мобильных устройств или баннерами, закрывающими все окно браузера при наведении на активирующую область.
| Размеры в пикселях | Наименование |
|---|---|
| 88 x 31 | микро полоса |
| 100 x 100 | квадратный маленький |
| 120 x 60 | кнопка 2 |
| 120 x 90 | кнопка 1 |
| 125 x 125 | квадратная кнопка |
| 120 x 240 | вертикальный баннер |
| 120 x 600 | небоскрёб |
| 160 x 600 | широкий небоскрёб |
| 180 x 150 | прямоугольник |
| 234 x 60 | половина длинного баннера |
| 240 x 400 | вертикальный прямоугольник — самый распространённый сегодня формат. |
| 250 x 250 | всплывающий квадрат |
| 300 x 250 | прямоугольник средней величины |
| 300 x 600 | объявление на полстраницы |
| 336 x 280 | большой прямоугольник |
| 468 x 60 | длинный баннер |
| 500 x 100 | горизонтальный |
| 600 x 90 | горизонтальный средний |
| 728 x 90 | горизонтальный (ведущий) длинный |
| Pop-up | Баннер, открывающийся в отдельном окне, перекрывающий изображения сайта. |
| Pop-under | Баннер, открывающийся в отдельном окне, не перекрывающий изображения сайта. |
| Float (по другим данным Reach-media) | Баннер, всплывающий над страницей сайта. Как правило имеет «крестик» для закрытия. |
| Top Line | Баннер-растяжка. Размещается во всю ширину страницы в верхней части страницы. |
| «Расхлоп» | Баннер, увеличивающийся в размерах при наведении на него мыши |
Основные задачи баннера [ править | править код ]
Задачи можно разделить на две группы:
- Задача продажи товара
- Привлечь внимание. Это первоначальный необходимый результат работы баннера. Эта задача решается подбором содержимого. Приемлемый с точки зрения аудитории и потенциально одобряемый её членами вид содержимого безусловно должен вызывать положительную оценку у заказчика, если целью размещения является не размещение ради продажи факта размещения, а формирование положительного впечатления в массовом сознании аудитории.
- Заинтересовать. Пробудить у клиента интерес к рекламируемому товару или услуге.
- Подтолкнуть к переходу на сайт. Эта задача достигается с помощью элемента недосказанности в содержании баннера.
- Побудить к действию, то есть к покупке товара или услуги на самом сайте (что является конечной целью рекламы). Эта задача налагается не на сайт, а прежде всего на информацию в баннере.
- Задача брендинга или имиджевая задача
- Повысить узнаваемость бренда, логотипа компании, значка продукта
- Составить положительное отношение к бренду, компании, продукту
- и др.
Параметры эффективности баннерной рекламы [ править | править код ]
Конечным показателем того или иного вида рекламы является увеличение продаж товаров или услуг, предлагаемых рекламодателем, то есть параметр ROI. Для оценки данного параметра а также стоимости баннерной рекламы расчёт базируют на следующих параметрах:
- Количество показов баннера — это основной параметр для рекламной кампании. Показы принято измерять тысячами и миллионами.
- Количество кликов — это второй, не менее важный, параметр, показывающий насколько реклама реально заинтересовала пользователей.
- CTR (click through rate) — это отношение количества кликов к количеству показов, измеряемое в процентах. Чем выше эта величина, тем эффективнее (к имиджевой рекламе не относится) считается баннер. Например, CTR = 2 % означает, что на каждые 100 показов баннера приходится 2 перехода на рекламируемый им веб-сайт. На заре становления Интернет-рекламы CTR в 1—2 % считался нормальным. Сейчас обычным для баннера считается CTR в 0,03—0,05 %. Как правило, меньшее значение свидетельствует о неудачности рекламы на баннере.
- Стоимость баннерной рекламы — конечная стоимость рекламной кампании.
Существуют и другие параметры эффективности, позволяющие отслеживать работу баннера и эффективно управлять ходом всей рекламной кампании.
Типы тарификации [ править | править код ]
При расчёте стоимости рекламы используют различные метрики:
- CPI (cost per impression) — стоимость за 1 показ или CPM (cost per mille = cost per thousand impressions) — стоимость тысячи показов
- CPC (cost per click) — стоимость за 1 клик
- CPT (cost per time) — стоимость за временной период или CPD (cost per day) — стоимость за сутки показов
- CPO (cost per order) — стоимость за оформленный заказ (сколько рекламодатель заплатил за рекламу, чтобы привлечь один заказ.)
Для избегания перерасхода средств, при размещении баннеров на коммерческой основе, как правило устанавливаются квоты на количество показов и/или кликов по баннеру либо за все время кампании, либо за определённые периоды (например за час, сутки, неделю и пр.). Возможны другие виды квотирования — по бюджету, по показу для уникального пользователя и др.
Типы размещения [ править | править код ]
В основном выделяются следующие виды размещений:
- Непосредственное размещение баннера на сайте
- Размещение баннера через баннерные сети:
- сети баннерного обмена
- коммерческие баннерные сети
