Назад к Обзору платформы
Глоссарий
Креативы

Шаблон в интерфейсе: HTML5 Mobile Floating


Предпросмотр

Формат мобильной рекламы, имеющий фиксированное положение внизу экрана, высоту 30% от высоты экрана и ширину 100% от ширины экрана. Баннер отображается на экране до тех пор, пока пользователь не нажмет кнопку Закрыть. После клика на баннер, пользователь переходит на целевую страницу.

Совместимость с инвентарем:

Только локальный инвентарь (зоны прямого паблишера).

Поддерживаемые платформы

Desktop Tablet Phone
Windows Mac iOS Android iOS Android
— — ver. 7.0+ ver. 4.4+ ver. 7.0+ ver. 4.4+

Скачать архив с примером:

Скачать

Инструкция по работе с архивом

  1. Распакуйте архив с примером.
  2. Для просмотра креатива используйте страницу https://preview.admixer.net. Также можно скопировать все файлы в папку index – banners – banner – body и открыть файл index.html в среде просмотра на мобильном устройстве через localhost (например, браузер Chrome с режимом эмулятора мобильного устройства). В этом случае требуется предварительная установка и настройка веб-сервера (к примеру, IIS для Windows, Apache для Mac OS).

    3. Дополнительно можете проверить превью креатива предварительно скопировав на него ссылку и просмотрев с мобильного девайса.

  3. Откройте текстовым редактором файл body.html и отредактируйте часть кода, которая находится внутри тэгов <body> </body>.
  1. Отредактируйте файл body.js.
  2. Сохраните и заархивируйте все используемые материалы в ZIP формате (архив должен создаваться из файлов, а не из папки, в которой эти файлы находятся).

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

ZIP архив

Баннер со всеми необходимыми материалами должен находиться в .zip архиве. Рекомендуем использовать архив с примером.

HTML файл

HTML-файл должен содержать пути к загружаемым материалам (JS-файлам, изображениям). Рекомендуемое название HTML-файла — body.html.

Подключение и использование API

globalHTML5Api подключается автоматически, вызывается с помощью метода:

Показать код globalHTML5Api
globalHTML5Api.on('load', function(){
  /*
    YOUR CODE IS HERE
  */
});

Все используемые объекты и методы globalHTML5Api помещаются внутрь вызываемой функции. Подключаемые модули, если формат их использует, передаются в качестве параметров функции. Пример использования globalHTML5Api.init для формата Mobile Halfscreen:

Показать пример кода globalHTML5Api.init
globalHTML5Api.on("load",function(){
  globalHTML5Api.init({
    'resize': [
      {
       'name': 'state-1',
       'fixed' : {
       'vertical':"bottom",
       'horizontal':'center'
      },
      'width' : '100%',
      'height' : '30%'
    }
   ]
  });
});

Параметры globalHTML5Api.init

Ключ Свойства Тип Описание
resize — Array Массив объектов
name (required) String Имя объекта. Каждый объект представляет собой отдельное положение контейнера (resizeState).
fixed — Объект со свойствами. Описывает положение контейнера относительно окна браузера
vertical (required) top, bottom Положение контейнера по вертикали
horizontal (required) center Положение контейнера по горизонтали
width (required) String|Number Значение ширины контейнера с баннером
height (required) String|Number Значение высоты контейнера с баннером

Методы globalHTML5Api

Метод Аргументы Тип Описание
click(URL) — — Вызов клик-перехода на целевую страницу. Ссылка перехода может быть передана непосредственно в коде креатива. Также ссылка перехода может быть задана из шаблона заливки креатива в пользовательском интерфейсе. _ Ссылка, заданная в коде, имеет больший приоритет, чем ссылка, заданная через шаблон, что может привести к конфликту. Поэтому для передачи ссылки обязательно использовать только один из доступных способов._
URL (optional) String Ссылка перехода
src(URL) — — Метод возвращает абсолютный путь к файлу
URL (optional) String Относительный путь к файлу
close() — — Вызов закрытия баннера
globalHTML5Api.autoClose(timeMS, preventEvent) — — Вызов автоматического закрытия баннера через указанное количество миллисекунд
timeMS (required) Number Колличество миллисекунд до вызова закрытия баннера
preventEvent (optional) Boolean Предотвращение отправки учетного события “close” (Закрытие баннера). Если значение false – событие будет отправлено. Default: false

Видео

Если креатив содержит видео, воспользуйтесь инструкцией Добавление видео в HTML5 баннер.

Изображения

Поддерживаемые типы файлов: .jpg, .png, .gif, .svg.

Вес

до 300 KB

Учет событий

  • View/ Просмотр
  • Confirmed view/ Подтвержденный просмотр
  • Click/ Клик
Chrome может ограничивать использование ресурсов рекламой (до взаимодействия пользователя с ней) путем удаления тяжелого креатива со страницы. Реклама считается тяжелой, если пользователь не взаимодействовал с ней (например, не кликнул) и если она соответствует любому из следующих критериев:
— Использует основной поток в общей сложности более 60 секунд
— Использует основной поток более 15 секунд в любом 30-секундном окне
— Использует более 4 мегабайт пропускной способности сети
По вопросам технических требований к баннерам, пожалуйста, обращайтесь к менеджеру поддержки вашего аккаунта.
Обновлено 16 мая, 2025