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

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

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

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

2. ALT Изображения — альтернативный текст, видимый до того, как изображение баннера загружено.

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

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

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

6. Ширина баннера (% или px) — укажите ширину баннера.

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

8. Расположение картинки (contain, cover, пусто) — каким образом будет расположено изображение внутри баннера, и как оно будет масштабироваться.

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

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

   Вариант	Описание	Схема
   contain	Размер баннера не зависит от размера контейнера и будет таким, как указано в параметрах баннера. Если размер изображения больше размера баннера, изображение будет пропорционально смасштабировано так, чтобы изображение было полностью видно. Свободные от изображения области будут прозрачными. Центр изображения будет расположен по центру блока. Обязательно укажите высоту баннера. Примечание Чтобы изменить цвет фона, укажите в параметре баннера Стили для блока баннера стиль для фона, например: background-color: #cd1e25;
   cover	Размер баннера не зависит от размера контейнера и будет таким, как указано в параметрах баннера. Если размер изображения больше размера баннера, изображение будет пропорционально смасштабировано так, чтобы вся площадь баннера была занята изображением. Центр изображения будет расположен по центру блока. Обязательно укажите высоту баннера.
   пустая строка	Изображение будет адаптироваться под окружающий контейнер. Если размер изображения больше контейнера, изображение будет пропорционально уменьшено в размерах и равно по ширине размеру контейнера, а высота изображения будет изменена в соответствии с пропорциями картинки. Если размер изображения меньше контейнера, размер изображения будет таким, как указано в параметрах баннера, и расположено у верхнего левого края контейнера.

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

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

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

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

      Примечание

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

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

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

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

    Примечание

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

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

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

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

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