Page tree
Skip to end of metadata
Go to start of metadata
Admixer UI template: HTML5 Banner

Описание формата


Стандартный баннер, имеющий фиксированный размер и положение на странице.

Распространенные размеры: 300х250, 240х350, 240х400, 180х150, 320х280, 728х90, 970х90, 970х200, 650х250, 240x500, 300х600, 160х600.


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

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

DesktopTabletPhone
WindowsMaciOSAndroidiOSAndroid
IE9+, Chrome, Firefox, OperaSafari, Chrome, Firefox----

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

standard-banner.zip

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

  1. Распакуйте архив с примером

  2. Откройте текстовым редактором файл body.html и отредактируйте часть кода, которая находится внутри тэгов <body>...</body> (данные, внесенные вне этих тэгов, сохранены не будут)

  3. Отредактируйте файл body.js

  4. Сохраните все используемые материалы в одной папке и создайте .zip архив. Файл body.html должен находиться в корневой директории папки

Примечание: данная структура файлов в архиве соответствует примеру и может быть изменена вами. Обязательным файлом в архиве является body.html. Размеры баннера, параметр учета клика и другие скрипты могут быть заданы в нем внутри тэгов <body>...</body>  

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

(.zip архив с необходимыми материалами. Используйте архив с примером)

HTML файл (body.html)

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

HTML файл body.html должен содержать путь к библиотеке скриптов Admixer HTML5 API:

<script type="text/javascript" data-r="admixer" data-main="https://cdn.admixer.net/scripts3/r/require-html5" src="https://cdn.admixer.net/scripts3/require.js"></script>

JavaScript файлы
  • JS код должен включать admixRequire:

window.requireModules = [];

admixRequire(['html5api_0.0.1'],function(admixAPI){

window.admixAPI = admixAPI;

  /*

    YOUR CODE IS HERE

  */

});

  • JS код должен определять размеры баннера:   

admixAPI.init({
  'initial' : {
    'width' : '300px',
    'height' : '250px'
  }
});

 

 Атрибуты формата
Панель
Атрибут
Значение
Описание
initial
width
height
px
Значение ширины, высоты баннера
  
Методы формата
Метод
Аргументы
Описание
admixAPI.click();
string or ""
вызов клик-перехода на целевую страницу;
ссылка перехода может быть передана непосредственно 
в коде креатива admixAPI.click('http://yourdomain.com');
Также ссылка перехода может быть задана из шаблона заливки креатива 
в пользовательском интерфейсе Admixer,
в таком случае, передавать ссылку перехода в коде нет необходимости
Видео

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

Изображения

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

Вес:

до 500 Kb без видео 

до 3 Mb с видео


Важно! Все ссылки на внешние файлы должны работать по защищенному HTTPS протоколу.

Учет событий:

  • View/ Просмотр

  • Confirmed view/ Подтвержденный просмотр

  • Click/ Клик

Известные ограничения:

  • креатив, созданный с помощью технологии Adobe Edge, может быть некликабельным в Safari Mobile браузере. 


По вопросам технических требований к креативам обращайтесь, пожалуйста, по e-mail: support@admixer.uat

  • No labels