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

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

Основной пакет ресайзов для запуска рекламной кампании

Banner + Native

  • Desktop (HTML5 или jpg, gif): 300x600, 240x400, 300x250, 728x90, 160x600
  • Mobile (.jpg, .gif): 320x480, 480x320, 320x50, 300x50, 300x250, 320x100, 300x100, 300x300, 336x280, 728x90, 468x60, 768x1024, 1024x768;
  • Для In App также: «резиновый» 320x480 (Fullscreen) в формате 3rd Party Tag или HTML;
  • Native (.jpg): 1200х628, 600x600, Logo: 256x256.

Маркировка баннеров

  • Баннеры маркируются на стороне Hybrid автоматически.
  • В левом верхнем углу слово «Реклама». Высота 14px, ширина 54px.
  • В правом верхнем углу знак «i», который раскрывается при нажатии и появляется информация о домене. Размер кнопки 14x14px.

Основной пакет ресайзов для запуска рекламной кампании

Video

  • Основные размеры: 1920x1080, 1080x1920;
  • Альтернативные размеры: 1280x720, 720x1280, 480x320, 768x1024, 320x480.

Маркировка в видео

  • Видео маркируется на стороне клиента.
  • В видеоролик необходимо добавить текст-набивку: «Реклама. Наименование рекламодателя. ИНН. Сайт рекламодателя». Набивка должна быть читаемой и видимой на фоне, а также совпадать с длительностью всего видеоролика.

Примечание

Технические требования к баннерам, видео и прочим форматам смотреть на следующих страницах. Мы оставляем за собой право не принять ваши материалы, если не соблюдаются наши требования к форматам.

Материалы для подготовки креативов и баннеров на стороне Hybrid

Для того, чтобы мы подготовили баннеры, вам нужно заполнить бриф.

Софт, в котором мы работаем: Figma, Adobe Photoshop (.psd), Adobe Animate (.fla), Adobe Illustrator (.ai), Adobe After Effects (.ae), Tumult Hype.

Не используем: Google Web Designer, Corel Draw.

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

