Руководство по внедрению

Нативная реклама

Native ads

Реклама, собранная из частей (заголовок, изображение, текст) и оформленная в стиле вашего сайта, всегда с пометкой, что это реклама.

Ad Manager
телефон и компьютер

Изучить формат Проверить на моём сайте

Десктоп

Мобильный

Понять за 1 минуту

Что такое нативная реклама

Нативная реклама приходит отдельными частями, а не готовой картинкой. Рекламодатель присылает части, например заголовок, изображение и короткий текст. Как они будут выглядеть, решает ваш сайт: цвет, шрифт, размер и место каждой части. Это как конструктор: в коробке лежат детали, а вы собираете так, как подходит вашей комнате. Поэтому она выглядит как часть страницы, как еще одна карточка в списке статей.

В Ad Manager есть два способа оформить такую рекламу. Первый это нативные стили, создаваемые прямо в Ad Manager, через Редактор с подсказками, где есть готовые шаблоны, или через HTML и CSS, для тех, кто умеет писать код. По словам Google, стили подходят и для веба, и для приложений. Второй это код для приложений Android и iOS, где разработчик приложения получает элементы через Google Mobile Ads SDK и рисует все в коде приложения. Для сайтов подходит путь нативного стиля.

Поскольку нативная реклама похожа на контент, Google очень строг в одном: посетитель должен понимать, что это реклама. Пометка об источнике рекламы и значок AdChoices отмечают карточку как рекламу. Ничто не должно скрывать, закрывать или маскировать эти пометки, а реклама должна быть четко отделена от контента. Это как рекламный плакат в магазине: он может быть красивым и подходить к интерьеру, но должен ясно показывать, что это реклама.

Google создал этот формат, чтобы одна и та же реклама могла выглядеть по-разному в разных частях сайта, не меняя того, что прислал рекламодатель. В вебе Google рекомендует размер Гибкий (fluid), который занимает ширину колонки и сам подбирает высоту. Он оправдан, когда вы хотите, чтобы реклама подходила к дизайну ваших страниц, например между элементами списка записей, всегда с хорошо заметной пометкой о рекламе.

Пошаговая инструкция

Как внедрить

Выберите нативный форматВ Ad Manager перейдите в Показ, затем в Нативная. Используйте стандартный формат с нужными вам элементами. Для программатической рекламы Google принимает только стандартные форматы.
Создайте стильНажмите Новый нативный стиль и выберите Редактор с подсказками или HTML и CSS. В редакторе с подсказками путь Начать с шаблонов и настроить подходит для обычной и программатической рекламы.
Задайте размер и таргетингВыберите тот же размер, что и у рекламных блоков, которые будут получать нативную рекламу. Google рекомендует Гибкий. Если стиль Гибкий, рекламный блок тоже должен быть Гибким, а таргетинг стиля должен совпадать с таргетингом позиции.
Соберите внешний вид с пометкойПоказывайте все обязательные элементы формата, включая пометку о рекламе.
Поместите тег на страницуОпределите слот в GPT с размером fluid и поместите div внутрь колонки с шириной больше нуля.

Пример внедрения

Код и как это выглядит на экране

Скрипт GPT размещается в head; div с вызовом показа размещается в body, внутри колонки, где должна появиться нативная реклама.

<!-- No <head> -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    // Slot nativo com tamanho fluido.
    googletag
      .defineSlot("/1234567/exemplo", ["fluid"], "nativo-exemplo")
      .addService(googletag.pubads());
    googletag.enableServices();
  });
</script>

<!-- No <body>, dentro de uma coluna com largura -->
<div id="nativo-exemplo"></div>
<script>
  googletag.cmd.push(() => {
    googletag.display("nativo-exemplo");
  });
</script>

На компьютереВыглядит как карточка, которая подходит к сайту, с изображением, заголовком, текстом и пометкой о рекламе. В размере Гибкий (fluid) занимает ширину колонки, в которой находится.

На мобильныхОтображается так же, подстроенная под ширину экрана. В программатических стилях значок AdChoices виден в правом верхнем углу.

Что рекомендует Google

Что можно и что нельзя

Можно

Создавать нативные стили прямо в Ad Manager, через Редактор с подсказками или через HTML и CSS.
Использовать размер Гибкий (fluid), который рекомендует Google для большей свободы оформления.
Изменять внешний вид пометки об атрибуции под макет, если она остаётся легко читаемой.
Показывать одну и ту же рекламу с разными макетами в разных частях сайта.
Создать пользовательский нативный формат для традиционной рекламы, понимая, что он не получает программатическую рекламу.

Нельзя

Скрывать, закрывать или маскировать пометку об атрибуции или значок AdChoices.
Делать рекламу трудноотличимой от контента. Google требует, чтобы реклама была чётко отделена от контента.
Делать части рекламы похожими на кнопки навигации страницы.
Не показывать обязательные элементы формата, например пометку о рекламе и заголовок.
Обрезать изображения и видео, менять их пропорции или накладывать элементы друг на друга.
Помещать другую часть рекламы в угол, зарезервированный для AdChoices.

Советы

Как сделать правильно

В формате программатического контента заголовок содержит до 90 символов. Планируйте место с учётом этого.
Гибкая реклама лучше работает внутри колонки с шириной больше нуля пикселей.
Используйте текст с хорошим контрастом и только поддерживаемые шрифты. В программатических стилях Google не принимает сторонние шрифты и библиотеки.
Google предупреждает, что гибкая реклама может дольше появляться и сдвигать окружающий контент при изменении высоты.

Осторожно

Частые ошибки

Размер стиля не совпадает с блоком

Если стиль Гибкий, рекламный блок тоже должен быть Гибким. Google говорит, что размеры должны совпадать.

Пользовательский формат в ожидании программатики

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

Блок без ширины или с зафиксированной высотой

Гибкая реклама в колонке нулевой ширины или внутри блока с фиксированной высотой меньше рекламы может отображаться неправильно.

Частые вопросы

Должна ли нативная реклама обязательно сообщать, что это реклама?

Да. Пометка об атрибуции и AdChoices нужны, чтобы никто не принял рекламу за контент, и их нельзя скрывать или маскировать.

Работает ли код для приложений Android и iOS на сайте?

Нет. Google описывает этот путь для приложений Android и iOS с помощью Google Mobile Ads SDK. Для сайтов подходит путь нативного стиля.

Можно ли использовать гибкий размер в другой рекламе?

Согласно документации GPT, сейчас нативная реклама это единственный гибкий тип, который поддерживает Ad Manager.

Библиотека

Официальный источник Google

Всё на этой странице основано на официальной документации Google. Читайте прямо в источнике:

Ваш сайт правильно использует этот формат?

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

Запустить аудит