Интернет баннер: Что такое баннерная реклама и как она выглядит: примеры и виды

А это пример рекламного баннера на сайте:

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

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

Баннеры в интернете помогают рассказать целевой аудитории про УТП, о скидках и акциях, то есть увеличивают узнаваемость бренда.

Принципы оплаты. В рекламном кабинете «Яндекс.Директ» встречаются два вида варианта запуска баннерной рекламы. Первый ― на сайтах-партнерах, тогда оплата будет за клики. Второй вариант это медийная реклама: например, баннер на главной странице поисковой сети «Яндекс» ― в таком случае оплата идет за показы. В кабинете Google Ads плата за баннер выбирается в зависимости от стратегии.

Задачи интернет-баннера

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

Пример: компания «Матрамакс» использовала баннеры с призывом: «Не смогли оформить заявку на сайте? ― Мы ждем вас!». Можно подумать над формулировкой призыва, но в целом создается ощущение, будто обращение идет лично к пользователю. А люди любят внимание.

• Вывод нового продукта на рынок. Яркий баннер, который презентует новый продукт.

Пример: презентация нового автомобиля, где на баннере есть фотография, название и главное его преимущество.

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

Пример: новые насадки для электрических щеток.

• Анонс акций, скидок и предложений.

Пример: скидка до 40% на осеннюю коллекцию.

• Увеличение лояльности целевой аудитории.

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

Автоматизация email рассылок

Отправляйте цепочки триггерных сообщений приветствия, брошенной корзины, реактивации, совмещая внутри одной цепочки email, SMS и web push.

Настроить триггерные рассылки

Преимущества баннеров

• Индивидуальное оформление баннера: фотография, картинка, анимация, интерактив или добавление видео.
• Нацеленность на несколько категорий аудитории: ориентирование на ЦА, привлечение новых пользователей или показ рекламы на похожую аудиторию.
• Привлечение тех пользователей, которые уже ранее посещали ваш сайт, но не дошли до заявки. Этот вариант привлечения в «Яндекс.Директ» называется ретаргетинг, а в Google Ads ― ремаркетинг.
• Гибкие настройки таргетинга: выбор по демографическим признакам и интересам пользователей.
• Возможность указать варианты взаимодействия с рекламодателем: позвонить по номеру телефона, перейти на сайт, задать вопрос в мессенджере.

Случай из практики: Рекламодатель попросил создать баннер, на котором был логотип, номер телефона и большая надпись «Не кликай, а звони!». Мы подумали, что набор номера будет неудобен для пользователя, но за неделю собрали 18 звонков с креатива. Вывод: выбирайте тот формат взаимодействия, который наиболее удобен вашей аудитории.

Недостатки баннерной рекламы

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

Рекомендуется к прочтению! О том, как бороться с баннерной слепотой, читайте в нашей статье.

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

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

Виды баннеров в интернете

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

По форматам баннеров

• Статические ― графические изображения в формате PNG или JPEG.

• Динамические ― сложный анимированный формат или видеовставки в форматах: HTML5, GIF, Java, Flash.

По размерам баннеров

Наиболее популярные размеры ― 240х400, 728х90, 300х600, 300х250, 970х250, 640х200.

Важно! Размеры можно выбрать в рекламных кабинетах «Яндекс.Директ» и Google Ads, равно как и на площадках, с которыми вы договариваетесь о размещении баннера.

По целям рекламной кампании

• Целевые ― реклама ориентирована на вашу ЦА.

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

• Информационные ― информация о новинках, скидках, акциях и событиях из жизни компании.
• Ремаркетинг/ретаргетинг ― реклама, которая возвращает пользователей на ваш сайт.
• Внутренние ― страницы сайта: товары, информация о компании, доставка.

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

• Имиджевые ― реклама повышает узнаваемость бренда.

По форме баннеров

• Форма во всю ширину сайта или экрана:

• Модули, которые открываются при наведении курсора:

• Реклама располагается поверх страницы сайта:

• Баннер, который открывается над сайтом или под ним.

• BackGround ― баннер располагается на фоне:

Размещение баннерной рекламы

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

Баннеры размещают в рекламном кабинете «Яндекс.Директ» и Google Ads. У каждой системы своя платформа для ведения рекламы и сайты-партнеры, на которых можно размещать баннеры.

