Banner Image

Описание

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

Возможности баннера, доступные при добавлении в Adfox:

  • 3 варианта настройки расположения и масштабирования изображения внутри баннера;
  • собственные CSS-стили для контейнера с баннером;
  • можно загружать картинки высокого разрешения, чтобы баннер смотрелся более красиво на мобильных устройствах. Например, для баннера размером 240 × 400 надо загрузить картинку 480 × 800, а в настройках баннера надо установить ширину 240 × 400;
  • возможность добавить некликабельный баннер, для этого оставьте параметр URL перехода пустым.

Пример статичного баннера

Пример баннера в категории

Пример баннера-перетяжки

Требования к изображениям

  • Используйте картинки высокого разрешения, это кардинально улучшит качество баннера на мобильном устройстве, хоть и снизит скорость загрузки баннера.
  • Рекомендуется уменьшать размер файла изображения, используя сервисы наподобие TinyPng. Данный сервис работает как с PNG, так и c JPEG.
  • Допустимые форматы изображений: JPEG, JPG, WEBP, PNG, GIF.
  • Максимальный вес одного файла: 300 КБ.

Добавление баннера в Adfox

Примечание

Вы можете добавить Banner Image как отдельный баннер или в составе карусели.

Чтобы добавить Banner Image в карусель:

  • создайте мастер-кампанию с профилем Карусель;
  • выберите для Banner Image шаблон Banner Image Slide [context];
  • разместите Banner Image и карусель на одной площадке.

Чтобы добавить баннер в Adfox, выберите нужный тип баннера и шаблон Banner Image [context].

Укажите параметры баннера:

Параметр

Описание

Изображение

Изображение баннера.

ALT Изображения

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

Параметр передачи target

Укажите, как будет открыта ссылка из баннера заглушки. Возможные значения _blank и _top. Если значение не указано, ссылка будет открыта в новом окне.

Ссылка на промерочный пиксель

По умолчанию используется пиксель Adfox //banners.adfox.ru/transparent.gif. При необходимости вести учет показов в сторонней системе удалите пиксель Adfox и укажите другую ссылку.

URL перехода

Ссылка на сайт рекламодателя. Для корректной работы перехода обязательно проверьте наличие протокола в ссылке (http:// или https://).

Ширина баннера (% или px)

Ширина баннера.

Высота баннера (px)

Высота баннера. Обязательно, если в параметре Расположение картинки выбрано значение contain или cover. Для пустого значения в параметре Расположение картинки высота игнорируется и будет применен стиль height: auto;.

Расположение картинки (contain, cover, пусто)

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

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

Доступные варианты расположения

Вариант

Описание

Схема

contain

Размер баннера не зависит от размера контейнера и будет таким, как указано в параметрах баннера.

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

Свободные от изображения области будут прозрачными.

Центр изображения будет расположен по центру блока.

Обязательно укажите высоту баннера.

Примечание

Чтобы изменить цвет фона, укажите в параметре баннера Стили для блока баннера стиль для фона, например: background-color: #cd1e25;

cover

Размер баннера не зависит от размера контейнера и будет таким, как указано в параметрах баннера.

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

Центр изображения будет расположен по центру блока.

Обязательно укажите высоту баннера.

пустая строка

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

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

Имя атрибута class контейнера баннера

Имя (или несколько имен через пробел) для атрибута class контейнера с баннером.

Стили для блока баннера

Произвольные стили для контейнера баннера одной строкой. Кроме стиля: display. Например, border: 1px solid red;. Невалидные значения будут отброшены браузером.

Настройка рекламной метки:

  • Метка рекламы
  • Домен

В списке Метка рекламы выберите Реклама или Соцреклама — на баннер будет добавлена метка. Если метка уже есть в дизайне креатива, в выпадающем списке можно оставить значение Отключена.

Примечание

Добавление метки «Соцреклама» не определяет креатив как социальную рекламу. Чтобы креатив был маркирован как социальная реклама в ЕРИР, необходимо включить опцию Договор социальной рекламы в соответствующем договоре с конечным рекламодателем.

В поле Домен укажите домен рекламодателя — он будет добавлен в метку: «Реклама | example.com» или «Соцреклама | example.com» (только если в выпадающем списке выбрано значение Реклама или Соцреклама).

Добавить рекламное меню

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

В рекламном меню находится ссылка на правила применения рекомендательных технологий. Она необходима, чтобы соблюсти требования п. 3 ч. 1 ст. 10.2-2 Федерального закона от 27.07.2006 N 149-ФЗ «Об информации, информационных технологиях и о защите информации».

Примечание

Если баннер некликабельный (поле URL перехода не заполнено) и подлежит маркировке, вы можете включить рекламное меню: так токен будет доступен при показе баннера.

Маркировка рекламы

Раздел Маркировка рекламы доступен, только если в настройках рекламной кампании выбран порядок маркировки Передавать данные в ЕРИР. Заполните поля в этом разделе, чтобы зарегистрировать креатив в ОРД Яндекса. Токен будет присвоен креативу автоматически.

Обратиться в службу поддержки

Написать в чат

Написать письмо

Следующая