Banner.Holder™Ad.Holder™Context.Holder™System.Holder™Video.Holder™

Логин


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

Пароль


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

Система

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

1. Требования к Video HTML5 баннерам с кнопкой play/без кнопки play с выкл. звуком для разработчиков

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

1.2. Баннеры сделанные для системы Holder
Все подгружаемые элементы, должны быть высланы вместе с баннером (index.html), а их пути в HTML должны быть прописаны относительно.
Общий вес всех элементов баннера не должен превышать 450Kb.
После того, как вы убедитесь что общий вес всех компонентов баннера не превышает 450Kb, их нужно запаковать в ZIP-архив в одной корневой папке, без подкаталогов. Архивировать нужно только файлы, а не папку в которой они находятся. Разрешенные форматы файлов - jpg, png, gif, html, css, js, json, svg.
- 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>
Запрещенно использовать функцию alert. Используйте вместо нее функцию console.log

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

2.1. ZIP-архив
Общий вес всех компонентов баннера не должен превышать 450кб. Среди них должен быть файл 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 (остальные компоненты лежат на стороннем сервере) нужно запаковать его в архив ZIP и загрузить этот архив в System.Holder так, как описано выше.

Или проделать следующее:
Открыть файл на редактирование и в блок head подключить файл html.js:

<head>
<script src="//i.holder.com.ua/html.js"></script>
</head>


Сохраните файл html. Зайдите в интерфейс кампании:
1) В интерфейсе кампании кликните "добавить баннер".
2) Выберите "Формат баннера:" (размер).
3) В "Тип баннера:" должно быть установлено "ввести AJAX код".
4) Введите следующий код:

holderDiv.div.innerHTML='<iframe src="ссылка на файл html" width="'+width+'" height="'+height+'" border="none" frameBorder="0" scrolling="no" style="border: 0px none;" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="false" hspace="0" vspace="0"></iframe>';

5) С помощью ссылки "Выберите файлы" (сразу под полем "Зеропиксели:") добавьте ваш файл html.
6) Установите ссылку перехода в поле "Рекламируемый URL:".
7) Сохраните баннер, сняв галочку "Добавить включенным" (сразу после приоритетов).
8) Откройте баннер на редактирование, кликните правой кнопкой мыши по ссылке на загруженный файл html и выберите "Скопировать адресс ссылки". Вставьте ссылку между кавычками вместо ссылка на файл html.
9) Далее, по необходимости, выполните остальные настройки и сохраните баннер, сняв галочку "Добавить включенным" (сразу после приоритетов).
10) Проверьте баннер на клик кликнув по нему в интерфейсе кампании. Если баннер отобразился корректно, кликните по нему еще раз. Если вы перешли на страницу с надписью:
В вашем баннере успешно установлена переменная bn_url, ведущая по ссылке http://(ваша ссылка перехода)
Можно включать баннер, клики будут учитываться.
В противном случае - баннер нужно переделать по нашим требованиям.

cкрыть ответ