STEREO.RU | Технические требования для баннеров

Перейти к презентации рекламных возможностей сайта Stereo.ru

Flash-баннер

1. Помимо Flash-баннера обязательно предоставьте заменитель, для посетителей с устройств не поддерживающих Flash. Это может быть GIF, JPG или текстовой формат.

2. У нас используется система Google DoubleClick for Publishers, поэтому просим вас добавить clickTAG, чтобы мы могли предоставить полноценную статистику. Подробнее: здесь и здесь.

3. Баннер не должен содержать кода, выполняющего какие-либо функции, кроме анимации.

4. Баннеры принимаются только в формате SWF.

5. Мы оставляем за собой право отказать в показе Flash-баннеров, если его размер превышает 40кб или загрузка процессора компьютера превышает допустимые нормы.

Баннер с расхлопом (только для баннеров «Перетяжка» и №1)

1. Необходимо предоставить обе версии баннера.

2. Вес первого баннера не должен превышать 40 кб. Если расхлоп происходит автоматически, то вес второго баннера не должен превышать 60 кб.

3. Если расхлоп происходит по наведению мыши, доступно размещение видео:

Видеофайл должен удовлетворять следующим требованиям:
— хронометраж — не более 20 секунд;
— максимальный вес — 1мБ.
— разрешение не более 640х360
— видео битрейт: 400-450 кбит/сек, частота кадров: не более 25 кадров/сек.
— аудио битрейт: 80-100 кбит/сек, уровень громкости не более 30дБ.
— общий битрейт: 480-550 кбит/сек.
Формат видеороликов:
FLV (flash video): кодеки видео H.264, кодек аудио — MP3
MP4 (MPEG-4): кодеки видео H.264, кодек аудио — AAC

HTML-баннер

1. Исходная структура баннера должна быть внутри одного элемента с id.

2. Все стили должны быть собраны в один css-файл или быть inline.

3. Все скрипты должны быть собраны в один тег script, либо в один файл js.

4. Вы можете использовать Jquery (1.8 и выше)

5. Строго запрещена обфускация кода.

6. Приветствуются любые комментарии в коде, объясняющие работу баннера, это ускорит его проверку и интеграцию.

7. Баннер должен быть прислан минимум за 7 рабочих дней до начала трансляции.

8. Вместе с баннером пришлите контакты разработчика.

GIF,JPG-баннер

Размер баннера не должен превышать 40 кб (320х400px) и 25 кб (320х90px).

Перетяжка (над шапкой)

Принимаются баннеры только формата HTML

Точки перехода (responsive): 320, 768, 1280

Важно!

Реклама не должен вводить пользователя в заблуждение.

В дизайне запрещено использование элементов сайта Stereo.ru.

Реклама должна соответствовать федеральному закону «О рекламе».

Перейти к презентации рекламных возможностей сайта Stereo.ru

© Издательский дом «Катмат»

Баннеры — Adriver

VAST баннер стандарта VPAID

Видео-файл стандарта VAST

Баннер со встроенной графикой, HTML-формами, несколькими ссылками

Располагается внизу экрана по всей ширине страницы

Баннер — заставка

Баннер — кликабельное фоновое изображение веб-страницы

Показ двух форматов – любого из баннеров на странице вместе с подложкой по одному коду

Баннер VAST 3, который показывается по доскроллу до баннерного места

Несколько взаимосвязанных HTML-креативов

Угловой баннер

Растягивающийся баннер в верхней части страницы

Растягивающийся баннер. При показе раскрывается, закрывая контент

Интерактивный баннер, отображающийся поверх страницы

Баннер — фоновое изображение веб-страницы.

Растягивающийся баннер. Перетяжка раскрыта, контент сдвинут вниз — при клике сворачивается

Баннер-пиктограмма, отображающийся по ключевому слову

Размерный HTML-баннер с тремя текстовыми блоками

Баннер, раскрывающийся по наведению на него курсора мыши

GIF/HTML-баннер нестандартного размера

Баннер раскрывается по клику, сдвигая контент страницы

Раскрывается по наведению курсора мыши, сдвигая контент страницы

Растягивающийся баннер. Раскрывается при показе, сдвигая контент страницы

Expandable с элементами ScreenGlide, сдвигающий контент страницы

Подгружает XML с баннером

Expandable с элементами ScreenGlide, закрывающий контент страницы

Рекламный модуль, состоящий из изображения и текста к нему

Рекламный блок, содержащий от одного до десяти тизеров и слоганы к ним

Ключевые слова в указанном блоке на странице становятся ссылками и ведут на заданный URL

Изображение .gif или .jpeg нужного размера

Демонстрация на одном рекламном месте нескольких баннеров без перезагрузки страницы

Аудио-баннер стандарта DAAST 1.0