Баннерная реклама «Яндекс.Директаю использует форматы размещения на поиске и в сетях: текстово-графические и графические объявления, видео и анимации.

Баннерная реклама Google Ads использует форматы размещения в сетях и YouTube: лайтбоксы (интерактивная реклама, которая открывается при наведении), текстово-графические объявления, графические, анимационные и видеоформаты.

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

Например, рекламодатель занимается товарами для сна ― матрасы, подушки и одеяла. Рекламу можно показывать на сайтах по тематикам: «мебель», «кровати», «постельное белье». Предложения могут быть разные: обновление спального места, матрас под размеры нового каркаса кровати, подушки в подарок при покупке матраса.

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

Как оценить эффективность баннера

Для оценки эффективности отслеживают ряд показателей в системах аналитики («Яндекс.Метрика», Google Analytics, Roistat и другие).

• Количество показов и кликов.
• CTR ― показатель кликабельности.
• Post-view ― анализ имиджевого эффекта от рекламной кампании и креатива. Это конверсии, совершенные через некоторое время после просмотра рекламы.

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

• Post-click ― анализ кликов после просмотра рекламного объявления. То есть, из каких источников пользователь вернулся на сайт рекламодателя.

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

• Brand lift ― оценка влиятельности компании на рынке: узнаваемость, запоминаемость и интерес к бренду.
• Search lift ― сравнение аудитории, которая видела баннер и искала компанию по брендовым запросам, с аудиторией, которая не видела баннерную рекламу, но искала организацию в поисковой сети. То есть процесс оценки брендовых запросов после запуска медийной рекламы.

Заключение

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

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

Регистрируйтесь в SendPulse, чтобы всегда быть в тренде и использовать для работы дополнительные методы продвижения: email, web push, Viber, SMS и через чат-ботов в мессенджерах!

Что такое баннер? Типы баннеров в интернет-рекламе

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

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

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

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

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

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

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

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

В спорте

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

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

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

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

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

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

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

Первый баннер в интернете появился очень давно, в прошлом тысячелетии, когда поисковых систем Яндекс и 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.

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

<a target=»_blank» rel=»nofollow» href=»ссылка на страницу, куда попадет пользователь»>
<img alt=»здесь ваш текст» src=»ссылка на баннер в корневом каталоге» width=»200″ height=»200″ />

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

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

Интересные записи:

Баннер (Интернет) — Википедия

Материал из Википедии — свободной энциклопедии

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

История

Существует мнение, что первый баннер появился в 1994 году^[1]. На тот момент это была простая картинка, которая вела на рекламируемый сайт. Такой новый вид рекламы по началу использовался просто для того, чтобы на страницах одного сайта прорекламировать другой сайт. Однако довольно скоро стало понятно, что сайт, рассказывающий о каких-либо товарах или услугах, может получать отчисления от производителей данных товаров или услуг за размещение на своих страницах их рекламы. Это привело к настоящему буму баннеров. Нередко создавались (и по сей день создаются) страницы, направленные только и исключительно на получение прибыли от баннерной (и других видов) рекламы. Чрезмерная эксплуатация графических изображений определённых форматов вынуждала рекламодателей придумывать все новые и новые неожиданные решения для привлечения внимания потенциальных клиентов: сначала рекламисты использовали необычные размеры баннеров («небоскребы», «кнопки»), затем анимацию (от простейших мигалок, до целых мультфильмов). Пользователи отвечали на эти ухищрения сначала всплеском интереса, а затем начинали игнорировать баннеры. В надежде на то, что пользователь найдет свою информацию, а потом посмотрит рекламу появились баннеры, открывающиеся в отдельном окне (Pop-up / Pop-under). Их кажущаяся рекламодателям успешность привела к тому что многие браузеры в наши дни по умолчанию блокируют все всплывающие окна, открытые без ведома пользователя. Рекламодатели тогда сменили политику, и теперь баннеры часто стали появляться непосредственно над содержимым страницы или даже вместо него (давая возможность пользователю после просмотра рекламы перейти к нужному содержимому). Пользовательская реакция была ещё жёстче — появились программы блокирующие всю рекламу на сайте (например Adblock, Ad Muncher, adguard) Однако развитие сетей и видов контента привело к появлению видео, которое стало возможным просматривать прямо на страницах сайта. Как следствие появились и видео-баннеры и реклама встраиваемая прямо в видеоролики, просматриваемые пользователями. Реклама сегодня пытается привлечь внимание пользователей интерактивными элементами, играми, видеороликами, элементами экспертных систем. Самый большой прирост эффективности современной баннерной рекламе дали технологии контекстного таргетинга, позволившие показывать пользователю только ту рекламу, которая совпадает по тематике с просматриваемой страницей. Все это не мешает многим пользователям и сегодня использовать блокирующие рекламу программы.

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

