Требования к HTML5-креативам
Креатив должен передаваться в виде ZIP-архива, содержащим: HTML-файл (обязательно), css-стили, js-скрипты (опционально).
Максимальный вес HTML-файла – 64кб, т.е. код внутри не должно превышать кол-во в 65 000 знаков.
Разрешенные типы файлов в проекте: CSS, JS, HTML, GIF, PNG, JPG, JPEG, SVG, JSON, FLV, MP4, OGV, OGG, WEBM, AVI, SWF.
Названия файлов должны содержать только цифры или буквы английского алфавита, символ подчеркивания. Не допускается использование в названии файла русских букв, пробелов, кавычек и специальных символов. В названиях переменных и объектов нельзя использовать русские буквы. Исключение составляет только текст на баннере.
В HTML5 креативе необходимо вместо ссылки на сайт рекламодателя прописать макрос %banner.reference_mrc_user1%. Все ссылки должны указывать на домены сайтов – запрещается указывать ссылки на IP адреса. При клике на креатив, рекламируемая страница должна открываться в новой вкладке браузера. Ссылка для перехода с баннера присылается отдельно. Баннеры с вшитой ссылкой к размещению не принимаются.
Пример HTML-кода для подсчета переходов по баннеру:
Максимальный вес HTML-файла – 64кб, т.е. код внутри не должно превышать кол-во в 65 000 знаков.
Разрешенные типы файлов в проекте: CSS, JS, HTML, GIF, PNG, JPG, JPEG, SVG, JSON, FLV, MP4, OGV, OGG, WEBM, AVI, SWF.
Названия файлов должны содержать только цифры или буквы английского алфавита, символ подчеркивания. Не допускается использование в названии файла русских букв, пробелов, кавычек и специальных символов. В названиях переменных и объектов нельзя использовать русские буквы. Исключение составляет только текст на баннере.
В HTML5 креативе необходимо вместо ссылки на сайт рекламодателя прописать макрос %banner.reference_mrc_user1%. Все ссылки должны указывать на домены сайтов – запрещается указывать ссылки на IP адреса. При клике на креатив, рекламируемая страница должна открываться в новой вкладке браузера. Ссылка для перехода с баннера присылается отдельно. Баннеры с вшитой ссылкой к размещению не принимаются.
Пример HTML-кода для подсчета переходов по баннеру:
<a href="%banner.reference_mrc_user1%" target="_blank">Сайт рекламодателя</a>
Все кликабельные элементы должны при наведении менять курсор со стрелки на руку-курсор (cursor: pointer; ).
Креатив обязательно должен поддерживать SSL. Все ресурсы и объекты должны размещаться в безопасных источниках. Их URL всегда начинаться с обозначения протокола SSL: https://. Адреса всех изображений, таблиц стилей, файлов JavaScript и пикселей отслеживания должны начинаться с обозначения протокола SSL.
Фон баннера не должен быть прозрачным, а его содержимое должно занимать всю отведенную площадь. Обязательно наличие однопиксельной рамки у баннеров с белым фоном (рамка).
Рекламный баннер не должен быть приведен к виду, затрудняющему анализ (обфусцирован).
Предполагается, что баннер должен вести себя одинаково, единообразно, во всех окружениях, платформах, на все открытия всем пользователям, за все время кампании.
HTML5 должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+; Для не поддерживаемых браузеров необходимо обеспечить показ упрощенной версии баннера или gif-заглушки. Все исключения необходимо описать в расширенных комментариях.
Анимация баннера не должна мешать пользователю и затруднять восприятие основного содержания страницы сайта (в дизайне запрещено использовать резко перемещающиеся и мелькающие графические элементы, мигающий фон и т. д.). Продолжительность анимации не должна превышать 30 секунд.
Креатив обязательно должен поддерживать SSL. Все ресурсы и объекты должны размещаться в безопасных источниках. Их URL всегда начинаться с обозначения протокола SSL: https://. Адреса всех изображений, таблиц стилей, файлов JavaScript и пикселей отслеживания должны начинаться с обозначения протокола SSL.
Фон баннера не должен быть прозрачным, а его содержимое должно занимать всю отведенную площадь. Обязательно наличие однопиксельной рамки у баннеров с белым фоном (рамка).
Рекламный баннер не должен быть приведен к виду, затрудняющему анализ (обфусцирован).
Предполагается, что баннер должен вести себя одинаково, единообразно, во всех окружениях, платформах, на все открытия всем пользователям, за все время кампании.
HTML5 должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+; Для не поддерживаемых браузеров необходимо обеспечить показ упрощенной версии баннера или gif-заглушки. Все исключения необходимо описать в расширенных комментариях.
Анимация баннера не должна мешать пользователю и затруднять восприятие основного содержания страницы сайта (в дизайне запрещено использовать резко перемещающиеся и мелькающие графические элементы, мигающий фон и т. д.). Продолжительность анимации не должна превышать 30 секунд.
Инструкция по разработке креативов в редакторах
