Баннер

Происхождение и история термина

Один из ранних известных эпизодов истории веб-баннера связан с HotWired. В ретроспективе от 27 октября 2010 года WIRED относит запуск его баннерной рекламы к 27 октября 1994 года и описывает формат 468 × 60 пикселей. Это история конкретного издания; вопрос мирового первенства требует более широкого сравнения. ^[3]

Другой этап развития — подготовка рекламы для экранов разного размера. На странице портфеля форматов IAB Tech Lab, обновлённой 7 февраля 2024 года, гибкие объявления описаны через соотношение сторон и диапазон размеров. Например, одинаковое отношение ширины к высоте позволяет сохранять форму при масштабировании. Такой подход связан с адаптивным дизайном: содержимое подстраивается под доступное место. ^[1]

Из этой истории не следует, что фиксированные размеры исчезли. Современные справки Google и Яндекса продолжают описывать готовые загружаемые объявления наряду с адаптивными механизмами. Поэтому слово «баннер» может обозначать и заранее изготовленный файл, и конкретный визуальный результат сборки компонентов. ^{[2, 5]}

Суть и механизм

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

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

В Google Ads адаптивное медийное объявление формируется из предоставленных компонентов: изображений, заголовков, логотипов, описаний и возможных видеоматериалов. Внешний вид меняется под доступное место. Загружаемое объявление, напротив, создаётся вне системы и даёт автору иной уровень контроля над композицией. Это конкретные возможности Google, не определение всех платформ. ^[2]

В российском Директе справка графического объявления различает готовые креативы и Playable Ads — интерактивные HTML5-баннеры. HTML5 здесь означает использование веб-разметки и программного кода для поведения объявления. Интерактивный материал загружается архивом, а готовое графическое объявление может быть файлом JPG, PNG или GIF. Технические ограничения у этих вариантов разные. ^[5]

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

Виды и классификации

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

Отдельная ось — геометрия: фиксированный размер или изменение в заданных пределах. В рекомендациях IAB Tech Lab гибкая геометрия основана на соотношениях сторон. Это не означает, что рекламодатель может загрузить произвольный файл и ожидать его принятия любой системой. ^[1]

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

Как применяется на практике

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

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

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

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

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

При адаптивной сборке в учебном процессе проверяют совместимость компонентов. Если фотография одной выставки сочетается с названием другой, участник команды должен заметить ошибку до запуска. Возможность автоматической комбинации описана Google; конкретный способ проверки здесь предложен редакцией. Самостоятельно подготовленный макет и набор компонентов требуют разной приёмки. ^[2]

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

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

Как измерить или проверить

Сначала выясняют, что именно зарегистрировала система. Загрузка объявления и его видимость — разные события. Media Rating Council (MRC) в руководстве версии 2.0 от 18 августа 2015 года описывает критерий для display-рекламы — визуальных рекламных блоков — в настольном браузере: не менее 50% пикселей объявления находятся в видимой области активной вкладки хотя бы одну непрерывную секунду после отрисовки. Отсчёт начинается после достижения пиксельного порога. ^[4]

Для объявлений площадью от 242 500 пикселей тот же документ допускает 30% при той же секунде. Он также предусматривает отдельно раскрываемый учёт сильного взаимодействия, например корректно зарегистрированного клика, как признака видимости. Клик, лишь запускающий видео Click to Play, сам по себе для этого не подходит. Это историческая спецификация для настольного браузера, а не единое правило всех приложений и мобильного видео. Техническая возможность увидеть объявление не удостоверяет, что человек прочёл сообщение. ^[4]

CTR (clickthrough rate, кликабельность) — отношение кликов к показам, обычно выраженное в процентах. CPM (cost per thousand impressions) обозначает стоимость тысячи показов. Такие значения терминов приведены в справке Google Ads. ^{[7, 8]} Для учебного отчёта рассчитаем фактические отношения:

• CTR = число кликов / число показов × 100%.
• CPM = затраты в рублях / число показов × 1000.
• Цена бронирования = затраты в рублях / число подтверждённых бронирований.

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

Продолжим пример. На вариант А потрачено 12 000 рублей: получено 100 000 показов, 500 кликов и 20 подтверждённых бронирований. CTR составляет 500 / 100 000 × 100% = 0,5%, CPM — 12 000 / 100 000 × 1000 = 120 рублей, цена бронирования — 12 000 / 20 = 600 рублей. Вариант Б при тех же затратах и показах дал 300 кликов и 30 бронирований: CTR равен 0,3%, цена бронирования — 400 рублей. По кликам выигрывает А, по выбранному результату — Б.

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

При нулевых показах CTR и CPM не определены; при отсутствии подтверждённых действий их цена не вычисляется делением на ноль. «Нет данных» и «нулевой результат» должны оставаться разными состояниями отчёта.

Ошибки, ограничения и спорные вопросы

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

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

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

IAB использует сокращение LEAN для принципов lightweight, encrypted, AdChoices supported, non-invasive: малого объёма, шифрования, поддержки AdChoices и ненавязчивости. ^[1] Значок AdChoices позволяет узнать, какие участвующие в программе компании собирают или используют сведения об интересах, и перейти к управлению их использованием для рекламы. Это программа Digital Advertising Alliance (DAA). ^[9] В производственном задании принципы LEAN помогают обсуждать загрузку и поведение объявления, но технические параметры всё равно берутся из требований выбранной площадки.

Правовой аспект

Часть 16 статьи 18.1 закона от 13.03.2006 № 38-ФЗ «О рекламе», в редакции от 04.08.2026, требует для интернет-рекламы пометку «реклама» и указание рекламодателя и (или) сайта либо страницы со сведениями о нём. В норме есть исключение для рекламы в распространяемых через интернет теле- и радиопрограммах и передачах. Часть 17 предусматривает присвоение оператором рекламных данных идентификатора рекламе и социальной рекламе. Это отдельное условие, которое не заменяется текстовой пометкой. ^[6]

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

Частые вопросы

Связанные термины

• Рекламный креатив
• Контекстная реклама
• CPM (цена 1000 показов)
• CTR (кликабельность)
• Посадочная страница (лендинг)
• Рекламный сервер