Баннер, ориентирующийся на положение устройства пользователя

как сделать баннер, за который не будет стыдно

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

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

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

1. Придерживайтесь стандартных размеров

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

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

Ниже размеры, которые вы должны выбрать в первую очередь:

• 728×90 px — полноразмерный баннер (часто показывается вверху или внизу страницы)
• 300×250 px — встроенный прямоугольник (преимущественно показывается в правой части сайта или вставляется в текст)
• 300×600 px — блок на половину страницы
• 320×100 px — мобильный баннер

2. Придерживайтесь последовательности

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

Создайте простую последовательность элементов. Сообщение должно быть кратким — от двух до 10 слов в идеале. Что вы предлагаете и почему люди должны этого хотеть. После этого добавьте логотип или какой-то другой идентификатор. Он должен быть читабельным и не слишком большим. В заключение добавьте причину для клика. Может, у вас сейчас распродажа? Код купона? Подписка на почту?

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

3. Один баннер равняется одному сообщению

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

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

4. Помните о том, где будет размещен баннер

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

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

5. Используйте призыв к действию

Какая самая главная задача баннера? Правильно — на него должны кликнуть. Используйте призыв к действию (Call to Action) в каждом баннере, который вы делаете. Подскажите пользователю, что ему нужно делать дальше.

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

6. Забудьте про Flash

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

Используйте вместо этого HTML5. Если вам нужно сконвертировать какие то свои старые креативы и вдохнуть в них новую жизнь, у Google есть небольшой урок, который поможет это сделать.

7. Используйте кнопки

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

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

8. Сфокусируйтесь на шрифтах

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

Согласно правилу большого пальца, обычно двух начертаний шрифтов бывает достаточно.

1. Делайте большие заголовки. Используйте жирные, немного необычные или цветные шрифты, чтобы привлечь внимание пользователей.
2. Отдавайте предпочтение шрифтам без засечек (sans serif). Вы можете использовать два размера или два начертания жирного — один для основного текста, а другой для кнопок или призыва к действию. Просто убедитесь, что они легко читаются.

9. Используйте простую анимацию

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

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

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

10. Сохраняйте правильно

Это важный момент. Никто не разместит вашу рекламу, если файлы слишком много весят или у баннера будет неправильный формат. Оптимизируйте размер по максимуму. Итоговый размер файлов не должен превышать 150 кб, в зависимости от площади рекламного баннера.

После этого убедитесь, что баннер сделан в правильном формате, стандартном для интернет-рекламы. Распространенные форматы баннеров — PNG и JPG для статических баннеров, GIF — для анимированных. SVG формат тоже набирает оборотов и все чаще принимается разными рекламными сетями. Забудьте об SWF (Adobe Flash) — от него сейчас уже практически все отказались, и даже браузеры перестают его поддерживать. Вместо него широкое распространение получили HTML5 баннеры, которые создаются с помощью таких программ, как Google Web Designer, Adobe Animation или рускоязычный онлайн конструктор баннеров Bannerboo.

11. Сфокусируйтесь на текстах

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

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

12. Используйте элементы бренда

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

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

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

13. Используйте яркие визуальные элементы

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

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

14. Релевантный контент

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

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

15. Будьте попроще

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

В случае с баннерами, всего по одному будет достаточно.

• Одна картинка
• Одно текстовое сообщение
• Один призыв к действию
• Один элемент бренда

Выводы

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

Автор: Сarrie Сousins
Перевод: Bannerboo.com

Пример баннера HTML — Adriver

Найти

• Агентствам
• Издателям
• DMP
• Справка и FAQ
• Новости

• Вход

• Поиск

Главная   ·   Справка   ·   Баннеры   ·   Примеры баннеров   ·   Пример баннера HTML

