Баннер (тип: HTML5, цель: Трафик)


Тип устройства: десктопный формат
Платформа: соцсети «Одноклассники», проекты Mail.Ru Group и рекламная сеть myTarget
Формат размещения: колонка

Объявление, которое включает анимационный элемент. Формат размещается в социальных сетях и на проектах Mail.Ru

В данный момент возможность создания формата доступна только юридическим лицам и медийным агентствам.

Создание объявления

  1. Введите целевую ссылку
  2. Выберите формат «Баннер 240х400 (HTML5) в социальных сетях и сервисах»
  3. Загрузите ZIP-архив, соответствующий требованиям (см. ниже)
  4. Добавьте нужное количество ссылок.

Важно, чтобы количество ссылок, зашитых в баннере, совпадало с количеством ссылок в форме создания объявления.
  • Поле Ссылка 1 соответствует link1 в баннере.
  • Поле Ссылка 2 соответствует link2 в баннере.
  • Поле Ссылка 3 соответствует link3 в баннере.
  • Поле Ссылка 4 соответствует link4 в баннере.
  • Поле Ссылка 5 соответствует link5 в баннере.

Пример HTML5 баннера

Общие требования

  1. .zip архив должен содержать .html файл и все используемые ресурсы;
  2. Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg;
  3. Максимальный размер *.zip архива: 150 Kb;
  4. Имена файлов должны быть латиницей;
  5. Текстовые файлы должны иметь кодировку utf-8;
  6. Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL;
  7. Ссылки должны открываться в новом окне;
  8. Обязательно наличие тега <meta name="ad.size"> с указанием размера креатива;
  9. Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+;
  10. Для неподдерживаемых браузеров необходимо обеспечить показ упрощенной версии баннера или gif-заглушки;
  11. Запрещается обращение к внешним ресурсам;
  12. Фон баннера не должен быть прозрачным, а его содержимое должно занимать всю отведенную площадь и иметь четкую границу (рамку).
  13. Управление анимацией не должно существенно нагружать процессор пользовательского компьютера, баннер не должен использовать более 40% процессора в среднем и 60% в пике.

Требования к HTML5-баннерам 100%х200

  1. .zip архив должен содержать .html файл и все используемые ресурсы
  2. Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg
  3. Максимальный размер .zip архива: 150 Kb
  4. Имена файлов внутри архива должны быть латиницей
  5. Текстовые файлы должны иметь кодировку utf-8
  6. Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL
  7. Ссылки должны открываться в новом окне
  8. Обязательно наличие тега <meta name="ad.size" content="width=100%,height=200">
  9. Минимальная ширина отображения контента без искажения - 400px, т.е. баннер должен корректно тянуться от минимальный ширины 400 пикселей до 100% ширины экрана
  10. Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+
  11. Запрещается обращение к внешним ресурсам
  12. Дополнительно предоставляется заглушка:
  • картинка в формате gif размером 400x200 px;
  • фон (заполняет пустое пространство по бокам картинки, если ширина колонки размещения превышает 400px): HTML-код цвета или, в случае необходимости градиента, картинка в формате png размером 1x200px. Фон не должен быть прозрачным.

Требования к HTML5-баннерам "перетяжкам" 100%x250

  1. .zip архив должен содержать .html файл и все используемые ресурсы
  2. Разрешено использование ресурсов следующих типов .png, .jpg, .jpeg, .gif, .css, .js, .svg
  3. Максимальный вес 150 Kb
  4. Имена файлов внутри архива должны быть латиницей
  5. Текстовые файлы должны иметь кодировку utf-8
  6. Обязательно наличие кликабельной области с макросом %link1% в качестве целевого URL
  7. Ссылки должны открываться в новом окне
  8. Обязательно наличие тега <meta name="ad.size" content="width=100%,height=250">
  9. Должен корректно работать в браузерах: IE 10+, Firefox 28+, Safari 6+, Chrome 18+, Edge, Opera 15+
  10. Для неподдерживаемых браузеров необходимо обеспечить показ gif-заглушки размером 940*250 px
  11. Запрещается обращение к внешним ресурсам
  12. Минимальная ширина отображения контента без искажения - 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">
Вам помогла эта статья?
Да
Нет