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

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.

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

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

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

Примечание

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

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

• Hybrid | Бриф для создания баннеров
• Hybrid | Бриф для создания Rich Media баннеров

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

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

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

7. Заглушки к баннерам: наличие заглушек в формате .gif до 150 кб.
8. Прочие требования: наличие контурной рамки: 1px и #B3B3B3 (цвет может отличаться). Текстовые файлы должны иметь кодировку UTF-8. В названиях файлов допустима только латиница, запрещается использовать спецсимволы, пробелы.

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-размещения.

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.

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. Мы оставляем за собой право не принимать к размещению рекламные материалы, исполнение которых не соответствует внутренней политике компании.

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

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

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. В названиях файлов допустима только латиница, запрещается использовать спецсимволы, пробелы.

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 вставляем нужную ссылку.

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.

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-баннеров осуществляется на стороне 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. В названиях файлов допустима только латиница, запрещается использовать спецсимволы, пробелы.