• Баннеры
  • Переименованные типы кодов
  • HTML-Banner (HTML5)
  • HTML-Fullsreen
  • Flash banner
  • Synchronized flash banners
  • ScreenGlide
  • FullScreen
  • Expandable
  • TopLine
  • PeelDown
  • Hatchet
  • BackGround
  • ScreenGlideClick
  • ExpandableClick
  • Expandable «Hatchet»
  • Polite banner
  • Pop-Under (Pop-Up)
  • XML-banner
  • MPU banners
  • Rich-media
  • Flash banner preparation for further AdRiver pixel insertion
  • Video banner
  • TopLine с растягивающимся Flash-роликом на коде extension
  • TopLine с отдельными элеменатми на коде extension
  • TopLine на коде poster
  • TopLine на коде AjaxJS
  • Rich-media на коде AjaxJS
  • Slider
  • MediaText (Комод) на коде html240x400
  • PictContext на коде AjaxJS
  • HTML-баннер на коде HTML 728×90
  • HTML-баннер на коде AjaxJS
  • Пример реализации дублирования баннера
  • ExpandableMove на коде extension
  • ExpandableMove на коде poster
  • ExpandableMove на коде AjaxJS
  • Expandable на коде AjaxJS
  • ScreenGlide на коде AjaxJS
  • ScreenGlideMove на коде AjaxJS
  • ExpandableScreenGlide на коде AjaxJS
  • ExpandableScreenGlideMove на коде AjaxJS
  • Текстовый блок
  • Баннер нестандартного размера
  • Форма в HTML-баннере
  • Тизерный блок
  • LinkContext
  • Графический баннер
  • Общие технические требования к баннерам
  • CatFish
  • Slider
  • Пример баннера HTML-FullScreen
  • Пример HTML MPU баннера, раскрывающегося при наведении, закрывающегося по клику
  • Пример HTML MPU баннера с большой панелью, раскрывающейся на 100% экрана
  • Варианты снижения расхождений вызова кода ajax с системами веб-аналитики
  • Доп. возможности баннеров
  • Спецификации
    • Видео VAST VPAID
    • Видео VAST
    • HTML-баннер (HTML5)
    • CatFish
    • HTML-FullScreen
    • Click BackGround
    • Брендирование
    • Native Video
    • HTML MPU
    • Топор
    • TopLine
    • Expandable
    • Rich-media
    • BackGround
    • ExpandableClick
    • PictContext
    • MediaText (Комод)
    • ScreenGlide
    • Баннер нестандартного размера
    • ScreenGlideClick
    • ScreenGlideMove
    • ExpandableMove
    • ExpandableScreenGlideMove
    • XML-баннер
    • ExpandableScreenGlide
    • Текстово-графический блок
    • Тизерный блок
    • LinkContext
    • Графический баннер
    • Слайдер
    • Аудио-баннер DAAST
    • Баннер по положению устройства
  • Примеры баннеров
    • Пример баннера HTML-FullScreen
    • Пример баннера HTML
    • Пример баннера CatFish
    • Пример баннера Click BackGround
    • Пример баннера Брендирование
    • Пример баннера HTML MPU
    • Пример баннера Топор
    • Пример баннера Native Video
    • Пример баннера TopLine
    • Пример баннера VAST
    • Пример баннера VAST VPAID
    • Пример баннера Expandable
    • Пример баннера Rich-Media
    • Пример баннера BackGround
    • Пример баннера ExpandableClick
    • Пример баннера PictContext
    • Пример баннера MediaText (Комод)
    • Пример баннера ScreenGlide
    • Пример баннера нестандартного размера
    • Пример баннера ScreenGlideClick
    • Пример баннера ScreenGlideMove
    • Пример баннера ExpandableMove
    • Пример баннера ExpandableScreenGlideMove
    • Пример баннера ExpandableScreenGlide
    • Пример баннера Текстово-графический блок
    • Пример баннера LinkContext
    • Пример графического баннера
    • Пример баннера Слайдер
    • Пример баннера по положению устройства
    • Пример баннера Тизерный блок
  • Устаревшие форматы
    • Спецификации устаревших форматов
      • Мультипанельные баннеры (MPU, FlyScreen, OverLay)
      • SideKick
      • ShowCase
      • MenuOverlay
      • Видеобаннер
      • Радиобаннер
      • FlashFull
      • Баннер в приложении для iPhone/iPad
      • MultiScreen
      • Сессионный Poster
      • Minisite
      • MPU-баннер, меняющий фон страницы
      • Баннер наблюдатель
      • SideKick из Rich-Media
      • Баннер, ведущий на разные страницы в зависимости от геозоны
      • Flash-баннер
      • PoliteBanner
      • Pop-Under (Pop-Up)
      • Топор с расхлопом
      • BackOver
      • PeelDown (уголок)
      • FullScreen
    • Инструменты
      • Adwist — приложение для отладки баннеров MPU и их размещения на внешних сайтах
      • AdRiver Creative Toolkit
    • Функциональности устаревших форматов
    • Flash-AjaxJS
    • Flash568x60
    • Pop-Under на коде JavaScript
    • Pop-Under на коде AjaxJS
    • Топор с расхлопом на коде JavaScript
    • PeelDown на коде JavaScript
    • PeelDown на коде AjaxJS
    • FullScreen на коде AjaxJS
    • SideKick на коде AjaxJS
    • Видеобаннер на коде flash 240×400
    • FlashFull на коде AjaxJS
    • Топор с расхлопом на коде ajax
    • MultiScreen
    • Баннер наблюдатель
    • FullScreen на коде extension
    • Примеры устаревших форматов
      • Пример баннера Сессионный Poster
      • Пример MPU-баннера, меняющего фон страницы
      • Пример баннера-наблюдателя
      • Пример баннера, ведущего на разные страницы в зависимости от геозоны
      • Пример Flash-баннера
      • Пример баннера Pop-Under (Pop-Up)
      • Пример баннера Топор с расхлопом
      • Пример баннера FullScreen
      • Пример мультипанельного баннера (MPU, FlySreen, Overlay)
      • Пример баннера SideKick
      • Пример баннера ShowCase
      • Пример баннера MenuOverlay
      • Пример видеобаннера
      • Пример радиобаннера
      • Пример баннера FlashFull
      • Пример баннера PeelDown (уголок)

