Баннер (тип: HTML5, цель: Трафик)
Тип устройства: десктопный формат
Платформа: соцсети «Одноклассники», площадки проекта VK и рекламная сеть myTarget
Формат размещения: колонка
Объявление, которое включает анимационный элемент. Формат размещается в социальных сетях и на площадках проекта VK.
В данный момент возможность создания формата доступна только юридическим лицам и медийным агентствам.
Платформа: соцсети «Одноклассники», площадки проекта VK и рекламная сеть myTarget
Формат размещения: колонка
Объявление, которое включает анимационный элемент. Формат размещается в социальных сетях и на площадках проекта VK.
В данный момент возможность создания формата доступна только юридическим лицам и медийным агентствам.
Создание объявления
- Введите целевую ссылку
- Выберите формат «Баннер 240х400 (HTML5) в социальных сетях и сервисах»
- Загрузите ZIP-архив, соответствующий требованиям (см. ниже)
- Добавьте нужное количество ссылок.
Важно, чтобы количество ссылок, зашитых в баннере, совпадало с количеством ссылок в форме создания объявления.
- Поле Ссылка 1 соответствует link1 в баннере.
- Поле Ссылка 2 соответствует link2 в баннере.
- Поле Ссылка 3 соответствует link3 в баннере.
- Поле Ссылка 4 соответствует link4 в баннере.
- Поле Ссылка 5 соответствует link5 в баннере.
Пример HTML5 баннера
Общие требования
- .zip архив должен содержать .html файл и все используемые ресурсы;
- Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg;
- Максимальный размер *.zip архива: 150 Kb;
- Имена файлов должны быть латиницей;
- Текстовые файлы должны иметь кодировку utf-8;
- Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL;
- Ссылки должны открываться в новом окне;
- Обязательно наличие тега <meta name="ad.size"> с указанием размера креатива;
- Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+;
- Для неподдерживаемых браузеров необходимо обеспечить показ упрощенной версии баннера или gif-заглушки;
- Запрещается обращение к внешним ресурсам;
- Содержимое баннера должно занимать всю отведенную площадь, без рамок по краям.
- Управление анимацией не должно существенно нагружать процессор пользовательского компьютера, баннер не должен использовать более 40% процессора в среднем и 60% в пике.
Требования к HTML5-баннерам 100%х200
- .zip архив должен содержать .html файл и все используемые ресурсы
- Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg
- Максимальный размер .zip архива: 150 Kb
- Имена файлов внутри архива должны быть латиницей
- Текстовые файлы должны иметь кодировку utf-8
- Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL
- Ссылки должны открываться в новом окне
- Обязательно наличие тега <meta name="ad.size" content="width=100%,height=200">
- Минимальная ширина отображения контента без искажения - 400px, т.е. баннер должен корректно тянуться от минимальный ширины 400 пикселей до 100% ширины экрана
- Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+
- Запрещается обращение к внешним ресурсам
- Дополнительно предоставляется заглушка:
- картинка в формате gif размером 400x200 px;
- фон (заполняет пустое пространство по бокам картинки, если ширина колонки размещения превышает 400px): HTML-код цвета или, в случае необходимости градиента, картинка в формате png размером 1x200px. Фон не должен быть прозрачным.
Требования к HTML5-баннерам "перетяжкам" 100%x250
- .zip архив должен содержать .html файл и все используемые ресурсы
- Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg
- Максимальный вес 200 Kb
- Имена файлов внутри архива должны быть латиницей
- Текстовые файлы должны иметь кодировку utf-8
- Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL
- Ссылки должны открываться в новом окне
- Обязательно наличие тега <meta name="ad.size" content="width=100%,height=250">
- Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+
- Для неподдерживаемых браузеров необходимо обеспечить показ gif-заглушки размером 940*250 px
- Запрещается обращение к внешним ресурсам
- Минимальная ширина отображения контента без искажения - 940px, т.е. баннер должен корректно тянуться от минимальный ширины 940 пикселей до 100% ширины экрана
Пример кода ссылки для баннера с одной ссылкой:
<a href="%link1%" target="_blank">link1</a>
Пример кода ссылки для баннера с несколькими ссылками (максимум 5):
<a href="%link1%" target="_blank">link1</a>
<a href="%link2%" target="_blank">link2</a>
<a href="%link3%" target="_blank">link3</a>
<a href="%link4%" target="_blank">link4</a>
<a href="%link5%" target="_blank">link5</a>
Пример meta-тега (для баннера 240х400):
<meta name="ad.size" content="width=240,height=400">
Требования к HTML5-баннерам 100%х90
- .zip архив должен содержать .html файл и все используемые ресурсы
- Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg
- Максимальный размер .zip архива: 150 Kb
- Имена файлов внутри архива должны быть латиницей
- Текстовые файлы должны иметь кодировку utf-8
- Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL
- Ссылки должны открываться в новом окне
- Обязательно наличие тега <meta name="ad.size" content="width=100%,height=90">
- Минимальная ширина отображения контента без искажения - 400px, т.е. баннер должен корректно тянуться от минимальный ширины 400 пикселей до 100% ширины экрана
- Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+
- Запрещается обращение к внешним ресурсам
Вам помогла эта статья?