HTML5-баннеры

  1. Основные форматы для браузеров (desktop, mobile web): 160x600, 240x400, 300x250, 728x90, 300x600.
    Дополнительные: 320x100, 336x280, 300x300, 970x250, 320x480, 970x90, 320x50, 300x100, 300x50, 480x320.
  2. Размер одного баннера: не более 150 КБ.
  3. Тип файла: .zip. Архив должен содержать главный html-файл, а также файлы других форматов (.css, .js, .html, .gif, .png, .jpg, .jpeg, .svg).
  4. Теги: Тег HEAD должен содержать следующую информацию (в зависимости от формата, например для баннера 240x400): 
    meta name="ad.size" content="width=240,height=400"
  5. Баннер должен быть некликабельным: в баннере не должно быть событий, отрабатывающих переходы при клике на баннер. Пример: window.open()
  6. Обращение к внешним ресурсам: разрешены внешние ссылки на некоторые базовые библиотеки, включённые в инструменты разработки на HTML5: Animate CC, Edge Animate, CreateJS. Например, библиотека createjs-2015.11.26.min.js может быть заменена внешней базовой библиотекой: 
    script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js
    Альтернативный вариант добавления библиотек
    Для ускорения загрузки внешних библиотек в баннеры вы можете использовать ссылки на библиотеки размещенные на наших серверах.

    Base URL: https://st.hybrid.ai/libs/{version}/{название_библиотеки.min.js}

    CreateJS bundle (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/createjs.min.js
    CreateJS (legacy)
    https://st.hybrid.ai/libs/createjs-2015.05.21.min.js
    https://st.hybrid.ai/libs/createjs-2015.11.26.min.js
    EaselJS (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/easeljs.min.js
    TweenJS (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/tweenjs.min.js
    SoundJS (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/soundjs.min.js
    PreloadJS (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/preloadjs.min.js

    GSAP
    Base URL: https://st.hybrid.ai/libs/js/gsap/{version}/gsap.min.js
    Base URL: https://st.hybrid.ai/libs/js/gsap/{version}/EasePack.min.js

    В {version} нужно указать версию, которая требуется. У нас загружены версии библиотек от 3.0.0 до 3.15.0.
    Для примера ссылки с версией 3.15.0.

    3.15.0
    https://st.hybrid.ai/libs/js/gsap/3.15.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.15.0/EasePack.min.js

    Полный список ссылок на внешние библиотеки, загруженные на наши серверы.

    CreateJS
    Base URL: https://st.hybrid.ai/libs/
    CreateJS bundle (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/createjs.min.js
    CreateJS (legacy)
    https://st.hybrid.ai/libs/createjs-2015.05.21.min.js
    https://st.hybrid.ai/libs/createjs-2015.11.26.min.js
    EaselJS (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/easeljs.min.js
    TweenJS (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/tweenjs.min.js
    SoundJS (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/soundjs.min.js
    PreloadJS (1.0.0)
    https://st.hybrid.ai/libs/1.0.0/preloadjs.min.js
    GSAP
    Base URL: https://st.hybrid.ai/libs/js/gsap/{version}/
    3.0.0
    https://st.hybrid.ai/libs/js/gsap/3.0.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.0.0/EasePack.min.js
    3.0.1
    https://st.hybrid.ai/libs/js/gsap/3.0.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.0.1/EasePack.min.js
    3.0.2
    https://st.hybrid.ai/libs/js/gsap/3.0.2/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.0.2/EasePack.min.js
    3.0.3
    https://st.hybrid.ai/libs/js/gsap/3.0.3/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.0.3/EasePack.min.js
    3.0.4
    https://st.hybrid.ai/libs/js/gsap/3.0.4/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.0.4/EasePack.min.js
    3.0.5
    https://st.hybrid.ai/libs/js/gsap/3.0.5/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.0.5/EasePack.min.js
    3.1.0
    https://st.hybrid.ai/libs/js/gsap/3.1.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.1.0/EasePack.min.js
    3.1.1
    https://st.hybrid.ai/libs/js/gsap/3.1.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.1.1/EasePack.min.js
    3.2.0
    https://st.hybrid.ai/libs/js/gsap/3.2.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.2.0/EasePack.min.js
    3.2.1
    https://st.hybrid.ai/libs/js/gsap/3.2.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.2.1/EasePack.min.js
    3.2.2
    https://st.hybrid.ai/libs/js/gsap/3.2.2/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.2.2/EasePack.min.js
    3.2.3
    https://st.hybrid.ai/libs/js/gsap/3.2.3/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.2.3/EasePack.min.js
    3.2.4
    https://st.hybrid.ai/libs/js/gsap/3.2.4/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.2.4/EasePack.min.js
    3.2.5
    https://st.hybrid.ai/libs/js/gsap/3.2.5/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.2.5/EasePack.min.js
    3.2.6
    https://st.hybrid.ai/libs/js/gsap/3.2.6/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.2.6/EasePack.min.js
    3.3.0
    https://st.hybrid.ai/libs/js/gsap/3.3.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.3.0/EasePack.min.js
    3.3.1
    https://st.hybrid.ai/libs/js/gsap/3.3.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.3.1/EasePack.min.js
    3.3.2
    https://st.hybrid.ai/libs/js/gsap/3.3.2/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.3.2/EasePack.min.js
    3.3.3
    https://st.hybrid.ai/libs/js/gsap/3.3.3/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.3.3/EasePack.min.js
    3.3.4
    https://st.hybrid.ai/libs/js/gsap/3.3.4/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.3.4/EasePack.min.js
    3.4.0
    https://st.hybrid.ai/libs/js/gsap/3.4.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.4.0/EasePack.min.js
    3.4.1
    https://st.hybrid.ai/libs/js/gsap/3.4.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.4.1/EasePack.min.js
    3.4.2
    https://st.hybrid.ai/libs/js/gsap/3.4.2/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.4.2/EasePack.min.js
    3.5.0
    https://st.hybrid.ai/libs/js/gsap/3.5.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.5.0/EasePack.min.js
    3.5.1
    https://st.hybrid.ai/libs/js/gsap/3.5.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.5.1/EasePack.min.js
    3.6.0
    https://st.hybrid.ai/libs/js/gsap/3.6.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.6.0/EasePack.min.js
    3.6.1
    https://st.hybrid.ai/libs/js/gsap/3.6.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.6.1/EasePack.min.js
    3.7.0
    https://st.hybrid.ai/libs/js/gsap/3.7.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.7.0/EasePack.min.js
    3.7.1
    https://st.hybrid.ai/libs/js/gsap/3.7.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.7.1/EasePack.min.js
    3.8.0
    https://st.hybrid.ai/libs/js/gsap/3.8.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.8.0/EasePack.min.js
    3.9.0
    https://st.hybrid.ai/libs/js/gsap/3.9.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.9.0/EasePack.min.js
    3.9.1
    https://st.hybrid.ai/libs/js/gsap/3.9.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.9.1/EasePack.min.js
    3.10.0
    https://st.hybrid.ai/libs/js/gsap/3.10.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.10.0/EasePack.min.js
    3.10.1
    https://st.hybrid.ai/libs/js/gsap/3.10.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.10.1/EasePack.min.js
    3.10.2
    https://st.hybrid.ai/libs/js/gsap/3.10.2/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.10.2/EasePack.min.js
    3.10.3
    https://st.hybrid.ai/libs/js/gsap/3.10.3/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.10.3/EasePack.min.js
    3.10.4
    https://st.hybrid.ai/libs/js/gsap/3.10.4/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.10.4/EasePack.min.js
    3.11.0
    https://st.hybrid.ai/libs/js/gsap/3.11.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.11.0/EasePack.min.js
    3.11.1
    https://st.hybrid.ai/libs/js/gsap/3.11.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.11.1/EasePack.min.js
    3.11.2
    https://st.hybrid.ai/libs/js/gsap/3.11.2/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.11.2/EasePack.min.js
    3.11.3
    https://st.hybrid.ai/libs/js/gsap/3.11.3/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.11.3/EasePack.min.js
    3.11.4
    https://st.hybrid.ai/libs/js/gsap/3.11.4/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.11.4/EasePack.min.js
    3.11.5
    https://st.hybrid.ai/libs/js/gsap/3.11.5/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.11.5/EasePack.min.js
    3.12.0
    https://st.hybrid.ai/libs/js/gsap/3.12.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.12.0/EasePack.min.js
    3.12.1
    https://st.hybrid.ai/libs/js/gsap/3.12.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.12.1/EasePack.min.js
    3.12.2
    https://st.hybrid.ai/libs/js/gsap/3.12.2/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.12.2/EasePack.min.js
    3.12.3
    https://st.hybrid.ai/libs/js/gsap/3.12.3/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.12.3/EasePack.min.js
    3.12.4
    https://st.hybrid.ai/libs/js/gsap/3.12.4/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.12.4/EasePack.min.js
    3.12.5
    https://st.hybrid.ai/libs/js/gsap/3.12.5/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.12.5/EasePack.min.js
    3.12.6
    https://st.hybrid.ai/libs/js/gsap/3.12.6/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.12.6/EasePack.min.js
    3.12.7
    https://st.hybrid.ai/libs/js/gsap/3.12.7/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.12.7/EasePack.min.js
    3.13.0
    https://st.hybrid.ai/libs/js/gsap/3.13.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.13.0/EasePack.min.js
    3.14.0
    https://st.hybrid.ai/libs/js/gsap/3.14.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.14.0/EasePack.min.js
    3.14.1
    https://st.hybrid.ai/libs/js/gsap/3.14.1/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.14.1/EasePack.min.js
    3.14.2
    https://st.hybrid.ai/libs/js/gsap/3.14.2/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.14.2/EasePack.min.js
    3.15.0
    https://st.hybrid.ai/libs/js/gsap/3.15.0/gsap.min.js
    https://st.hybrid.ai/libs/js/gsap/3.15.0/EasePack.min.js

  7. Заглушки к баннерам: наличие заглушек в формате .gif до 150 кб.
  8. Прочие требования: наличие контурной рамки: 1px и #B3B3B3 (цвет может отличаться). Текстовые файлы должны иметь кодировку UTF-8. В названиях файлов допустима только латиница, запрещается использовать спецсимволы, пробелы.
  9. Маркировка баннеров: Вам необходимо самостоятельно добавить в дизайн баннеров подпись в нижней части баннера - ООО “Название”.
    Остальные обязательные атрибуты («Реклама», ИНН, сайт) добавляются автоматически на стороне Hybrid.
    Размеры автоматических блоков с маркировкой:
    В левом верхнем углу - «Реклама». Размер блока: 54 x 14px.
    В правом верхнем углу - “Знак информации («i»)”. При нажатии раскрывает информацию с обязательными атрибутами. Размер блока: 14x14px.

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

Статичные баннеры (не HTML)

  1. Desktop
    1. Основные: 300x250, 728x90, 240x400, 160x600, 300x600
    2. Дополнительные: 320x100, 336x280, 300x300, 970x250, 320x480, 970x90, 320x50, 300x100, 300x50, 480x320
  2. Mobile: 300x250, 728x90, 320x50, 300x50, 468x60, 320x480, 480x320, 768x1024, 1024x768, 240x400, 320x100, 300x100
  3. Тип файла: .gif, .png, .jpg, .jpeg
  4. Максимальный размер каждого файла: не более 150 Кб. Для размеров 1024x768, 768x1024 — не более 4 Мб.

Маркировка баннеров

  • Баннеры маркируются на стороне Hybrid автоматически.
  • В левом верхнем углу слово «Реклама». Высота 14px, ширина 54px.
  • В правом верхнем углу знак «i», который раскрывается при нажатии и появляется информация о домене. Размер кнопки 14x14px.

Примечание

В ситуации, когда HTML-баннеры отсутствуют, еще не готовы и т.д., вы можете использовать имеющиеся у вас статичные баннеры для Desktop/Web-размещения.

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

Mobile/In-app

  1. Поддерживаемые форматы для мобильных приложений:
     300x250, 728x90, 320x50, 300x50, 468x60, 320x480, 480x320, 768x1024, 1024x768, 240x400, 320x100, 300x100
  2. Тип файла: .gif, .png, .jpg, .jpeg
  3. Максимальный размер каждого файла: не более 150 Кб. Для размеров 1024x768, 768x1024 — не более 4 Мб.

Маркировка баннеров

  • Баннеры маркируются на стороне Hybrid автоматически.
  • В левом верхнем углу слово «Реклама». Высота 14px, ширина 54px.
  • В правом верхнем углу знак «i», который раскрывается при нажатии и появляется информация о домене. Размер кнопки 14x14px.

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

Нативный web-трафик

  1. Картинка-логотип: 256x256.
  2. Заголовок: не более 25 символов с учётом пробелов.
  3. Текст объявления: не более 70 символов с учётом пробелов.
  4. Доменное имя: определяется автоматически из указанного URL.
  5. Основное изображение: минимальное разрешение — 1200х628, 1280х720, 800*600, 1200*800. Максимальный размер каждого файла — не более 150 Кб.
  6. Форматы: .jpeg, .jpg, .png, .gif.
  7. Квадратное изображение: минимальное разрешение — 600x600. Максимальный размер каждого файла — не более 150 Кб. Форматы: .jpeg, .jpg, .png, .gif.

Изображения в нативном объявлении должны:

  • быть качественными, не должны содержать искажений, вызванных сжатием. Текст должен занимать не более 20% изображения и должен быть хорошо читаемым;
  • соответствовать заголовку/тексту объявления, контенту страницы сайта, на которой производится показ рекламного объявления.

Изображения не должны содержать:

  • собственный текст рекламного предложения, кроме слоганов и других подобных фраз;
  • текста, содержащего орфографические, пунктуационные и другие ошибки;
  • контактных данных (номеров телефонов, адресов электронной почты, почтовых адресов и номеров других служб мгновенного обмена сообщениями).

В тексте объявления допускается:

  • восклицательный и вопросительный знаки могут использоваться один раз: в заголовке или в тексте (то есть каждый знак можно использовать только один раз в объявлении).
  • Специальные знаки: знаки пунктуации (. , ! ? : - —) и некоторые знаки типографики (& %).

В тексте объявления не допускается:

  • использование разрядки (написание слов с пробелами между б у к в а м и) и набранного заглавными буквами текста, за исключением инициальных аббревиатур («СССР», «ГОСТ» и т.п.);
  • указание контактных данных (номеров телефонов, адресов электронной почты, почтовых адресов и номеров других служб мгновенного обмена сообщениями);
  • использование HTML-кода;
  • повторение знаков пунктуации и разрешенных знаков типографики;
  • заголовок объявления не должен завершаться точкой;
  • в тексте объявления не должно содержаться жаргонизмов, сленга, выражений оскорбительного характера, нецензурного содержания, нарушающих законодательство РФ, или предназначенных «только для взрослых».

URL в объявлении

  • URL должен соответствовать теме объявления и стабильно работать.
  • Использование IP-адреса вместо названия домена не допускается.

Рекомендации

  • Рекомендуется добавлять ВСЕ размеры, чтобы в разных SSP картинка не обрезалась.
  • Текст объявления должен соответствовать тематике рекламируемого сайта и описывать суть рекламного предложения.

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

Видеореклама. Видеобаннеры

  • Формат: MP4
  • Максимальный размер: 20 Мб
  • Рекомендованный размер: не более 10 Мб
  • Длительность: от 5 до 30 сек
  • Соотношение сторон: 16:9; 1:1; 9:16
  • Разрешение видеоролика (основные): 1920x1080, 1080х1920
  • Разрешение видеоролика (дополнительные): 1280x720, 720x1280, 640x360, 360x640, 480x320, 768x1024, 320x480
  • Частота кадров: не более 25 кадров/сек
  • Видеокодеки: H.264
  • Минимальный видео битрейт: 100 кбит/сек
  • Рекомендованный видео битрейт: 400 кбит/сек и выше
  • Аудиокодеки: AAC
  • Минимальный аудио битрейт: 32 кбит/сек
  • Рекомендованный аудио битрейт: 80 кбит/сек и выше
  • Громкость программы (Programme Loudness): -23 LUFS
  • Максимально допустимый уровень истинных пиков (Maximum Permitted True Peak): -3 dBTP
  • Максимальное значение Мгновенной громкости (Max Momentary Loudness): -15 LUFS
  • Максимальное значение Кратковременной громкости (Max Short-term Loudness): -20 LUFS

Примечания

  1. Достоверность: видео не должно вводить пользователя в заблуждение, т.е. в нем не должно быть кнопок, дублирующих сервисы и прочих элементов.
  2. Преролл: не должен содержать видимых артефактов, искажения пропорций и других ошибок. Видео низкого качества обработки и с высокой степенью сжатия к размещению не принимаются (платформа оставляет за собой право субъективной оценки рекламных материалов).
  3. Размещение информации: рекомендуется не показывать важную информацию в нижних 10% ролика, т.к. там будут находиться элементы управления плеером.
  4. Формат ссылки — внешний десктопный/мобильный сайт, или мобильное приложение.
  5. Мы оставляем за собой право не принимать к размещению рекламные материалы, исполнение которых не соответствует внутренней политике компании.

Маркировка в виде

  • Видео маркируется на стороне клиента.
  • В видеоролик необходимо добавить текст-набивку: «Реклама. Наименование рекламодателя. ИНН. Сайт рекламодателя». Набивка должна быть читаемой и видимой на фоне, а также совпадать с длительностью всего видеоролика.

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

Rich Media Banner

  1. Поддерживаемые форматы баннеров HTML5: 320x480, 480x320 с возможностью адаптации под разные экраны. Баннеры разрабатываются на стороне Hybrid.
  2. Размер одного баннера: не более 4 Мб. Для web: не более 150 Кб.
  3. Тип файла: .zip Архив должен содержать главный html-файл, а также файлы других форматов (.css, .js, .html, .gif, .png, .jpg, .jpeg, .svg).
  4. Адаптивность баннера: баннер должен подстраиваться под разные экраны и размеры.
  5. В баннере должны быть кликовые области, т.е. события, отрабатывающих переходы при клике на баннер. Пример: window.open()
  6. Прочие требования: текстовые файлы должны иметь кодировку UTF-8. В названиях файлов допустима только латиница, запрещается использовать спецсимволы, пробелы.

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

Подготовка Rich Media для размещения в мобильных приложениях

  1. Подключение MRAID

    Для того, чтобы баннер корректно отображался в мобильных приложениях, нужно добавить 

     <script src="mraid.js"></script>
    в верхнюю часть кода внутрь элемента 
    <head>…</head>
    . Код будет выглядеть следующим образом:

    
<head>
  <meta charset="UTF-8" />
  <script src="mraid.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Banner for an application</title>
</head>
  2. Добавление кликовых зон с переходом по ссылке
    1. Если необходимо, чтобы при клике по любому месту в баннере совершался переход по нужной ссылке, в конец кода перед закрывающимся тэгом 
      </body>
      нам нужно добавить скрипт: 
      
<script>
  document.addEventListener("click", function() {
    mraid.open("%%CLICK_URL_UNESC%%https://www.google.com")
  });
</script>
</body>
</html>

      *Вместо https://www.google.com вставляем нужную ссылку.
    2. Если необходимо, чтобы переход по ссылке совершался после клика на определенный элемент баннера, в конец кода перед закрывающимся тэгом 
      </body>
      нам нужно добавить скрипт. При этом важно поменять «final-slide» ID из примера ниже, на ID элемента, который мы хотим сделать кликабельным: 
      
<script>
  document.getElementById("final-slide").addEventListener("click", function() {
    mraid.open("%%CLICK_URL_UNESC%%https://www.google.com");
  });
</script>
</body>
</html>

      *Вместо https://www.google.com вставляем нужную ссылку.

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

Interstitial (Full-Screen Banner)

  1. Поддерживаемые форматы баннеров HTML-5: 320x480, 480x320 с возможностью адаптации под разные экраны.
  2. Размер одного баннера: не более 4 Мб. Для web: не более 150 Кб.
  3. Тип файла: в формате 3rd Party Tag или .zip. Архив должен содержать главный html-файл, а также файлы других форматов (.css, .js, .html, .gif, .png, .jpg, .jpeg, .svg).
  4. Адаптивность баннера: баннер должен подстраиваться под разные экраны и размеры.
  5. В баннере должны быть кликовые области, т.е. события, отрабатывающих переходы при клике на баннер. Пример: window.open()
  6. Прочие требования: текстовые файлы должны иметь кодировку UTF-8. В названиях файлов допустима только латиница, запрещается использовать спецсимволы, пробелы.
FullScreen-баннеры рекомендуем создавать в программе Tumult Hype.

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

Подготовка Full-Screen-баннеров для размещения в мобильных приложениях

  1. Подключение MRAID

    Для того, чтобы баннер корректно отображался в мобильных приложениях, нужно добавить 

     <script src="mraid.js"></script>
    в верхнюю часть кода внутрь элемента 
    <head>…</head>
    . Код будет выглядеть следующим образом:

    
<head>
  <meta charset="UTF-8" />
  <script src="mraid.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Banner for an application</title>
</head>
  2. Добавление кликовых зон с переходом по ссылке
    1. Если необходимо, чтобы при клике по любому месту в баннере совершался переход по нужной ссылке, в конец кода перед закрывающимся тэгом 
      </body>
      нам нужно добавить скрипт: 
      
<script>
  document.addEventListener("click", function() {
    mraid.open("%%CLICK_URL_UNESC%%https://www.google.com")
  });
</script>
</body>
</html>

      *Вместо https://www.google.com вставляем нужную ссылку.
    2. Если необходимо, чтобы переход по ссылке совершался после клика на определенный элемент баннера, в конец кода перед закрывающимся тэгом 
      </body>
      нам нужно добавить скрипт. При этом важно поменять «final-slide» ID из примера, что ниже, на ID элемента, который мы хотим сделать кликабельным: 
      
<script>
  document.getElementById("final-slide").addEventListener("click", function() {
    mraid.open("%%CLICK_URL_UNESC%%https://www.google.com");
  });
</script>
</body>
</html>

      *Вместо https://www.google.com вставляем нужную ссылку.

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

Brand Lift-баннеры

Создание Brand Lift-баннеров осуществляется на стороне Hybrid.

Вопросы и ответы

  1. Вопросы: текст вопроса должен быть простым и понятным.
  2. Ответы: рекомендуемое количество от 2-х до 4-х, но возможно добавление до 6 вариантов.

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

  1. Поддерживаемые форматы баннеров HTML-5: для приложений 320x480 с возможностью адаптации под разные экраны. Для web 300x600, 240x400.
  2. Размер одного баннера: не более 4 Мб. Для web: не более 150 Кб.
  3. Тип файла: .zip Архив должен содержать главный html-файл, а также файлы других форматов (.css, .js, .html, .gif, .png, .jpg, .jpeg, .svg).
  4. Адаптивность баннера: баннер должен подстраиваться под разные экраны и размеры.
  5. В баннере должны быть кликовые области, т.е. события, отрабатывающих переходы при клике на баннер. Пример: window.open()
  6. Прочие требования: текстовые файлы должны иметь кодировку UTF-8. В названиях файлов допустима только латиница, запрещается использовать спецсимволы, пробелы.
Настоящим, продолжая работу на Сайте, я даю свое согласие ООО "ГИБРИД" ИНН: 6829098278 Адрес: 392036, Тамбовская обл, Тамбов г, Коммунальная ул, дом № 18, этаж 3 на автоматизированную обработку файлов cookie согласно Политике компании, то есть сведений о действиях, которые я совершаю на портале, сведения об используемых устройствах, дата и время сессии и т.д.), в т.ч. с использованием метрической программы Яндекс.Метрика и других систем статистики, путем совершения следующих действий: сбор, запись, систематизация, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, блокирование, удаление, уничтожение.
В случае отказа от обработки данных я проинформирован о необходимости прекратить использование Сайта или отключть файлы cookie в настройках браузера.