Инструкция по созданию и загрузке этого баннера

AdRiver

• О компании
• About
• Новости
• Презентации
• Политика конфиденциальности
• Privacy policy
• Карта сайта
• Контакты

Технологии

• Технические требования к баннерам
• Справка и FAQ

Помощь

• Диагностика
• Техподдержка
• Регламент предоставления технической консультации
• Глоссарий

Будь в курсе!

• Facebook
• Вконтакте

15 правил создания кликабельного баннера :: Shopolog.ru

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

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

Цвета

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

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

Визуальная иерархия

Обязательные составляющие баннера:

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

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

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

• Призыв к действию.

Это главный элемент баннера, который побуждает пользователя кликнуть. Используйте кнопки с фразами “Купить”, “Узнать больше”, “Зарегистрироваться”.

Пример баннера Jaguar:

Наш пример:

Размеры

Загружайте в Гугл Эдсенс баннеры самых конверсионных размеров:

• 336×280 большой прямоугольник
• 300×250 средний прямоугольник
• 728×90 шапка
• 160×600 “небоскреб”.Идеальное место для показа баннера — первый экран, в окружении основного контента страницы.

Наш сервис работает с Google Adwords. У Google порядка 400 шаблонов и под каждый сайт он самостоятельно подбирает подходящий размер.

По нашей статистике средний сtr по баннерам у нас колеблется от 0,5% — 1,50% в зависимости от аудиторий на тематических площадках Google.

Дизайн

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

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

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

Кнопки на баннерах

Кнопки определяют кликабельность (CTR) баннера. Разместите их под основным содержимым или справа внизу в зависимости от размера баннера. Следите за их единообразием в наборе баннеров.

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

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

Границы, обводка

Убедитесь, что содержимое баннера использует все пространство.

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

Пример баннера Сбербанка:

Наш пример:

Текст

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

Изображения

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

Реклама джинс от Levis является тому примером:

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

Соответствие стилю компании

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

В качестве примера приведем наш баннер с дальнейшим переходом на целевую страницу:

Соответствие дизайну сайта

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

Ощущение срочности

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

Анимация

Анимированные баннеры могут быть эффективнее статических. Но только в том случае, если анимация не отвлекает от основного сообщения.

Используйте простую анимацию не дольше 15 секунд и не больше трех повторений. Финальный кадр — призыв к действию.

Интерактивность

Интерактивность баннеров больше не ограничена стрельбой по уточкам как в 1999 году. Теперь мы можем выйти за границы баннера.

Формат файла

Сохраните баннер в формате, который поддерживается в сети. Помните, что не все устройства поддерживают flash-баннеры. Стандартные форматы — png и jpg для статических и gif для анимированных баннеров.Выбирайте их и не ошибетесь!

Размер файла

Чем меньше, тем лучше. Google Adwords рекомендует ограничить размер баннера до 150 Кб. Баннер должен загружаться быстро, иначе посетитель страницы пропустит его.

Заключение

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

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

Автор: Елена Крыкина, Директор по маркетингу Reenter

Вот как освоить баннерную рекламу Google и расширить охват своего бренда

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

Кто знал, что компания Al’s Prime Meats стала глобальной? 😮

Расслабьтесь. Они этого не сделали.

Это баннеров , которые отображаются на вашем экране через крупнейшую в мире и наиболее персонализированную систему медийной рекламы — контекстно-медийную сеть Google.

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

Или, может быть, это только я.

Может быть, вам плевать на Ала или его сочные порезы. Google покажет вам то, что вам действительно нравится.

Потому что именно так работает контекстно-медийная сеть Google.

Что такое контекстно-медийная сеть Google?

Хорошо, я вроде как отдал это.

Это персонализированная реклама от Google. Но это только начало.

Чтобы по-настоящему победить, вам нужно вникнуть в суть того, что такое контекстно-медийная сеть Google (и чем она не является).

Во-первых, это филиал Google Рекламы. Таким образом, вы получаете широкий охват рекламной платформы Google.

Эти объявления показываются на основе информации, которую Google собрал о вас, включая вашу историю поиска, демографические данные и массу другой информации.

