Медийная
реклама

  • Требования к баннерам
  • Требования к Flash-баннерам
  • Требования к HTML5-баннерам
  • Требования к видео-баннерам
  • Требования к видео-баннерам с автостартом
  • Требования к интерактивным Flash-баннерам
  • Требования к баннерам с расхлопом
  • Требования к Flash-баннерам "перетяжкам"
  • Требования к Flash-баннерам для размещения в «двойном» формате
  • Требования к баннеру 700х200:
  • Требования к HTML5-баннерам "перетяжка" 700х200

  • Требования к баннерам

    1. Вес баннера не должен превышать 60Кб.
    2. Баннеры принимаются в форматах GIF, JPG, PNG и SWF (для Flash-баннеров).
    3. Фон баннера не должен быть прозрачным, содержимое баннера должно занимать всю отведенную площадь и иметь четкую границу (рамку).
    4. Необходимо оставлять сверху баннера 21 пиксель свободного пространства для региональной «плашки» («Реклама в Латвии»). Пример.
    5. Мы НЕ размещаем баннеры:

      • с элементами интерфейса

      • раздражающие глаза

      • напоминающие рекламу порносайтов.

      • cодержащие информацию о прямых конкурентов портала.

    6. Внешние коды к размещению не принимаются.
    7. Возможен независимый аудит показов и переходов с использованием следующих систем: AdHands, AdFox, AdRiver, DoubleClick, Gemius, MediaMind, TNS, Weborama. Учет событий внутри баннеров (таких как проигрывание видео или наведение курсора на баннер) возможен с использованием только Adriver, MediaMind, Weborama.

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

    1. Баннеры должны сопровождаться картинкой (GIF, JPG, PNG) такого же размера для случая когда у пользователя не установлен Flash.

    2. Flash-баннер должен быть изготовлен c использованием Flash версии с 8 по 10 включительно (ActionScript 2.0 / ActionScript 3.0).

    3. Для учета переходов с flash-баннера, в качестве ссылки необходимо использовать в баннере объект button со следующими параметрами:
      ActionScript 2.0:
      on(release) {
         getURL(_root.link1, "_blank");
      }
      ActionScript 3.0:
      btn.addEventListener(MouseEvent.CLICK, clickHandler);
      function clickHandler(e:MouseEvent):void{
            navigateToURL(new URLRequest(root.loaderInfo.parameters.link1), "_blank")
      }
      	


      Открытие ссылки должно происходить в новом окне.

    4. Материалы в формате flash не должны содержать кода, выполняющего функции, отличные от управления анимацией.
    5. В частности запрещается взаимодействие баннера со страницей, с внешними сайтами, камерой, микрофоном, буфером обмена, работа с локальным хранилищем.
    6. Запрещается применение техник затрудняющих анализ содержимого баннера.
    7. Управления анимацией не должно существенно нагружать процессор пользовательского компьютера.
      В качестве эталонного процессора используется Celeron 1.5 ГГц, баннер не должен использовать более 35% процессора в среднем и 60% в пике.
      Рекомендации по изготовлению флэш-баннеров для выполнения этих требований.
      Эталонный баннер для сравнения загрузки процессора прямо на вашем компьютере. Загрузка процессора вашим баннером не должна превышать загрузку процессора эталонным баннером. Проверить баннер на соответствие техническим требованиям

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

    1. .zip архив должен содержать .html файл и все используемые ресурсы
    2. Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg
    3. Максимальный размер .zip архива: 150 Kb
    4. Имена файлов должны быть латиницей
    5. Текстовые файлы должны иметь кодировку utf-8
    6. Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL
    7. Ссылки должны открываться в новом окне
    8. Обязательно наличие тега <meta name="ad.size"> с указанием размера креатива
    9. Должен корректно работать в браузерах: IE 10+, Firefox 14+, Safari 5+, Chrome 18+
    10. Для неподдерживаемых браузеров необходимо обеспечить показ упрощенной версии баннера или gif-заглушки
    11. Запрещается обращение к внешним ресурсам

    Пример кода ссылки для баннера с одной ссылкой:

    <a href="%link1%" target="_blank">link1</a>
    

    Пример кода ссылки для баннера с несколькими ссылками (максимум 5):

    <a href="%link1%" target="_blank">link1</a>
    <a href="%link2%" target="_blank">link2</a>
    <a href="%link3%" target="_blank">link3</a>
    <a href="%link4%" target="_blank">link4</a>
    <a href="%link5%" target="_blank">link5</a>
    

    Пример meta-тега (для баннера 240х400):

    <meta name="ad.size" content="width=240,height=400">
    

    Пример HTML5 баннера

    Общие рекомендации по изготовлению баннеров

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

    1. Внутрь Flash-баннера может быть встроен видеоплеер, к такому баннеру предъявляются общие требования к баннерам и Flash-баннерам.
    2. Подгружаемое видео принимается в формате FLV.
    3. Вес подгружаемого видео до 1Мб.
    4. Видео может подгружаться только по инициативе пользователя (на баннере должна быть интуитивно понятная кнопка включения просмотра видео «смотреть видео», или ее аналог).
    5. Пользователь должен иметь возможность в любой момент остановить/возобновить показ видео.
    6. В случае использования звука при просмотре видео, пользователю должна быть предоставлена возможность выключить звук. (на баннере должна быть кнопка «выключить звук» или ее аналог на протяжении всего действия ролика)
    7. Правый нижний угол видео ролика должен быть свободен от значимого контента – там будут размещены элементы управления (кнопки Play/Pause, включения/выключения звука).
    8. Из соображений безопасности и надежности подгружаемое видео будет размещено на серверах Mail.Ru
    9. Ссылка на видеофайл будет передана в flash-баннер в параметре video1, примеры кода:
    ActionScript 2.0:
    var nc:NetConnection = new
    NetConnection();
    nc.connect(null);
    var nStream:NetStream = new
    NetStream(nc);
    videoObj.attachVideo(nStream);
    videoObj - имя экземпляра на сцене (объект video)
    nStream.play(_root.video1);
    _root.video1 - ставится ВМЕСТО ссылки на видеофайл (MP4)
    

    ActionScript 3.0:
    var nc:NetConnection = new NetConnection();
    nc.connect(null);
    var nStream:NetStream = new NetStream(nc);
    videoObj.attachVideo(nStream); // videoObj - имя экземпляра на
    сцене (объект video)
    nStream.play(root.loaderInfo.parameters.video1); //
    root.loaderInfo.parameters.video1 - ставится ВМЕСТО ссылки на видеофайл (MP4)
    

    Cкачать пример исходника видеобаннера с эталонным кодом.

    Требования к видео-баннерам с автостартом

    Видео в видео-баннерах проигрывается собственным плеером , со встроенными элементами управления (кнопки Play/Pause, включения/выключения звука). В плеере есть собственная библиотека статистики, позволяющая собирать статистику по видео, в соответствии со стандартом VAST:

    • Включение/выключение звука
    • Нажатия на кнопку Пауза/Воспроизведение
    • Просмотры видео: 25,50,75,100% досмотров

    На каждое событие может быть поставлен пиксел-аудит сторонней системы.

    Возможности видео-баннеров:

    • по умолчанию видео в баннерах запускается автостартом
    • видео-баннер может быть без звука (кнопка включения/выключения звука не показывается)
    • видео в баннере может быть зациклено (для зацикленного видео считается общее число просмотров видео до конца)
    • видео может занимать любую площадь баннера, смещено по вертикали или горизонтали (при размещении такого типа баннера следует указывать точные размеры видео и величины смещения в пикселах)

    Требования к видео-файлу:

    1. Хронометраж - не более 30 секунд;
    2. Максимальный объем - 2мб.
    3. Разрешение видеоролика - 640x360 или видео может занимать любую площадь баннера (например, 240х400 или 300х300).
    4. Требования к потоку:
      • Видео битрейт: 400-450 кбит/сек. Частота кадров: не более 25 кадров/сек.
      • Аудио битрейт: 80-100 кбит/сек. Уровень громкости не более 30дБ
      • Общий битрейт: 480-550 кбит/сек
    5. Формат видеороликов:
      • MP4 (MPEG-4): кодеки видео H.264, кодек аудио - AAC.
    6. Видео не должно вводить пользователя в заблуждение, то есть в нем не может содержаться кнопок, дублирующих сервисы и прочих элементов.
    7. Баннеры должны сопровождаться картинкой (GIF, JPG, PNG), соответствующей размеру рекламного места, для случая, когда у пользователя не установлен Flash.

    Примеры видео-баннеров:

    Требования к интерактивным Flash-баннерам

    1. Вес баннера не должен превышать 60Кб
    2. Дополнительные ресурсы принимаются в формате SWF
    3. Вес всех возможных подгружаемых ресурсов не более 250Кб
    4. Ресурсы могут подгружаться только по инициативе пользователя (на баннере должна быть интуитивно понятная кнопка включения просмотра дополнительной анимации «узнать больше», или ее аналог)
    5. В случае использования звука при просмотре дополнительной анимации, пользователю должна быть предоставлена возможность выключить звук. (на баннере должна быть кнопка «выключить звук» или ее аналог на протяжении всего действия ролика)
    6. Из соображений безопасности и надежности все ресурсы будут размещены на серверах Mail.Ru
    7. Ссылки на дополнительные ресурсы будут переданы в flash-баннер в параметрах video1,video2, .. videoN (максимум 5 штук), пример кода подгрузки дополнительного флеш-ролика:

      loadMovie(_root.video1, "");
    8. Для учета статистики взаимодействия с интерактивными элементами, во флэше на каждое событие, которое следует измерить, нужно вызывать пиксел. Ссылки на пикселы будут переданы во flash-баннер в параметрах event1,event2, .. event5.

    Cкачать пример исходника интерактивного баннера с эталонным кодом.

    Требования к баннерам с расхлопом

    1. Расхлоп осуществляется только по наведению, схлопывается при убирании мыши.
    2. Размер расхлопа 640*400 для всех проектов Mail.Ru Group, размер основного баннера соответствует размеру рекламного места.
    3. Основной баннер некликабельный, никаких кнопок управления видео и звуком в нем делать не следует. Допускается использование текста или иных средств оформления, побуждающих навести на баннер, выполненных в нераздражающей манере.
    4. Элементы управления (включение/выключение звука, пауза/воспроизведение видео и т.д.) располагаются только в расхлопе.
    5. По расхлопам предоставляется статистика: всего расхлопов (включая повторные наведения при каждом просмотре баннера), первый расхлоп (количество расхлопов в первый раз на каждый просмотр баннера, без учета количества повторных наведений в каждый просмотр баннера)
    6. Звук, если есть, в расхлопе по умолчанию выключен, включается только по инициативе пользователя (нажатие на кнопку «включение звука» или аналогичную).

    Варианты расхлопов:

  • Видео-расхлоп. В основном баннере видео с автостартом, при расхлопе – продолжает играть видео
  • GIf + видео. Основной баннер – Gif, в расхлопе проигрывается видео.

  • Требования к Flash-баннерам "перетяжкам"

    1. Flash-баннер должен растягиваться на 100% по горизонтали без ущерба изображению.
    2. Остальные требования совпадают с требованиями к обычным баннерам.

    Требования к Flash-баннерам для размещения в «двойном» формате

    1. Вес баннеров не должен превышать — 60Кб каждого в отдельности или 120Кб в сумме.
    2. Баннеры принимаются только в формате SWF.
    3. При необходимости считать двойной формат через сторонние системы вместе с баннерами надо выслать:
      • две кликовые ссылки (или одна, если не принципиально разделять статистику кликов по форматам)
      • один зеропиксель для подсчета показов формата (обратите внимание, что один показ засчитывается при одновременной выдаче обоих баннеров)

    Требования к баннеру 700х200

    1. Swf-баннер 400х200 пикселей, способный растягиваться в ширину на 100% без ущерба изображению.
    2. Заглушка предоставляется размером 400*200
    3. Фон под изображением (заглушкой): цвет фона в формате HTML или картинка шириной 1px, высотой 200px. Фон не должен быть прозрачным
    4. Остальные требования совпадают с требованиями к обычным баннерам.

    Пример эталонного баннера

    Требования к HTML5-баннерам "перетяжкам" 700х200

    1. .zip архив должен содержать .html файл и все используемые ресурсы
    2. Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg
    3. Максимальный размер .zip архива: 150 Kb
    4. Имена файлов внутри архива должны быть латиницей
    5. Текстовые файлы должны иметь кодировку utf-8
    6. Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL
    7. Ссылки должны открываться в новом окне
    8. Обязательно наличие тега <meta name="ad.size" content="width=100%,height=200">
    9. Должен корректно работать в браузерах: IE 10+, Firefox 14+, Safari 5+, Chrome 18+
    10. Запрещается обращение к внешним ресурсам
    11. Заглушка предоставляется размером 400*200
    12. Фон под изображением (заглушкой): цвет фона в формате HTML или картинка шириной 1px, высотой 200px. Фон не должен быть прозрачным.


    Мы также оставляем за собой право не принимать к размещению рекламные материалы, исполнение которых не соответствует внутренней политике компании.