System.Holder™

Логин


зарегистрироваться

Пароль


напомнить пароль

Система

Технические требования System.Holder™

1. Требования к Frontline (Rich-Media) HTML5 баннерам для разработчиков

1.1. Баннеры сделанные для системы AdRiver
Разрешается размещать HTML5 баннеры сделанные по техническим требования системы AdRiver на коде AjaxJS. Технические требования можно взять на сайте AdRiver

1.2. Баннеры сделанные для системы Holder
Все подгружаемые элементы, должны быть высланы вместе с баннером (index.html), а их пути в HTML должны быть прописаны относительно.
Общий вес всех элементов баннера не должен превышать 450 кб.
После того, как вы убедитесь что общий вес всех компонентов баннера не превышает 450 кб, их нужно запаковать в ZIP-архив в одной корневой папке, без подкаталогов. Архивировать нужно только файлы, а не папку в которой они находятся. Разрешенные форматы файлов - jpg, png, gif, html, css, js.
- Cтруктура HTML должна быть внутри одного элемента с id.
- HTML должен быть полностью готовым и рабочим, в т.ч. включать в себя ссылку перехода с баннера на рекламируемый сайт. Она должна иметь такой вид
<a href='http://ссылка_перехода' onclick="return holderClick();" target="_blank">
Если кнопок перехода несколько, последующие необходимо делать таким
<a href='http://вторая ссылка_перехода' onclick="return holderClick('http://вторая ссылка перехода');" target="_blank">
- Все стили должны быть либо собраны в один inline, либо в один файл css. Если в стилях фигурируют конструкции URL (урл к картинке) - обязателен inline.
- Все скрипты должны быть либо собраны в один тег script, либо в один файл js. Если в скриптах фигурируют ссылки на внешние ресурсы - обязательно тег script, либо следует передавать url этих ресурсов в js из кода баннера параметрами.
- Если в процессе переопределяются стандартные события - перед этим они должны быть сохранены в tmp-переменные, и после окончания работы возвращены обратно.
- Стили должны определяться только относительно id начального родительского элемента, все id и css классы в коде баннеров должны содержать префикс h-banner_
- Скрипты должны работать относительно id начального родительского элемента.
- О размещении HTML5 баннера необходимо сообщить не позднее, чем за 5 рабочих дней до старта компании для согласования креатива. HTML5 креативы должны быть предоставлены для проверки и установки не позднее, чем за 3 рабочих дня до старта кампании.
В HTML необходимо указать такие параметры
<style>html, body {width: 100%; height: 100%; margin:0; padding:0;}</style>


2. Добавление в Holder. Инструкция для менеджеров

2.1. ZIP-архив
Общий вес всех компонентов баннера не должен превышать 250кб. Среди них должен быть файл index.html. Названия файлов должны быть латинскими, не должны содержать спецсимволы (допустимы латинские буквы, цифры, символы тире и подчеркивания). Все компоненты баннера должны быть запакованы в ZIP-архив. Архив не должен содержать папок. В ZIP-архив должны быть запакованы только файлы (компоненты баннера), а не папка в которой они находятся.
1) В интерфейсе кампании кликните "добавить баннер".
2) Выберите "Формат баннера:" (размер).
3) В "Тип баннера:" должно быть установлено "добавить файл" (обычно выбрано по умолчанию).
4) С помощью кнопки "Выберите файл" (сразу под пунктами "Тип баннера" и "Файл") добавьте ZIP-файл.
5) Установите ссылку перехода в поле "Рекламируемый URL:".
6) Далее, по необходимости, выполните остальные настройки и сохраните баннер, сняв галочку "Добавить включенным" (сразу после приоритетов). После добавления все файлы распакуются в одну папку и index.html будет главным файлом, который запустится внутри iframe.
Система сама сгенерирует ajax код который будет выводить iframe.
7) Проверьте баннер на клик кликнув по нему в интерфейсе кампании. Если баннер отобразился корректно, кликните по нему еще раз. Если вы перешли на страницу с надписью:
В вашем баннере успешно установлена переменная bn_url, ведущая по ссылке http://(ваша ссылка перехода)
Можно включать баннер, клики будут учитываться.
В противном случае - баннер нужно переделать по нашим требованиям.

2.2. index.html
Если баннер состоит только из index.html (остальные компоненты лежат на стороннем сервере) достаточно загрузить его в интерфейсе баннера через ссылку "Добавить файлы", сохранить, открыть на редактирование, взять ссылку на загруженный файл index.html и подставляем ее в следующий код:
<script>
document.write('<iframe src="ссылка без http/https (например //example.com)?bn_url='+(bn_url)+'" width="300" height="250" scrolling="no" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"></iframe>');
</script>

где, также, нужно указать правильные значения размеров баннера: ширины (width) и высоты (height) в пикселах.
В системе Holder добавляем баннер типа HTML. Вводим полученный код, ставим ссылку перехода в соответствующее поле и сохраняем.

cкрыть ответ