Изобретательность рекламодателей не знает пределов и новые варианты баннерной рекламы появляются каждый день. На данный момент можно выделить следующие наиболее распространённые форматы баннеров:

Размеры баннера

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

Форматы баннера

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

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

Задачи можно разделить на две группы:

• Задача продажи товара

1. Привлечь внимание. Это первоначальный необходимый результат работы баннера. Эта задача решается подбором содержимого. Приемлемый с точки зрения аудитории и потенциально одобряемый её членами вид содержимого безусловно должен вызывать положительную оценку у заказчика, если целью размещения является не размещение ради продажи факта размещения, а формирование положительного впечатления в массовом сознании аудитории.
2. Заинтересовать. Пробудить у клиента интерес к рекламируемому товару или услуге.
3. Подтолкнуть к переходу на сайт. Эта задача достигается с помощью элемента недосказанности в содержании баннера.
4. Побудить к действию, то есть к покупке товара или услуги на самом сайте (что является конечной целью рекламы). Эта задача налагается не на сайт, а прежде всего на информацию в баннере.

• Задача брендинга или имиджевая задача

1. Повысить узнаваемость бренда, логотипа компании, значка продукта
2. Составить положительное отношение к бренду, компании, продукту
3. и др.

Параметры эффективности баннерной рекламы

Конечным показателем того или иного вида рекламы является увеличение продаж товаров или услуг, предлагаемых рекламодателем, то есть параметр 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) — стоимость за оформленный заказ (сколько рекламодатель заплатил за рекламу, чтобы привлечь один заказ.)

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

Типы размещения

В основном выделяются следующие виды размещений:

• Непосредственное размещение баннера на сайте
• Размещение баннера через баннерные сети:

1. сети баннерного обмена
2. коммерческие баннерные сети

См. также

Примечания

1. ↑ [1] — «Happy Birthday, Digital Advertising!» С днем рождения, цифровая реклама!

Ссылки

что это такое – баннерная реклама в интернете

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

Достоинства и недостатки

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

Преимущества

• Большой охват. Размещение рекламы на «морде» или сквозных страницах позволит добиться максимального охвата аудитории.

• Кастомизация оформления. У Вас есть возможность самому выбрать, что будет изображено на баннере. Для этого учитываются особенности товара и заинтересованность аудитории.

• Ориентация на ЦА. Вы сами решаете, на каких сайтах будет размещена баннерная реклама, сортируете аудиторию исходя из тематики.

• Повышение узнаваемости бренда. При частом появлении баннеров на разных страницах сайтов пользователи лучше запоминают и узнают бренд.

Недостатки

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

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

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

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

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

Виды

Рекламные баннеры различаются по технологии создания и размеру. С 1994 года популярен блок 468 × 60 пикселей, который активно используют Google AdSense и «Яндекс.Директ». Общепринятых стандартов нет как таковых, но существует основа, которой придерживаются монстры рекламного бизнеса и веб-мастера. Популярными форматами являются 240 × 400, 300 × 600, 300 × 250, 728 × 90.

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

Динамические. Наиболее сложный тип баннеров. Используются такие технологии, как Java, HTML, CGI, Flash.

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

2. HTML5-баннеры. Такие баннеры автоматически подстраиваются под разрешение вашего компьютера или смартфона. И если в CGI или Flash возможны лишь фиксированные размеры, то HTML5 позволяет задать любые рамки. Объявление будет адаптироваться к платформе автоматически, при этом не возникнет затруднений с просмотром основного контента. Такая технология функционирует и в «Яндекс.Дисплее», где Вы можете заниматься управлением медийной рекламой в сервисах «Яндекса».