Вот как выглядят медийные объявления, когда они появляются сбоку веб-страницы:

А вот пример традиционного рекламного баннера, расположенного в верхней части веб-сайта:

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

Это определяет ваше размещение.

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

А вот реклама приложений.

Итак, если у вас есть приложение, вы можете продвигать его в сети Google.

(Источник изображения)

При таком большом количестве возможностей для рекламы Google зачем сосредотачиваться на баннерной рекламе Google?

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

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

Но как насчет баннерной слепоты?

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

(Источник изображения)

Это самое первое объявление было частью рекламной кампании At&T «Ты будешь», которая включала несколько рекламных роликов, предсказывающих, как может выглядеть цифровое будущее:

Сегодня , баннерная реклама обычно относится к любой рекламе на веб-странице из контекстно-медийной сети Google, в том числе на боковой панели.

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

Какие сайты есть в контекстно-медийной сети Google?

В контекстно-медийной сети ваши объявления появляются на веб-сайтах, которые тщательно выбираются вами или с помощью алгоритма показа Google.

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

Вы можете охватить множество объектов онлайн-недвижимости на 2 миллионах веб-сайтов.

Сайты, принадлежащие Google, представляют собой один определенный уровень контекстно-медийной сети . Это, в первую очередь, , среди прочего, YouTube .

(Источник изображения)

Тогда у вас есть сайты AdSense.

Это мясо, сердце, самая душа контекстно-медийной сети Google.

(Источник изображения)

Сайты AdSense — это веб-сайты, которые подписались на получение рекламы от Google как часть системы, в которой эти сайты могут зарабатывать деньги.

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

Google Реклама и Google AdSense:
в чем разница ?

По сути, это две ветви рекламной платформы Google.

Google Реклама (ранее Google Adwords) используется рекламодателями для создания рекламы , а AdSense используется веб-сайтами и издателями для добавления рекламы на свой веб-сайт , что позволяет им монетизировать сайт .

Стоимость баннерной рекламы Google в контекстно-медийной сети Google

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

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

Так как это работает?

Сначала вы делаете «ставку» на определенные сайты, ключевые слова, интересы или группы.

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

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

(Источник изображения)

Тогда у вас есть целевая цена за приобретение.

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

(Источник изображения)

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

Вот пример от властителей Google, объясняющий концепцию:

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

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

(Источник изображения)

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

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

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

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

Кто вообще видит баннерную рекламу Google?

Ставки на рекламные баннеры — это хорошо, но кто их увидит?

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

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

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

Затем, если объявление работает хорошо, вы можете начать использовать его больше.

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

Не передать весь контроль Google?

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

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

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

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

Помимо ключевых слов, одно из ключевых преимуществ контекстно-медийной сети Google — это ее точный таргетинг.

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

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

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

Как бы вы ни выбрали целевую аудиторию, важно быть очень конкретным .Google умен, но не умеет читать ваши мысли.

(Пока…)

Итак, вы должны сообщить системе, что именно вы ищете . Таким образом вы сможете, , свести к минимуму количество нерелевантных показов и кликов.

Отсюда Google определяет, кому показывать рекламу, на основе поведения пользователя и отслеживания файлов cookie.

(источник в формате GIF)

Но не эти типы файлов cookie.

Но мониторинг веб-файлов cookie позволяет Google специально ориентироваться на пользователей, которые посетили определенные страницы или приобрели определенный продукт.

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

Ключ к успешному маркетингу баннерной рекламы — это ретаргетинг.

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

Отслеживая файлы cookie, Google знает, что они видели ваш сайт. Но может они там ничего не делали.

Google будет показывать ваш баннер в этих браузерах, возвращая вас в поле зрения потенциальных клиентов.

Вот почему вы постоянно видите этот Ninja Blender везде, где вы просматриваете онлайн. Или почему я все время смотрю Al’s Prime Meats. Нет, это не просто совпадение и не значит, что АНБ шпионит за вами. Я имею в виду … они могли бы быть … но это не показатель того. 🙄

Ретаргетинг чрезвычайно эффективен и повышает вероятность конверсии на вашем сайте потенциальных клиентов на 70%.

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

Возможно, они просто потеряли концентрацию или продолжили присматриваться.

Покорите контекстно-медийную сеть Google с помощью баннерной рекламы, которая работает

Теперь, когда вы понимаете, как на самом деле работает контекстно-медийная сеть Google, пора разобраться в баннерной рекламе, которую вы собираетесь создать.

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

Первое, что вам нужно решить, — это создать изображение или использовать текстовую рекламу.

Если вы только начинаете с новой кампании, , как правило, неплохо создать и графические, и текстовые объявления , а затем провести несколько тестов, чтобы определить, какая из них более эффективна.

