BannerLine HTML5

Вариант

Описание

expandBanner

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

collapseBanner

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

onBannerCollapse

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

onBannerExpand

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

Параметр

Описание

Архив с HTML5 креативом

Загрузите ZIP-архив с проектом, поле HTML5 код креатива должно оставаться пустым (оно будет заполнено содержимым HTML-файла вашего проекта уже после добавления баннера).

HTML5 код креатива

Содержимое HTML-кода из архива с проектом (загружается автоматически из архива).

URL перехода

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

TARGET ссылки

Определяет, в каком окне открывать ссылку:

• top — в текущем окне;
• _blank — в новом окне или вкладке, в зависимости от настроек браузера.

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

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

Изображение №1 (до расхлопа)

Изображение для баннера с картинкой до расхлопа (в схлопнутом состоянии). Возможно указание только Изображения №1 (без загрузки Изображения №2), в таком случае BannerLine будет перетяжкой без расхлопа.

Изображение №2 (после расхлопа)

Изображение для баннера с картинкой после расхлопа (в расхлопнутом состоянии).

Показывать кнопку «Закрыть» (yes|no)

Укажите, будет ли закрывающий (по сути, удаляющий) крестик отображаться всегда.

Собственная картинка кнопки «Закрыть»

Картинка для кнопки Закрыть.

Цвет фона после расхлопа (#fff)

Цвет фона контейнера с картинкой в расхлопнутом состоянии. Например, #fff, #f0f0f0, или rgba(0,0,0,0.4). По умолчанию прозрачный.

Цвет фона до расхлопа (#fff)

Цвет фона контейнера с картинкой в схлопнутом состоянии. Например, #fff, #f0f0f0, или rgba(0,0,0,0.4). По умолчанию прозрачный.

BodyPadding

Значение отступа для тега body в пикселях.

Баннер, расположенный сверху или снизу (параметр Расположение в значении top или bottom), автоматически добавляет отступы к элементу body (значение свойства Padding устанавливается равным высоте баннера), чтобы баннер не перекрывал контент страницы.

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

Для отключения образования отступов укажите нулевое значение (0 или 0 px).

Время жизни расхлопа (секунд)

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

z-index блока с баннером

CSS-свойство z-index для блока с баннером. По умолчанию 999996.

Ширина до расхлопа (в px или 100%)

Ширина баннера до расхлопа (в схлопнутом состоянии).

Высота до расхлопа (в px или 100%)

Высота баннера до расхлопа (в схлопнутом состоянии).

Ширина после расхлопа (в px или 100%)

Ширина баннера после расхлопа (в расхлопнутом состоянии).

Высота после расхлопа (в px или 100%)

Высота баннера после расхлопа (в расхлопнутом состоянии).

Расположение

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

Кол-во авторасхлопов

Количество сессионных расхлопов на одну сессию.

Время сессии для авторасхлопа

Время сессионного расхлопа в часах. По прошествии этого времени баннер будет отображаться снова в расхлопнутом состоянии, если параметр Кол-во авторасхлопов больше 0.

Авторасхлоп всегда

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

• yes — показывать баннер в расхлопнутом состоянии. Для корректной работы креатива, подготовленного в редакторе AdobeAnimateСС, обязательно добавьте код в исходный файл:

  Скопировать код

     
  window.global_exp_banner = this.exp_banner;
  window.global_main_banner = this.main_banner;
  window.global_exp_banner.visible = false;
  if (window.isBannerExpanded) {
  window.global_exp_banner.visible = true;
  window.global_exp_banner.btnCollapse.visible = true;
  window.global_main_banner.visible = false;
  window.global_main_banner.btnExpand.visible = false;
  }
  else{
  window.global_exp_banner.visible = false;
  window.global_exp_banner.btnCollapse.visible = false;
  window.global_main_banner.visible = true;
  window.global_main_banner.btnExpand.visible = true;
  }
  window.global_main_banner.btnExpand.addEventListener("click", expandBanner.bind(this));
  window.global_exp_banner.btnCollapse.addEventListener("click", collapseBanner.bind(this));
  window.onBannerExpand = function()
  {
  window.callEvent(2);
  window.global_exp_banner.visible = true;
  window.global_exp_banner.btnCollapse.visible = true;
  window.global_main_banner.visible = false;
  window.global_main_banner.btnExpand.visible = false;
  }
  window.onBannerCollapse = function()
  {
  window.callEvent(3);
  window.global_exp_banner.visible = false;
  window.global_exp_banner.btnCollapse.visible = false;
  window.global_main_banner.visible = true;
  window.global_main_banner.btnExpand.visible = true;
  }
  

• no — показывать баннер в обычном режиме, без авторасхлопывания.

Имя функции для вызова расхлопа контейнера

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

Имя функции для вызова схлопа контейнера

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

Имя функции для вызова расхлопа креатива

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

Имя функции для вызова схлопа креатива

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

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

Произвольные стили для контейнера баннера одной строкой, кроме стилей: position, z-index, top, left, right, bottom, width, height, display. Например, border: 1px solid red;. Невалидные значения будут игнорироваться браузером.

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

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

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

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

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

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

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

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

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

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

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