3. CGI-баннеры. Это группа HTML-тегов, реализующих интерактивные механизмы вместе с графическими объектами. Преимуществами рекламы можно назвать гибкую навигацию, возможность добавления информации, мгновенную загрузку и пр.

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

Размещение баннеров

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

Оценка эффективности

Оценить эффективность позволяет такой показатель, как CTR (click-through ratio) – коэффициент кликов. Он наглядно демонстрирует соотношение кликов и общего числа показов. Чем выше это значение, тем эффективнее работает баннерная реклама. В различных тематиках есть свои стандарты оптимального соотношения, но в целом они не должны быть менее 0,3–0,5 %. Но стоит помнить, что CTR, как правило, мало, чтобы оценить эффективность рекламы в сети. Важен процент отказов. Его можно увидеть в «Яндекс.Метрике». Если информация, указанная в объявлении, не релевантна странице, на которую попадает пользователь, клик не будет эффективным.

(Голосов: 7, Рейтинг: 5)

Баннер (Интернет) — Википедия. Что такое Баннер (Интернет)

Типичный баннер

Баннер (англ. 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	Баннер-растяжка. Размещается во всю ширину страницы в верхней части страницы.
«Расхлоп»	Баннер, увеличивающийся в размерах при наведении на него мыши

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

Задачи можно разделить на две группы:

• Задача продажи товара

1. Привлечь внимание. Это первоначальный необходимый результат работы баннера. Эта задача решается подбором содержимого. Приемлемый с точки зрения аудитории и потенциально одобряемый её членами вид содержимого безусловно должен вызывать положительную оценку у заказчика, если целью размещения является не размещение ради продажи факта размещения, а формирование положительного впечатления в массовом сознании аудитории.
2. Заинтересовать. Пробудить у клиента интерес к рекламируемому товару или услуге.
3. Подтолкнуть к переходу на сайт. Эта задача достигается с помощью элемента недосказанности в содержании баннера.
4. Побудить к действию, то есть к покупке товара или услуги на самом сайте (что является конечной целью рекламы). Эта задача налагается не на сайт, а прежде всего на информацию в баннере.

• Задача брендинга или имиджевая задача

1. Повысить узнаваемость бренда, логотипа компании, значка продукта
2. Составить положительное отношение к бренду, компании, продукту
3. и др.

Параметры эффективности баннерной рекламы

Конечным показателем того или иного вида рекламы является увеличение продаж товаров или услуг, предлагаемых рекламодателем, то есть параметр 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) — стоимость за оформленный заказ (сколько рекламодатель заплатил за рекламу, чтобы привлечь один заказ.)

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

Типы размещения

В основном выделяются следующие виды размещений:

• Непосредственное размещение баннера на сайте
• Размещение баннера через баннерные сети:

1. сети баннерного обмена
2. коммерческие баннерные сети

См. также

Примечания

1. ↑ [1] — «Happy Birthday, Digital Advertising!» С днем рождения, цифровая реклама!

Ссылки

Баннер (Интернет) — Википедия

Материал из Википедии — свободной энциклопедии

Типичный баннер

Баннер (англ. 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	Баннер-растяжка. Размещается во всю ширину страницы в верхней части страницы.
«Расхлоп»	Баннер, увеличивающийся в размерах при наведении на него мыши

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

Задачи можно разделить на две группы:

• Задача продажи товара

1. Привлечь внимание. Это первоначальный необходимый результат работы баннера. Эта задача решается подбором содержимого. Приемлемый с точки зрения аудитории и потенциально одобряемый её членами вид содержимого безусловно должен вызывать положительную оценку у заказчика, если целью размещения является не размещение ради продажи факта размещения, а формирование положительного впечатления в массовом сознании аудитории.
2. Заинтересовать. Пробудить у клиента интерес к рекламируемому товару или услуге.
3. Подтолкнуть к переходу на сайт. Эта задача достигается с помощью элемента недосказанности в содержании баннера.
4. Побудить к действию, то есть к покупке товара или услуги на самом сайте (что является конечной целью рекламы). Эта задача налагается не на сайт, а прежде всего на информацию в баннере.

• Задача брендинга или имиджевая задача

1. Повысить узнаваемость бренда, логотипа компании, значка продукта
2. Составить положительное отношение к бренду, компании, продукту
3. и др.

Параметры эффективности баннерной рекламы

Конечным показателем того или иного вида рекламы является увеличение продаж товаров или услуг, предлагаемых рекламодателем, то есть параметр 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) — стоимость за оформленный заказ (сколько рекламодатель заплатил за рекламу, чтобы привлечь один заказ.)

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