Используйте A / B-тестирование, чтобы определить, какое объявление имеет самый высокий рейтинг кликов (или другой коэффициент конверсии, в зависимости от ваших целей!)

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

Что касается количества объявлений в вашей группе, идет как минимум на три, если не четыре.

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

А еще есть адаптивная реклама.

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

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

Далее вам нужно убедиться, что логотип вашего бренда полностью ясен и отображается с соотношением сторон 1: 1 или 4: 1 рядом с названием вашего бренда.

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

Заголовки должны быть информативными и понятными .И не превышайте ограничение в 80 символов.

Google рекомендует избегать обмена сообщениями, которые могут показаться общими или «кликабельными». , а также ПИСАТЬ ВСЕ ЗАГЛАВНЫМИ ГЛАВНЫМИ ГЛАВНЫМИ БУКВАМИ (это просто неприятно).

(Источник изображения)

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

Google предлагает множество различных вариантов на выбор.

Некоторые из наиболее популярных размеров баннеров включают рекламный баннер 468 x 60 пикселей и полноразмерный баннер 970 x 90 пикселей.

(Источник изображения)

Рекламные баннеры Google не должны превышать размер 1024 КБ , , что является важным фактом, который следует сообщить вашим дизайнерам.

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

И не забывайте, что согласовывает цвета и изображения ваших объявлений с вашим брендом в целом.

Вы всегда хотите, чтобы ваша реклама согласовывалась на всех платформах.

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

Заключение

Если вы хотите расширить охват своего бренда, баннерная реклама Google — это эффективный способ достичь этого.

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

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

.

размеров верхних баннеров: самые эффективные баннеры 2020 года

Размеры верхних баннеров: самые эффективные баннеры 2020 г.

Последнее обновление 6 июля 2020 г.

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

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

Если вы хотите узнать, какие баннеры наиболее часто используются в Интернете, это руководство для вас.

Самые популярные размеры баннеров, отсортированные по частоте их использования

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

Бюро интерактивной рекламы (IAB) разработало стандартизированные рекомендации по размерам баннеров, которые работают во всех рекламных сетях, включая контекстно-медийную сеть Google (GDN).

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

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

Стандартные размеры баннера

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

Размер мобильного баннера

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

Какие размеры объявлений самые популярные?

Наше исследование показывает, что баннеры разных размеров очень неравномерно распределены в их использовании, при этом в мире цифровой рекламы доминируют 4 варианта.

---

89% всех показов объявлений приходится на эти 4 размера:

• 300 × 250 Средний прямоугольник 40%
• 728 × 90 Доска почета 25%
• 320 × 50 Мобильный полноразмерный баннер 12%
• 160 × 600 широкий небоскреб; 12%

---

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

Распределение глобальных баннеров

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

Статистика мобильного баннера

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

Mobile заменило настольный компьютер в качестве основного устройства, используемого для просмотра веб-страниц, обеспечивая 63% всего интернет-трафика в 2017 году.

Мобильные объявления могут отображаться как при просмотре веб-страниц, так и непосредственно в приложениях.

Из различных размеров рекламы, доступных для мобильных устройств, один формат явно выделяется среди остальных; мобильный полноразмерный баннер 320 × 50.

Прочтите, чтобы узнать больше об этом формате.

Мобильный полноразмерный баннер (320 × 50)

Баннер 320 × 50 на сегодняшний день является наиболее широко используемой рекламой для мобильных устройств как в браузерах, так и в приложениях. Фактически, наше исследование показывает, что:

---

12% всего глобального рекламного инвентаря составляет мобильная таблица лидеров.

---

Если вы хотите максимально увеличить охват своей рекламы в 2018 году, я настоятельно рекомендую иметь в своем инвентаре несколько из этих форматов.

Как выглядит мобильная таблица лидеров размером 320 × 50?

Отображается внизу приложений и встроено в контент, это выглядит следующим образом:

Мобильная таблица лидеров

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

Вот пример использования мобильной таблицы лидеров в приложении:

Доска лидеров для мобильных устройств в приложении

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

Еще один формат, который хорошо работает как на мобильных устройствах, так и на настольных компьютерах, — это средний прямоугольник 300 × 250. Это наиболее широко используемый размер баннеров из всего глобального инвентаря, его охват составляет 40%.

Хотите узнать больше об этом типе рекламы? Продолжай читать!

Объявление среднего прямоугольника (300 × 250)

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

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

Как выглядит объявление со средним прямоугольником 300 × 250?

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

Объявление среднего прямоугольника 300 × 250

Где используется средний прямоугольник?

Этот баннер часто встраивают в контент, например текстовые статьи. Обычно он воспринимается как менее навязчивый, чем более крупные форматы.

Средний прямоугольник хорошо работает как в текстовой версии, так и в качестве графического объявления.

