Информация

Banner - рекламный материал, размещенный в указаном месте на сайте.

Баннер, WxH, px

• Html баннер размещается внутри iframe и принимает значения ширины и высоты, какие указаны в формате.

Типы файлов

• HTML баннер со всеми необходимыми файлами должен находиться в .zip архиве.
• Допускается использования таких типов файлов: css, js, gif, png, jpg, jpeg, svg, html, json.

Вес файлов

• Вес .zip архива со всеми файлами не должен превышать 500kb.
• Все погружаемые файлы должны быть внутри архива.

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

• В именах файлах и каталогах можно использовать только цифры и символы латиницы.
• Запрещено использовать знак "пробел" в именах файлов и каталогов.
• Разрешено загружать файлы css, js, gif, png, jpg, jpeg, svg, html, json, xml.
• Все загружаемые файлы должны соответствовать своему MIME типу.
• Запрещенно использовать появление в файлах таких текстов и класов
  .asciiz
.byte
.even
.globl
.text
.file
.type


В head файла index.html необходимо указать
<meta name="ad.type" content="banner">
<meta name="ad.size" content="width=300,height=250">
<meta name="ad.vars" content="auto_button=1">

• ad.size - размер баннера в px
• auto_button - (опционально) установить ли кнопку перехода поверх баннера. Значение 0 укажет что неободимо использовать кнопку перехода внутри кетфиша.

Скачайте пример архива html5 баннера

Имя файла
Имя файла должно соответствовать шаблону:
banner_300x250@myname.zip

Кнопки

• Кнопка перехода при клике на баннер добавляется автоматически

Рекомендации к адаптивным материалам

• Добавьте viewport в head
  <meta name="viewport" content="width=device-width, initial-scale=1">
  Свойство width определяет размер окна просмотра. Он может быть установлен на определенное количество пикселей, скажем,width=600 или на специальное значение device-width, которое означает ширину экрана в пикселях CSS в масштабе 100%. (Есть также соответствующие значения height и device-height, которые могут быть полезны для страниц с элементами, которые изменяют размер или положение на основе высоты окна просмотра). Свойство initial-scale контролирует уровень масштабирования при первой загрузке страницы. Свойства maximum-scale, minimum-scale и user-scalable определяют, как пользователям разрешено увеличивать или уменьшать страницу.
• При использовании библиотеки createjs, для правильного отображении на устройствах iOS, удалите все значения width и height внутри body
  <div id="animation_container">
<canvas id="canvas" style="position: absolute; display: block;">
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden;position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>

---

Установка

• Заполните поле рекламодатель
• Выберите тип banner
• Выберите необходимый формат
• Укажите название медиа
• Укажите URL перехода при клике, если это необходимо
• Укажите путь к зеропикселю для отслеживания показов. Он будет вызыватся автоматичести при загрузке кода баннера на сайт.
• Выберите шаблон Template-banner
• Выберите zip архив с баннером
• Укажите в поле auto_button создать ли автоматически кнопку для клика или же использовать кнопку внутри баннера.
  Для сбора статистики кликов, внутрь баннера будет переданы переменные clickTag, clickTAG, ar_redirect, admixAPI.click.
  У вас есть возможность задать ссылку перехода внутри баннера и получать статистику кликов. Для этого оставьте поле URL пустым, а ссылку перехода задайте одним из вариантов:
  clickTag+'&url='+escape('Ваша ссылка перехода');
clickTag+'&url='+encodeURI('Ваша ссылка перехода');
/* если вам неободимо добавить часть к переменной из поля URL */
clickTag+'&a='+encodeURIComponent('Добавочная часть ссылки перехода');