Информация

Баннер HTML5

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('Добавочная часть ссылки перехода');