Вот пример рекламы в контенте, которая соответствует правилам КМС:

Средний прямоугольный баннер размером 300 × 250 в приложении

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

Реализация и передовой опыт баннера среднего прямоугольника

Из-за уникального размера и формы среднего прямоугольного объявления и его широкого распространения, Google выпустил специальные инструкции для этого типа баннеров.

Важно отметить, что если вы не будете следовать правилам, установленным Google, они могут принять решение об удалении вашей рекламы из контекстно-медийной сети Google, которая охватывает около 2 миллионов веб-сайтов и охватывает до 90% всех пользователей Интернета.

Если вы хотите прочитать полный набор рекомендаций, вы можете найти их в руководстве Google AdMob для среднего прямоугольного объявления.

В упрощенном виде руководство по рекламе для баннера размером 300 × 250 выглядит так:

300 × 250 Политика GDN

• Контент приложения, имитирующий рекламу

  • Рекламные объявления должны четко отличаться от контента приложения

• Реклама, перекрывающая контент приложения

  • Объявления не могут покрывать контент приложения

• Реклама на экранах без контента

  • Не размещайте рекламу на «тупиковых» экранах, то есть должен быть способ выйти за пределы экрана, не нажимая на объявление.

• Объявление рядом с интерактивными элементами

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

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

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

---

Баннер размером 300 × 250 определенно должен быть частью вашего набора баннеров — он очень хорошо работает как на настольных компьютерах, так и на мобильных устройствах и покрывает огромную часть глобального инвентаря.

---

Следующий баннер в списке — это таблица лидеров 728 × 90. С 14% мирового инвентаря это важное объявление для использования в ваших кампаниях. Продолжайте читать, если хотите узнать больше об этом размере баннера.

Баннер таблицы лидеров

(728 × 90)

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

Доска почета 728 × 90 является частью стандартных размеров баннеров IAB и хорошо работает в контекстно-медийной сети Google.

Как выглядит баннер 728 × 90?

В браузере настольного компьютера объявление отображается так:

, баннер 728 × 90, баннер

Где используется баннер таблицы лидеров?

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

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

Пример объявления полноразмерного объявления

Ниже приведен пример хорошо продуманного баннера таблицы лидеров:

Баннер таблицы лидеров Flygbussarna

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

Широкий небоскреб (160 × 600)

Иногда его называют постоянным баннером. Это наиболее распространенный из двух баннеров небоскребов, на долю которых приходится 12% мирового инвентаря.

Существует более тонкая версия этого объявления, называемая просто «Небоскреб», размером 120 × 600, которая предназначена для веб-сайтов, которые не могут вместить широкий небоскреб, но при выборе между ними самым безопасным вариантом будет широкий небоскреб.

Больше сайтов используют этот размер баннера, чем более тонкий небоскреб, и он размещается на боковой панели веб-сайта. Около 12% мирового рекламного инвентаря составляет широкий небоскреб, тогда как только 0,2% приходится на более тонкий небоскреб.

Как выглядит баннер размером 160 × 600?

Широкий небоскреб выглядит так:

Баннер с широким небоскребом

Где используется широкий небоскреб?

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

Пример объявления широкого небоскреба

Широкий баннер в виде небоскреба от Маршалла на Buzzfeed

Весь бизнес

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

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

Заключение

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

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

---

Если вы сосредоточитесь на этих 4 параметрах, вы охватите более 89% мировых запасов:

• 300 × 250 — объявление среднего прямоугольника
• 320 × 50 — мобильный полноразмерный баннер
• 728 × 90 — баннер в таблице лидеров
• 160 × 600 — широкий небоскреб
  
  

  ---

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

Мобильная таблица лидеров размером 300 × 50 хорошо отображается как в приложениях, так и при просмотре веб-страниц на мобильных устройствах, а средний прямоугольник работает как на мобильных устройствах, так и на компьютерах.

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

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

Знаете ли вы кого-нибудь, кому бы пригодилась помощь в создании баннеров? Поделитесь этой статьей, и, может быть, вы получите cookie!

Хотите узнать больше о программатик-рекламе? Взгляните на наше полное руководство: что такое программная реклама?

Начальник отдела операций в Match3One — со страстью к интересному и хорошо продуманному контенту.

.

расширяемый баннер — определение — английский

Примеры предложений с «расширяемым баннером», память переводов

