Рекомендации по использованию креативов HTML5 в Менеджере рекламы

Эта статья касается только Менеджера рекламы и не относится к другим продуктам Google. Ознакомьтесь с требованиями к креативам HTML5, создаваемыми с помощью Креативной студии и Google Web Designer.

В этой статье приведены рекомендации по тому, как создавать ZIP-архивы с файлами креативов HTML5 и загружать их в Google Менеджер рекламы.

При соблюдении этих рекомендаций ваши креативы будут совместимы с любым браузером, который поддерживает HTML5. Некоторые креативы могут работать некорректно, поэтому рекомендуем вам проверять код своих креативов HTML5.

Примеры файлов HTML5 можно найти в галерее Rich Media.

Содержание

Убедитесь, что файлы HTML5 из ZIP-архива поддерживают SSL

Для показа на сайтах с поддержкой HTTPS креативы HTML5 должны быть совместимы с SSL.

Проверьте структуру ZIP-файла

При подготовке креатива HTML5 к загрузке проверьте, что ZIP-файл соответствует следующим требованиям:

  • Правильная структура. Основной HTML-файл и все связанные объекты (изображения, скрипты, CSS) должны находиться в корневом каталоге ZIP-архива или в подпапках, на которые есть ссылки. Не вкладывайте основной HTML-файл в несколько подкаталогов.
  • Отсутствие повреждений. Убедитесь, что ZIP-файл не поврежден и правильно сжат. Прежде чем загружать файл, попробуйте распаковать его локально, чтобы убедиться в его целостности.
  • Все объекты включены. В ZIP-файл должны быть добавлены все объекты, на которые есть ссылки (изображения, CSS и файлы JavaScript). Не размещайте основные компоненты креативов на внешних ресурсах, если это не поддерживается и не разрешено Менеджером рекламы. Убедитесь, что все пути к файлам в HTML-коде относительные и правильно указывают на объекты в структуре ZIP-архива.

Правильно выберите рекламную платформу в Google Web Designer

Если при создании креативов HTML5 вы используете Google Web Designer, выберите в качестве платформы "Дисплей и Видео 360".

Следуйте рекомендациям в отношении размеров

  • Используйте метатег size, чтобы задать размеры вашего креатива: <meta name="ad.size" content="width=[x],height=[y]">. У креативов HTML5 могут быть только фиксированные размеры, например 300 x 250, 400 x 400, 728 x 90. Динамические размеры, такие как Гибкий, не поддерживаются.

    Пример
    <meta name="ad.size" content="width=300,height=250">

  • В HTML-файлах креативов, создаваемых в Google Web Designer, значения свойств minWidth и minHeight параметра creativeProperties должны отличаться от нуля.

    Пример
    Если указать "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}, это приведет к ошибке.

Следуйте рекомендациям по работе с тегами кликов и URL перехода по клику

Переход – это любая область, при нажатии на которую выполняется переадресация на целевую страницу. Теги кликов определяют URL перехода по клику для каждого перехода в креативе HTML5.

Когда пользователь нажимает на переход, креатив запрашивает в Менеджере рекламы соответствующий URL перехода по клику.

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

  • Необходимо вставить тег клика в раздел <head> HTML-документа.
    Пример
    <head>
       <meta name="ad.size" content="width=300,height=250">
       <script type="text/javascript">
          var clickTag = "http://www.google.com";
       ​</script>
    </head>

     
  • Используйте переменную clickTag в качестве целевого ресурса в креативе.
    Пример
    <a href="javascript:void(window.open(clickTag))">
       <img src="images/dclk.png" border=0>
    </a>
  • Чтобы сервер объявлений мог легко прочитать тег кликов, не применяйте в нем минификацию и обфускацию кода. Однако она допустима в остальном коде и других файлах.
  • Мы не рекомендуем использовать URL перехода по клику, заданные в коде, так как Менеджер рекламы не сможет отслеживать клики, а трафик-менеджеры – изменять URL. При загрузке объектов с URL, заданными в коде, Менеджер рекламы предупредит вас об этом.

Эта информация оказалась полезной?

Как можно улучшить эту статью?
Поиск
Очистить поле поиска
Закрыть поиск
Приложения Google
Главное меню
14397813414313037783
true
Поиск по Справочному центру
false
true
true
true
true
true
148
false
false
false
false