Самые популярные размеры баннеров
| 300×250 | 728×90 | 970×90 |
| 240×400 | 300×50 | 320×480 |
| 300×600 | 336×280 |
ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ К БАННЕРАМ
GIF / JPEG / PNG (image)
1. Размер изображения не должен превышать 150 Кб (153 600 байт)
2. Анимированные GIF-объявления должны воспроизводиться со скоростью не более 5 кадров в секунду
3. Продолжительность анимации независимо от количества циклов не должна превышать 30 секунд
HTML5 (animation, rich media)
Креативы должны быть изготовлены с помощью Adobe Animate. Подробнее для адаптации креативов ниже.
Adobe Animate
1. Продолжительность анимации независимо от количества циклов не должна превышать 30 секунд;
2. Анимация баннера не должна мешать пользователю и затруднять восприятие основного содержания страницы сайта (в дизайне запрещено использовать резко перемещающиеся и мелькающие графические элементы, мигающий фон и т. д.).
3. При подготовке баннера не допускается использование графических элементов низкого качества, в том числе:
· деформированных изображений и изображений с помехами (артефактами) вследствие сжатия файла;
· изображений с низким разрешением (на изображении видны пиксели), изображения с низкой четкостью графики
4. Рекламный баннер должен иметь видимые границы (обведен в рамку, не совпадающую с цветом фона баннера), фон баннера не должен быть прозрачным. Для баннера на мобильной версии ширина рамки не должна превышать 1 пиксель. Цвет рамки должен быть применен с непрозрачностью не менее 50%.
5. Обращения к внешним ресурсам запрещены. Библиотека CreateJS (а также другие библиотеки, необходимые для корректной работы креатива) должны располагаться либо локально вместе с архивом, либо располагаться на серверах Google. Например, библиотека CreateJS расположенная на стороннем сервере:
https://code.createjs.com/createjs-2015.11.26.min.js
6. Библиотека CreateJS расположенная внутри архива креатива должна иметь корректное название.
Пример:
<script src="300x250.js?1531188601069"></script>
<script src="300x250.js"></script>7. Для символов, которых нет в таблице ASCII, необходимо использовать кодировку UTF-8, добавив следующий код внутри тега <head>
<meta charset="UTF-8">8. Креатив должен содержать тег ad.size с указанием размера креатива, внутри тега <head> Пример для баннера размером 240х400:
<meta name="ad.size" content="width=240,height=400">9. HTML креатив должен быть запакован в ZIP архив;
10. ZIP архив может содержать HTML, HTM, JS, CSS, JPG, JPEG, GIF, PNG, JSON, XML, и SVG файлы
11. ZIP архив должен содержать только файлы, нужные для работы конкретного креатива
12. Максимальный размер архива – 150 Кб (153 600 байт)
13. После экспорта баннера из Adobe Animate необходимо добавить в HTML-файл строки, отвечающие за создание кликабельной области и идентификатора перехода. Также, при необходимости, в этот момент можно заменить ссылку на библиотеку CreateJS (см. п.5).
Внутри тега <head> добавить следующий скрипт:
<script type="text/javascript">var clickTag = "";</script>Внутрь тега <body> необходимо добавить следующее (пример для баннера 240×400):
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="240" height="400" style="overflow:hidden; position:absolute; cursor:pointer"></canvas></a>Таким образом, чтобы получился такой код (в зависимости от изначального содержания):
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="240" height="400" style="overflow:hidden; position:absolute; cursor:pointer"></canvas></a>
<canvas id="canvas" width="240" height="400" style="background-color:#FFFFFF"></canvas>Или такой:
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:240px; height:400px">
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="240" height="400" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:240px; height:400px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
<canvas id="canvas" width="240" height="400" style="overflow:hidden; position:absolute; cursor:pointer"></canvas>
</a>
</div>14. Каждый размер креатива должен сопровождаться исходниками и заглушкой (GIF, PNG, JPG)
15. Первичную проверку креатива вы можете сделать самостоятельно в валидаторе Google:
ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ К ВИДЕО
Тех. требования к видеофайлам mp4 :
1. Хронометраж ролика до 30 секунд. В случае превышение хронометража видео может быть заблокировано на площадках, и в таком случае мы не несем ответственности за качество выполнения расписания по рекламной кампании.
4. Формат mp4, кодек AAC
5. Пропорции желательно 16:9
6. Вес видеоролика – до 10 МБ Desktop и до 5 МБ для Mobile
ВАЖНО: креативы весом более 4 МБ могут не отображаться во всех браузерах, работающих на движке chromium (Chrome, Yandex browser, Opera и др.)
Тех. требования к обернутым VAST/VPAID видео:
1. Видеофайл, оборачиваемый в VAST/VPAID файл необходимо сделать разумного веса, желательно не более 10 МБ для десктоп размещения, и не более 5 МБ для мобильного/кросс-платформенного размещения
2. Креатив должен быть https://
3. Креатив должен корректно проигрываться в VAST Inspector
4. VAST креативы должны быть доступны для просмотра с IP адреса любой страны, иначе могут возникнуть проблемы с модерацией
5. В случае, если длина видеофайла более 15 секунд, требуется кнопка пропуска
ВАЖНО: креативы весом более 4 МБ могут не отображаться во всех браузерах, работающих на движке chromium (Chrome, Yandex browser, Opera и др.)