support.googleИли другой контент сайта (например, панель навигации сайта) может иметь меньший z-индекс, чем объявление, и поэтому разверните под баннером или раскрывающимся объявлением, как показано на рисунке. support.googleGoogle Web Designer создает исходные свернутые и развернутые страницы (называемые страницей баннера и развернутой страницей). WikiMatrix В конце 2010 года, вскоре после объявления Target о планах расширения в Канаде (но до объявления Zellers), INC начала распространять баннер на другие высокопоставленные места, включая конверсию некоторых из своих существующих магазинов Labels. WikiMatrixAldi Süd расширилась до Соединенных Штатов под знаменем Aldi, расширившись на весь Восточный и Средний Запад США, в основном за счет органической экспансии, хотя в конце 2014 года она купила Bottom Dollar Food у Delhaize Group. support.googleИногда видеокреативы в баннере расширяются за пределы исходных размеров баннера (но только по инициативе пользователя). support.googleВ шаблоне Multi-directional Expand есть две страницы: страница баннера и страница расширения. support.googleПосле нажатия баннер разворачивается в полноэкранный блок, отображаемый в окне наложения внутри приложения. support.google Вместо этого форматы баннеров, расширений и межстраничных объявлений Studio HTML5 теперь работают в любой среде. support.googleПри создании нового расширяемого объявления Google Web Designer создает как страницу баннера, так и развернутую страницу. support.google Расширяющиеся шаблоны объявлений Google Web Designer включают в себя страницу баннера, которая является свернутым объявлением, и развернутую страницу, которая представляет собой развернутое объявление. support.googleПоддерживаемые типы объявлений MRAID включают мультимедийные баннеры, расширяемые объявления и межстраничные объявления. support.googleОбщие баннеры и расширяемые размеры указаны в соответствующих раскрывающихся списках. Giga-fren Однако перед командой MCCRT была возложена расширенная ответственность. support.googleОбщие баннеры и расширяемые размеры указаны в соответствующих раскрывающихся списках. WikiMatrix Знаменитые армии быстро росли после череды военных побед под командованием Нурхачи и его преемников. support.googlePolite загружает баннеры, видеообъявления, раскрывающиеся объявления, раскрывающиеся вниз и межстраничные объявления. support.google Вы увидите две созданные страницы: баннерную страницу и развернутую страницу. Обычное сканирование В 2003 году под нашим брендом открылся 51 новый магазин, и бренд расширился до ряда новых стран. WikiMatrixПервой была административная единица знамен, которые правители Цин использовали для разделения монголов и разрыва их традиционных границ племенной власти; Ни один принц не мог расширяться и приобретать господствующую власть, и каждое отдельное знамя напрямую подчинялось администрации Цин. WikiMatrix В 2010 году из-за возросшего интереса со стороны родителей, бабушек и дедушек и членов книжных клубов MS Readathon расширился и стал привлекать взрослых под лозунгом The Novel Challenge. support.googleЕсли пользователь нажимает на баннер, объявление расширяется и занимает весь экран. support.googleЭтот атрибут гарантирует, что видеокреативы в баннере не будут разворачиваться на весь экран без действий пользователя. WikiMatrix Кроме того, фармацевты-консультанты, которые традиционно работали в основном в домах престарелых, теперь перешли на прямые консультации с пациентами под названием «аптека для престарелых». UN-2Установка обновленных версий компьютерных программ, поддерживающих операции, таких как Oracle, Banner и Millennium, с целью расширения услуг и повышения производительности.

Показаны страницы 1. Найдено 68 предложения с фразой expandable banner.Найдено за 8 мс.Накопители переводов создаются человеком, но выравниваются с помощью компьютера, что может вызвать ошибки. Найдено за 0 мс.Накопители переводов создаются человеком, но выравниваются с помощью компьютера, что может вызвать ошибки. Они поступают из многих источников и не проверяются. Имейте в виду.

.

Примеры · Bootstrap

Пользовательские компоненты

Совершенно новые компоненты и шаблоны, которые помогут людям быстро приступить к работе с Bootstrap и демонстрируют передовые методы добавления в структуру.

Альбом

Простой одностраничный шаблон для фотогалерей, портфолио и многого другого.

Стоимость

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

Касса

Пользовательская форма оформления заказа, показывающая наши компоненты формы и их функции проверки.

Товар

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

Крышка

Одностраничный шаблон для создания простых и красивых домашних страниц.

Карусель

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

Блог

Журнал, как шаблон блога с заголовком, навигацией, избранным контентом.

Панель приборов

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

Вход

Пользовательский макет и дизайн формы для простой формы входа.

Клейкий нижний колонтитул

Прикрепите нижний колонтитул к нижней части области просмотра, когда содержимое страницы короткое.

Рамка

Примеры, которые фокусируются на реализации использования встроенных компонентов, предоставляемых Bootstrap.

Сетка

Несколько примеров макетов сетки со всеми четырьмя уровнями, вложенностью и т. Д.

Джамботрон

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

Навбары

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

Навбары

Демонстрация всех адаптивных и контейнерных опций для навигационной панели.

.