Типы размещения

В основном выделяются следующие виды размещений:

• Непосредственное размещение баннера на сайте
• Размещение баннера через баннерные сети:

1. сети баннерного обмена
2. коммерческие баннерные сети

См. также

Примечания

1. ↑ [1] — «Happy Birthday, Digital Advertising!» С днем рождения, цифровая реклама!

Ссылки

Адаптивные баннеры на HTML5 и CSS3 / Хабр

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

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

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

• HTML-реклама доступна повсеместно , семантическая разметка сделает ее подходящей для скрин-ридеров;
• текст, изображения, видео, скрипты и формы — всё это может быть использовано в баннере точно так же, как и на любой веб-странице;
• при необходимости баннеры могут задействовать динамические сценарии и базы данных на серверной стороне ;
• в могут быть внесены изменения уже после его размещения ;
• файл (набор файлов) HTML-баннера может иметь весьма скромный размер ;
• обслуживание баннеров, по существу, сводится к веб-хостингу ;
• веб-разработчикам не нужно изучать что-либо новое — все технологии остаются теми же, что и при обычной веб-разработке;
• и, конечно, при помощи CSS3 медиа-запросов можно заставить HTML5-рекламу «подстраиваться» под любые размеры — ведь такое поведение мы ожидаем от адаптивных баннеров!

Во-первых, создается резиновая HTML5-страница.Мы наполняем ее текстом, изображениями, ссылками на требуемую страницу, украшая всё это при помощи CSS3. Во-вторых, такой баннер может быть размещен на любом веб-сайте посредством плавающего фрейма iframe. Есть одна хитрость, задействующая CSS3 медиа-запросы, чтобы сделать динамические размерности iframe’а, и вскоре я расскажу о ней… Однако, по большому счёту, это всё! Вот пример HTML5-баннера популярного формата 125 x 125 пикселей («квадратная кнопка») . А вот пример того же баннера с измененной шириной.Обратите внимание, как этот баннер ведет себя при изменении размеров окна. Изящно, не правда ли? 🙂 Адаптивная вёрстка требует, чтобы элементы развивались по ширине. Высота в адаптивной разметке не столь важна, т.е. мы может выбрать любое необходимое нам значение высоты. Наш баннер «завязнет» на этом значении — мы можем определить множество значений для любого баннера!

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

31px «микро»

• микро полоса (88 x 31)

60px «кнопка»

• кнопка 2 (120 x 60)
• половина длинного баннера (234 x 60)
• длинный баннер (468 x 60)

90px «баннер»

• кнопка 1 (120 x 90)
• горизонтальный (ведущий) длинный (728 x 90)

125px «малый прямоугольник»

• квадратная кнопка (125 x 125)

250px «прямоугольник средней величины»

• вертикальный баннер (120 x 240 * Достаточно близко!)
• всплывающий квадрат (250 x 250)
• прямоугольник средней величины (300 x 250)

400px «большой прямоугольник»

• вертикальный прямоугольник

600px «небоскрёб»

• небоскрёб (120 x 600)
• широкий небоскрёб (160 x 600)
• объявление на полстраницы (300 x 600)

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

Самым замечательным тот факт, что 14 общепринятых форматов баннеров сводятся всего к семи, причём все они могут быть представлены всего одним HTML5-баннером ! В добавок, мой демо-баннер занимает менее 25k вместе со всеми составляющими (HTML, CSS и JPG-изображение).

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

Иногда может потребоваться, чтобы ваш баннер адаптировался ещё и по высоте — достичь этого можно путем изменения размера iframe’а при помощи медиа-запросов CSS. Я обнаружил, что лучший способ сделать это — установить высоту и ширину iframe’а, значение 100% и обернуть его div’ом со специальным набором размеров в CSS. Вот как это выглядит:

