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

Медийная реклама
Витрины
Rich media
Дополнительные возможности
Мобильные версии сайтов
Мобильные приложения
Общие положения

Стандартные форматы Лето

Обязательно! Перед тем как отправить баннер на модерацию, проверьте его через Инструмент для просмотра креативов

 
Требования к HTML креативу

HTML5-баннер должен быть предоставлен в виде ZIP-архива с содержимым баннера.

  • Архив должен содержать файл index.html - непосредственно файл баннера. Размер этого файла должен быть не больше 64КБ. Кодировка UTF-8.
  • Для имён остальных файлов и директорий можно использовать следующий набор символов: -._, цифры и латинский алфавит.
  • Длина имён файлов, включая путь от корня распакованного архива, не должна превышать 256 символов.

Пример содержимого архива:



HTML-код баннера должен находиться в файле index.html. К его содержимому предъявляются следующие требования:

  • Все ссылки в баннере должны быть относительными путями в ZIP-архиве. При отработке баннера не должно быть внешних сетевых обращений. При необходимости все вспомогательные JS-библиотеки должны предоставляться вместе с баннером.
  • При использовании нескольких ссылок перехода на сайт рекламодателя (например, для разных областей баннера) в самом баннере (файле index.html) вместо ссылок перехода необходимо указывать макрос %clickurl_N%, где N - номер ссылки. Сами ссылки указываются отдельно от баннера.
  • Вместо перечисления макросов всех ссылок можно использовать макрос %clickurls%, который заменится на перечисление через запятую всех клик-ссылок, заключённых в кавычки так, чтобы это перечисление можно было использовать в качестве массива JavaScript.
  • При показе на площадке баннер будет загружен в iframe с домена, отличающегося от домена площадки, поэтому доступ к внешним объектам ифрейма запрещён.
  • Запрещено использование устаревших, нестандартных и экспериментальных методов JavaScript API.
  • Баннер должен корректно работать на устройствах с различными значениями devicePixelRatio.
  • Для обеспечения кроссбраузерности к коду баннера применяется аналог normalize.css, поэтому наличие тега style не гарантирует соответствующих изменений в отображении баннера.
  • Для ссылки на рекламируемый ресурс необходимо прописывать атрибут target со значением _blank, чтобы сайт рекламодателя открывался в новом окне.

Пример простого файла index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Banner</title>
</head>
<body>
    <a href="%clickurl_1%" target="_blank">
        <img src="images/banner.png" alt="Баннер" width="240" height="400">
    </a>
</body>
</html>

 

Пример файла index.html для баннера растягиваемого по горизонтали с разными ссылками для текста и картинки:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Banner</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <a href="%clickurl_1%" target="_blank">
        <img src="images/banner.png" alt="Баннер" width="200" height="200">
    </a>
	<div align="right">
		<a href="%clickurl_2%">Текст баннера</a>
	</div>
</body>
</html>

Пример использования макроса %clickurls%:

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Banner</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script>
    var clickurls = [%clickurls%];
    function click(n){
        n = (n || 1) - 1;
        window.open(clickurls[n], "_blank");
    }
    </script>
</head>
<body>
    <img src="images/banner.png" alt="Баннер" width="200" height="200" onclick="click(1)">
    <div align="right">
        <span onclick="click(2)">Текст баннера</span>
    </div>
</body>
</html>
 

Баннеры всех форматов должны сопровождаться точной ссылкой на ресурс, указанной (присланной) отдельно. Сам баннер не должен содержать прямой ссылки на ресурс.

  1. Ссылка (URL) на рекламируемый ресурс:
  2. Ссылка (URL) внешнего счётчика показов (опционально).
    • Максимальная длина ссылки - 1024 знаков.
    • Счётчик должен поддерживать работу по HTTPS. Ссылку необходимо указывать:
      • без указания протокола, например: //example.com/, - если счётчик поддерживает оба протокола HTTP и HTTPS.
      • с указанием протокола HTTPS, например: https://example.com/, - если счётчик поддерживает только HTTPS.
  3. В ссылках для клика и внешнего счётчика можно использовать макрос %random%, чтобы избежать использования кэша браузера для этих ссылок. Вместо макроса в ссылку будет вставлено большое целое число. Например, из https://example.com/?rnd=%random%/ получится https://example.com/?rnd=1431655765/

Необходимо обеспечить корректную работу креативов в браузерах Internet Explorer 9 и выше, Firefox 14 и выше, Safari 6 и выше, Chrome 14 и выше, Opera 12 и выше, Яндекс.Браузер 14 и выше, Microsoft Edge 13 и выше.

Инструкции по подготовке креативов в популярных HTML5 редакторах можно найти по ссылке.

Общие положения

Данные требования дополняют условия размещений

Настоящий документ не регламентирует ценовую политику компании  и морально-этические требования к креативам рекламных материалов.

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