Fullscreen 2 картинки

Описание

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

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

Подготовка (для разработчиков)

Что необходимо подготовить:

1. Картинку для портретной ориентации — вертикальное изображение (*.png, *.jpg, *.gif).
2. Картинку для альбомной ориентации — горизонтальное изображение (*.png, *.jpg, *.gif).

Требования к файлам

Ограничение на размер:
- Графические файлы (*.jpg, *.png, *.gif) — до 300 Кб;

Для баннеров, состоящих из нескольких файлов, ограничения проверяются отдельно для каждого файла.

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

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


Добавление в ADFOX

При добавлении баннера FullScreen 2 картинки AdFox.Mobile выберите нужный тип баннера и шаблон "FullScreen 2 картинки".
Если шаблон отсутствует в типе баннера, добавьте его из предзаданных.

Шаблон работает на синхронном и асинхронном коде вставки.

Укажите следующие параметры:

  1. "TARGET" ссылки — параметр, определяющий в каком окне открывать ссылку:
      •  _top — в текущем окне;
      •  _blank — в новом окне или вкладке, в зависимости от настроек браузера.

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

  3. URL перехода — укажите ссылку на сайт рекламодателя.

  4. Стиль отображения картинки (contain|cover) — параметр определяет, как показывать баннер:
      •  cover - масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока (при этом часть изображения может выйти за область видимости в браузере, но тем самым картинка заполнит всю видимую область браузера);
      •  contain (по умолчанию) - масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока (при этом будет видно все изображение, но будет заполнена не вся область браузера, оставшаяся часть останется подложкой с указанным в параметрах баннера цветом).

  5. Горизонтальное изображение — картинка для показа FullScreen, когда устройство находится в альбомной ориентации.

  6. Вертикальное изображение — картинка для показа FullScreen, когда устройство находится в портретной ориентации.

  7. Ширина горизонтального изображения — укажите ширину для горизонтального изображения в пикселях без указания размерности или 100%.

  8. Высота вертикального изображения — укажите высоту для вертикального изображения в пикселях без указания размерности или 100%.

  9. z-index формата — укажите число, равное z-index+1 для самого верхнего слоя сайта, чтобы баннер FullScreen смог показаться выше этого слоя.
    По умолчанию: 9999999 — для показа баннера поверх всего содержимого сайта.

  10. Показывать панель управления — настройка видимости панели управления:
      •  yes (по умолчанию) - показывать панель управления. Если при этом установить в параметре "Высота панели управления" значение 0px, то панель управления будет скрыта;
      •  no - скрыть панель управления.

  11. Высота панели управления — укажите высоту панели управления с размерностью, например: 50px.
    По умолчанию: 50px.

    Есть возможность регулировать показ кнопки "Закрыть" с помощью параметра "Высота панели управления":
    - если "Высота панели управления" не равна "0px", то кнопка "Закрыть" будет показана вне зависимости от наличия панели управления в правом верхнем углу (в зависимости от размера креатива может перекрывать его или быть выше);
    - если "Высота панели управления" равна "0px", то кнопка "Закрыть" и панель управления будут скрыты.

  12. Цвет фона панели управления — укажите цвет фона панели управления в формате HEX, например: #ffffff.
    По умолчанию: #000000 — черный цвет.

  13. Изображение кнопки закрыть — загрузите собственную картинку для кнопки закрыть на панели управления в правом углу.
    По умолчанию показывается картинка:

  14. Высота изображения кнопки закрыть — высота изображения кнопки закрыть в px или %, если задать в %, то высота рассчитывается от высоты панели управления.
    По умолчанию задано: 80%.

  15. Текст на панели управления — укажите свой текст, чтобы он отображался на панели управления.

    В том месте текста, где планируется отображать секунды обратного отсчета, пропишите цифру 0, при показе баннера на сайте вместо нуля автоматически будет подставлено число секунд из параметра "Таймер закрытия".
    Если "0" в тексте не указан, то секунды обратного отсчета будут показаны в конце текста.

    Пример текста в параметрах баннера → итоговый текст на баннере:
      •  "Автоматический переход на сайт через 0 секунд" → "Автоматический переход на сайт через 15 секунд";
      •  "Автозакрытие через 0 секунд" → "Автозакрытие через 15 секунд";
      •  "Автозакрытие через " → "Автозакрытие через 15".

    По умолчанию задан текст: "Автоматический переход на сайт через 0 секунд".

  16. Таймер закрытия (секунды) — укажите значение в секундах до автоматического закрытия баннера.
    По умолчанию: 30.

  17. Стили для текста на панели управления — укажите стили, которые нужно применить к тексту на панели управления, например: color:red;.

  18. Цвет фона подложки для креатива (rgba) — цвет фона, незамощённого картинкой, заполняет в формате RGBA.
    По умолчанию: rgba(0,0,0,0.4) — полупрозрачный черный фон.

  19. Время до показа кнопки закрыть (сек.) — установите время в секундах до начала показа кнопки закрыть для того, чтобы пользователь не имел возможности закрыть баннер сразу после начала его отображения в браузере.
    По умолчанию: 0.

  20. Размер текста в "%" рассчитанный от высоты панели (по умолчанию 27%) — размер текста, рассчитанный в "%" от высоты панели управления.

  21. Показывать при отведении мыши из окна (yes|no) — показывать баннер при выводе указателя мыши из области видимости браузера, т.е. за пределы браузера:
      •  no (по умолчанию) - показ баннера осуществляется при открытии сайта в браузере;
      •  yes - показ баннера осуществляется при отведении указателя мыши из области видимости браузера.
    На тач-платформах (смартфоны/планшеты) fullscreen будет показан сразу при загрузке страницы, без учета данного параметра.

Последнее обновление: 22.07.2016