Технические требования к баннерам

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

Общие требования

1.  Объем (размер) каждого файла (gif, jpeg, flash) не должен превышать 30 кБайт для баннеров размера 200x80, 200x160.
Баннеры размеров 400x60, 400x80, 200x300, 468x60 и 100%х90 (растяжка) не должны превышать 50 кБайт.

2.  Объем html-баннеров до сжатия в архив должен составлять не более 50 Кб (с учетом веса внешних js-библиотек)

3.  Геометрические размеры Gif, Jpeg, HTML и Flash-файлов для баннеров статического размера должны точно соответствовать размерам рекламного места, на котором будет производиться размещение.

Общие требования, баннер-растяжка

1.  Высота баннера-растяжки – 90 px.

2.  Ширина баннера – 100% (т. е. тянется на всю ширину экрана)

3.  Вес баннера – до 50 кб.

Gif, jpeg-баннеры фиксированного размера

Необходимый набор материалов для размещения:

1.  Gif или jpeg-файл (объем, не превышающий норму (см. раздел "Общие требования")).

2.  Ссылка на сайт, куда перенаправляется пользователь, нажавший баннер.

3.  Вес – до 30кб

Flash-баннеры

Внимание: последние версии популярных браузеров Google Chrome и Mozilla Firefox блокируют автоматическое воспроизведение Flash-баннеров. Это значит, что баннер не начнет проигрываться до тех пор, пока пользователь не нажмет на баннер. Это связанно с серьезными уязвимостями технологии Flash. Поэтому мы крайне рекомендуем вместо flash-баннеров использовать современный формат – HTML-баннеры.

Необходимый набор материалов для размещения:

1.  swf-файл (18-я версия и объем, не превышающий норму (см. раздел "Общие требования")).

2.  Gif или jpeg-файл – дубликат (объем, не превышающий норму (см. раздел "Общие требования")).

3.  Ссылка на сайт, куда перенаправляется пользователь, нажавший баннер.

Общие требования к Flash-баннерам:

Для каждого swf-файла необходимо наличие дубликата в виде gif или jpeg-файла для отображения клиентам, у которых не установлен Flash-проигрыватель.

В каждый flash-баннер в обязательном порядке должен быть встроен скрипт подсчета кликов. В противном случае статистика показов и кликов не предоставляется.

Инструкция по установке скрипта в ActionScript2: Для всех swf-файлов, в ролике необходимо создать прямоугольное выделение с размером всего баннера поверх всех слоев, преобразовать в элемент button и выставить уровень прозрачности alpha = 0%.

Выделяется весь объект и в поле Action Script вставляется следующий скрипт:

on(release){getURL(_root. link,"_blank"); }

Скрипт не менять, вставлять его как есть. Ссылку присылать отдельно вместе с баннером.

Инструкция по установке скрипта в ActionScript 3: Для всех swf-файлов, в ролике необходимо создать прямоугольное выделение с размером всего баннера поверх всех слоев, преобразовать в элемент button и выставить уровень прозрачности alpha = 0%. Установить название сущности (InstanceName) равным myButton

Создать новый слой поверх остальных слоев для ActionScript (или использовать общий слой для скриптов, если таковой имеется.) Выбрать этот слой и в поле Action Script вставить следующий скрипт:

myButton. addEventListener(MouseEvent. CLICK, onMouseClick);

function onMouseClick(event:MouseEvent):void

{

var request:URLRequest = new URLRequest(root. loaderInfo. parameters. link);

request. method = URLRequestMethod. GET;

var target:String = "_blank";

navigateToURL(request, target);

}

Скрипт не менять, вставлять его как есть. Ссылку присылать отдельно вместе с баннером.

Баннер должен корректно отображаться с выставленным из html значением bgcolor=#ffffff

Flash-растяжки

Необходимый набор материалов для размещения:

1.  swf-файл (11-я версия и объем, не превышающий норму, а также с максимальной нагрузкой на ЦП не более нормы (см. раздел "Общие требования", пункт 1 и 7)).

2.  swf-файл корректно должен отображаться с установленными для него размерами: ширина 100%, высота - соответствующая высоте рекламного места.

3.  Gif или jpeg-файл – дубликат (объем, не превышающий норму (см. раздел "Общие требования")).

4.  Ссылка на сайт, куда перенаправляется пользователь, нажавший баннер.

Пожалуйста, не забывайте о GIF-заглушках для FLASH-баннеров. Обычные баннеры не видны на всех iOS-устройствах (iPhone, iPad) и компьютерах с настроенными на блокировку рекламы антивирусами и браузерами.

HTML-баннеры

Требования к html-баннерам:

HTML-код:

1.  Код баннера должен располагаться в файле index.html без использования тегов html, head, body. Только код самого баннера

2.  Исходная структура html-баннера должна располагаться внутри одного родительского элемента с id.

3.  Код должен содержать не более одного тега ссылки - <a href=….>…</a>. Он должен занимать всю площадь баннера, чтобы пользователь мог кликнуть на баннер в любом месте

4.  Ссылка должна открываться в новом окне target=’_blank’

5.  В теге <a> в атрибут href вместо ссылки для перехода необходимо вставить код
{%LINK%}
Итоговый вид ссылки должен иметь вид
<a href=’{%LINK%}’ target=’_blank’>… </a>

6.  Ссылку для перехода при клике на баннер необходимо разместить отдельно в текстовом файле link. txt

CSS-стили:

1.  Все стили должны быть либо собраны в один inline, либо в один файл css. Если в стилях фигурируют конструкции URL (урл к картинке) - обязателен inline.

2.  Скрипты должны работать относительно id родительского элемента всего кода.

3.  Стили должны определяться только относительно id родительского элемента из п.1, все id и css классы в коде баннеров должны содержать префикс badv_

Javascript-код:

1.  Все скрипты должны быть либо собраны в один тег script, либо в один файл js.

2.  Рекомендуется использовать pure javascript (без фреймворков) для экономии веса.

3.  Допускается (но крайне не рекомендуется) использование js-фреймворков (jQuery и т. п.), подключаемых с https://tech. yandex. ru/jslibs/, либо с CDN сайтов-разработчиков библиотек.

4.  Строго запрещается использовать код, формирующий запросы к внешним сайтам (подключение внешних файлов, создание фреймов и т. д.)

Общие правила:

1.  Все URL картинок, стилей, скриптов должны быть указаны относительными.

2.  Все скрипты, стили и изображения рекомендуется минимизировать специальными инструментами (http:///, http://www. /tools/css/, http:///ru/). Это позволит значительно сократить итоговый вес всех файлов баннера и уместить в него больше креатива.

3.  При необходимости установки зеропикселя для внешнего учета показов, ссылку на картинку-зеропиксель необходимо разместить в текстовом файле zeropixel.txt

4.  Строго запрещается добавлять в код стили, скрипты, изображения, шрифты и другие файлы, подключаемые с внешних источников (других сайтов), за исключением js-библиотек, подключаемых из доверенных источников.

5.  Все файлы необходимо поместить в один zip-архив без пароля.

6.  Общий размер всех файлов (код, скрипты, стили, изображения, внешние js-библиотеки) до сжатия в архив должен составлять не более 50 Кб (с учетом веса внешних js-библиотек)

7.  О размещении html-баннера необходимо сообщить не позднее, чем за 5 рабочих дней до старта компании для согласования креатива, проверки и установки.

8.  Компания оставляет за собой право отказать в размещении html-баннера при несоблюдении требований.