А вот CSS:

  / * высота по умолчанию * /
#ad {
   высота: 60 ​​пикселей;
}
@media only screen and (height: 90px) {
   / * Высота 90 пикселей * /
   #ad {
      высота: 90 пикселей;
   }
}
Только экран @media и (высота: 125 пикселей) {
   / * 125 пикселей в высоту * /
   #ad {
      высота: 125 пикселей;
   }
}
  

Откройте CSS-файл моего адаптивного баннера, чтобы рассмотреть рабочий пример.Ещё одна замечательная особенность HTML5-баннеров состоит в том, что их можно просматривать в Google Analytics — как обычный веб-сайт. Фактически, мы получаем намного больше данных, чем от типичной системы показа рекламы. Вы можете надежно отследить не только количество показов баннера (отслеживание показов баннера), но иереров, браузеры, разрешение экранов, мобильные устройства, популярные страны / города и много чего ещё!

Кроме того, имеющегося количества источников по баннеру можно легко решить, использовать одно из множества сервисов сокращения ссылок.Лично я предпочитаю bit.ly. Если ваш баннер содержит большое количество ссылок, вы сможете отследить их по отдельной. Только не забудьте добавить target = «_ top» в гиперссылки, чтобы реклама «вышла» за пределы фрейма, полностью захватив окно.

Адаптивные баннеры можно поддерживать любой набор размеров, но, чтобы не прочёсывать CSS в поисках поддерживаемых значений высоты, я предлагаю записывать их в теге META. Взгляните на пример:

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

Свяжитесь со мной, если у вас есть любые предложения или багфиксы. У меня не было возможности протестировать всё в IE … У меня не так много свободного времени… Неверно, но мне всё же удалось дописать эту статью!

---

достаточно критично к внедрению HTML5 (связки HTML5 + CSS3 + JavaScript) в различных областях разработки: создание баннеров, игровая индустрия и проч.И я не могу не согласиться, что сегодня существует достаточно проблем, связанных с производительностью (CSS3 Transition, JavaScript), отсутствием достаточно мощных дизайнерских инструментов (Adobe Flash против Adobe Edge) или необходимостью изучения и разработки новых технологий, приёмов и подходов. Но лично для меня очевидно, что все эти проблемы не критичны, поэтому, с учётом темпа развития всего и вся в IT, остается немного подождать.

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

UPD: Немного здравой критики.

.

Правила создания рекламных материалов в формате видеобаннер для рекламодателей — Требования к рекламным материалам — Рекламные технологии Яндекса

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

	Видеоролик	Фоновое изображение
Размер		300 × 250, 300 × 300, 240 × 400, 970 × 250, 240 × 600, 300 × 500, 300 × 600
Формат	mp4, flv, webm	gif, jpg, png
Максимальный размер файла	2 мегабайта	150 килобайт
Время проигрывания	до 90 секунд

Необходимо предоставить URL для перехода на сайт рекламодателя.

1. Могут Inn видеокодеки: h364, vp6f, vp6a, flv.
2. Если видео содержит аудиодорожку, то одна передача аудиокодеки: mp3, aac.
3. В целях безопасности и ускорения загрузки видеофайл будет размещен на серверех Яндекса.
4. Видеоролик должен содержать параметры (высоту и ширину) в метаданных.
5. Ширина и высота не должны размеры фонового изображения.
6. Позиционирование видеоролика относительно фонового изображения можно менять — необходимое позиционирование указывается в пикселах относительно левого верхнего угла фонового изображения.
7. В случае, когда кнопки «Воспроизведение / Пауза» и «Звук» должны быть установлены нестандартно, можно изменить позиционирование этих кнопок относительно фонового изображения. Необходимое позиционирование указывается в пикселах относительно левого верхнего угла фонового изображения, отдельно для каждой из кнопок.
8. Не принимаются баннеры с мигающими графическими или текстовыми элементами и / или фоном, с резкими перемещающими элементами, основными отвлекающими элементами пользователя от взаимодействия со страницами сайта (изучения содержания страницы или ввода запроса).
9. Видео проигрывается 3 раза. Далее останавливается и запускается по желанию пользователя.

.

No related posts.