Fullscreen 2 картинки

Описание

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

У баннера есть полностью настраиваемая панель управления:

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

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

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

  • картинку для портретной ориентации — вертикальное изображение (*.png, *.jpg, *.gif);
  • картинку для альбомной ориентации — горизонтальное изображение (*.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 будет показан сразу при загрузке страницы, без учета данного параметра.