Как настроить отслеживание конверсий Google Рекламы для целевых AMP-страниц

В этом руководстве описано, как настроить отслеживание конверсий на целевых AMP-страницах.

Подробные сведения об AMP-страницах в Google Рекламе и пошаговые инструкции по их использованию вы найдете в статье Как использовать AMP-страницы в качестве целевых страниц Google Рекламы.

Если вы используете Google Аналитику, выполните инструкции из статьи Как настроить объединение сеансов для AMP-страниц в Google Аналитике, чтобы сеансы пользователей на AMP-страницах и на остальном сайте объединялись. Настроить Google Аналитику рекомендуется, если вы создаете конверсии Google Рекламы на основе ключевых событий Google Аналитики или связываете Google Рекламу с Google Аналитикой.

Фон

Чтобы точно отслеживать конверсии, клики по объявлениям передают на целевые страницы идентификатор клика Google (GCLID). Целевые страницы будут сохранять GCLID в файле cookie в вашем домене, а затем этот параметр будет включаться в теги конверсий на вашем сайте. Подробнее о том, как в Google Рекламе отслеживаются конверсии на сайтах…

Поскольку целевые AMP-страницы загружаются непосредственно из вашего домена, они могут сохранять GCLID в файле cookie в вашем домене. Если ваши целевые AMP-страницы и страницы конверсий находятся в разных доменах или субдоменах, которые не могут использовать общие файлы cookie, вам необходимо передавать GCLID в исходящих ссылках на страницы сайта с помощью параметра запроса в URL. Теги на страницах сайта могут извлекать GCLID из параметра запроса и сохранять его в виде файла cookie в вашем домене.

Подготовка

Включите автоматическую пометку Google Рекламы, чтобы отслеживать конверсии на сайте во всех браузерах.

Базовая конфигурация

Шаг 1. Теги на целевых AMP-страницах

Чтобы использовать компонент amp-analytics, добавьте нужный скрипт в элемент <head> AMP-страницы. Затем вы можете настроить теги Google Рекламы с компонентом amp-analytics, используя тег Google или Google Менеджер тегов.

Вариант 1. Тег Google

Если вы используете на целевых AMP-страницах стандартный тег Google для AMP с идентификатором тега Google Рекламы, посетители сайта будут добавляться в списки ремаркетинга "Все посетители" (если у вас настроен ремаркетинг).

При такой конфигурации идентификатор GCLID также сохраняется в собственном файле cookie в вашем домене и по умолчанию передается в стандартные субдомены (www., m. и amp.). В приведенном ниже примере кода замените AW-CONVERSION_ID идентификатором тега Google Рекламы (например, AW-123456789):

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "AW-CONVERSION_ID",
    "config" : {
      "AW-CONVERSION_ID": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

В поле gtag_id можно указать идентификатор тега из любого сервиса Google (например, Google Рекламы или Поисковой рекламы 360), который вы используете на своих AMP-страницах. Однако в поле gtag_id можно указать только один идентификатор.

Вариант 2. Google Менеджер тегов

Шаг 2. Добавьте теги на обычные страницы

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

Вариант 1. Тег Google

Следуйте инструкциям по настройке тега Google:

  • Добавьте фрагмент тега Google на все страницы сайта.
  • На страницах конверсий фрагмент события можно разместить в любой части кода после фрагмента тега Google.

Вариант 2. Google Менеджер тегов

В веб-контейнере Google Менеджера тегов:

  • Создайте тег Конверсия Google Рекламы в Google Менеджере тегов.
  • Добавьте тег связывания конверсий в веб-контейнер Google Менеджера тегов и настройте его активацию на всех страницах.

Если фрагмент кода Менеджера тегов на страницах вашего сайта загружается в iframe, выберите Включить связывание между доменами и Принимать входящие параметры связывания в теге связывания конверсий.

Расширенная настройка: отслеживание конверсий в нескольких доменах

Если ваши AMP-страницы размещены в нестандартном субдомене (то есть не www., m. или amp.) или ссылаются на страницы в другом домене верхнего уровня, выполните описанную ниже настройку междоменного отслеживания.

Шаг 1. Теги на целевых AMP-страницах

Теги Google Рекламы можно настроить с помощью тега Google или Google Менеджера тегов.

Вариант 1. Тег Google

  • Добавьте тег Google для AMP-страниц на все AMP-страницы сайта.
  • Добавьте на AMP-страницу следующий фрагмент кода:
    • Замените AW-CONVERSION_ID на идентификатор тега Google Рекламы (например, AW-123456789).
    • В массив domains добавьте домен, в котором размещена AMP-страница, а также все целевые домены и субдомены.
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "AW-CONVERSION_ID",
    "linker": { "domains": ["subdomain1.example.com", "subdomain2.example.com", "www.example2.com"] },
    "config" : {
      "AW-CONVERSION_ID": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

В поле gtag_id можно указать идентификатор тега из любого сервиса Google (например, Google Рекламы или Поисковой рекламы 360), который вы используете на своих AMP-страницах. Однако в поле gtag_id можно указать только один идентификатор.

Вариант 2. Google Менеджер тегов

  • Создайте контейнер AMP в Google Менеджере тегов и разверните теги, совместимые с AMP.
  • Добавьте тег связывания конверсий в контейнер AMP.
  • Выберите Включить связывание между доменами и в поле Автоматическое связывание доменов введите через запятую домен, в котором размещена AMP-страница, и все целевые домены для исходящих ссылок.
  • Добавьте стандартный фрагмент кода AMP Google Менеджера тегов на AMP-страницу, заменив GTM_CONTAINER_ID на идентификатор контейнера (например, GTM-XXXXXX):
<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM_CONTAINER_ID&gtm.url=SOURCE_URL" data-credentials="include">
</amp-analytics>

Шаг 2. Добавьте теги на обычные страницы

Настройте теги на страницах без AMP с помощью тега Google или Google Менеджера тегов.

Вариант 1. Тег Google

  • Добавьте следующий фрагмент тега Google на страницы без AMP:
    • Замените AW-CONVERSION_ID на идентификатор тега Google Рекламы (например, AW-123456789).
    • В массив domains добавьте домен, в котором размещена AMP-страница, а также все целевые домены и субдомены.
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-CONVERSION_ID', {
    'linker': {
      'domains': ['subdomain1.example.com', 'subdomain2.example.com', 'www.example2.com']
    }
  });
</script>

Вариант 2. Google Менеджер тегов

Дополнительные настройки

В этом разделе приведены дополнительные необязательные настройки, которые могут потребоваться при развертывании AMP-страниц.

Событие-конверсия на AMP-страницах

В большинстве случаев конверсия происходит на последующих страницах, которые, скорее всего, не являются AMP-страницами. В таких случаях следуйте инструкциям в статье Как в Google Рекламе отслеживаются конверсии на сайтах.

В этом разделе рассматривается случай, когда вы хотите отслеживать конверсии на самой целевой AMP-странице.

Использование тега Google

На AMP-странице, на которой вы хотите регистрировать конверсии, добавьте триггер конверсии в объект triggers. Ниже приведен пример полного тега на AMP-странице конверсии, который регистрирует конверсию Google Рекламы.

<!-- Google tag (gtag) -->
<amp-analytics type="gtag" data-credentials="include">
  <script type="application/json">
  {
    "vars": {
      "gtag_id": "AW-CONVERSION_ID",
      "config": {
        "AW-CONVERSION_ID": {
          "groups": "default"
        }
      }
    },
    "triggers": {
      "CONVERSION_LABEL": {
        "on": "visible",
        "vars": {
          "event_name": "purchase",
          "transaction_id": "",
          "value": 15,
          "currency": "USD",
          "send_to": "AW-CONVERSION_ID/CONVERSION_LABEL"
        }
      }
    }
  }
  </script>
</amp-analytics>

Обратите внимание на следующие поля в теге <amp-analytics>:

  • Поле gtag_id содержит идентификатор тега, предоставленный конверсиями Google Рекламы (например, AW-123456789), а CONVERSION_LABEL – это ярлык конверсии для действия-конверсии.
  • Вы можете указать идентификатор тега из любого продукта Google, который вы используете на своей AMP-странице, но в поле gtag_id должен быть только один идентификатор продукта.
  • Объект config должен содержать по одной записи для каждого продукта Google, который вы используете для отслеживания действий на AMP-сайте.
  • Если вы используете и Google Рекламу, и Поисковую рекламу 360, ознакомьтесь с технической информацией о теге Google и фрагменте события, чтобы посмотреть примеры тегов AMP для Поисковой рекламы 360.
  • В этом примере компонент amp-analytics активируется при событии visible. Вы также можете настроить конверсию так, чтобы она активировалась при другом событии, например нажатии кнопки click.

Google Менеджер тегов

В контейнере AMP Google Менеджера тегов добавьте теги Отслеживание конверсий в Google Рекламе или Ремаркетинг в Google Рекламе и настройте триггеры для событий-конверсий.

На AMP-страницах в Google Рекламе поддерживается отслеживание звонков-конверсий.

Шаг 1. Найдите конфигурацию конверсий

Для начала настройте объект звонка и создайте действие-конверсию "Звонок-конверсия с сайта" в аккаунте Google Рекламы. После создания действия-конверсии получите числовой идентификатор конверсии и ярлык конверсии из настроек Google Менеджера тегов или фрагмента кода тега Google для звонков.

Вариант 1. Настройка с помощью Google Менеджера тегов в Google Рекламе
  1. Войдите в аккаунт Google Рекламы и выберите Цели > Конверсии > Сводка.
  2. Нажмите + Создать действие-конверсию (или Новое действие-конверсия) и создайте действие-конверсию "Звонок по номеру телефона, указанному на сайте", следуя инструкциям по настройке.
  3. На этапе настройки тега выберите Использовать Google Менеджер тегов.
  4. Скопируйте идентификатор конверсии и ярлык конверсии, чтобы использовать их при настройке отслеживания звонков на AMP-страницах на шаге 2.
Вариант 2. Извлечение значений из тега Google для отслеживания звонков

Если при настройке тега вы выберете вариант Самостоятельно установить тег, Google Реклама сгенерирует фрагмент кода с номером телефона, похожий на следующий:

<script>
  gtag('config', 'AW-123456789/_ABcDEFg12hI34567jK', {
    'phone_conversion_number': '1-800-123-4567'
  });
</script>

Извлеките числовой идентификатор конверсии (без префикса AW-) и ярлык конверсии из целевой строки gtag('config', ...):

Значение фрагмента кода с номером телефона Параметр отслеживания звонков на AMP-страницах Пример значения
Числовой идентификатор после AW- Идентификатор конверсии (сегмент пути) 123456789
Строка после / Ярлык конверсии (параметр запроса cl) _ABcDEFg12hI34567jK

Шаг 2. Настройте отслеживание звонков на AMP-страницах

Добавьте скрипт компонента amp-call-tracking в элемент <head> AMP-страницы:

<head>
  <script async custom-element="amp-call-tracking"
    src="https://cdn.ampproject.org/v0/amp-call-tracking-0.1.js"></script>
</head>

Чтобы отслеживать звонки-конверсии, оберните ссылку для звонка <a> в элемент <amp-call-tracking>, указывающий на конечную точку отслеживания звонков Google Рекламы:

<amp-call-tracking
  config="https://www.googleadservices.com/pagead/conversion/CONVERSION_ID/wcm?cl=CONVERSION_LABEL&tel=1800-123-4567&mode=1">
  <a href="tel:18001234567">+1-800-123-4567</a>
</amp-call-tracking>

Замените следующее:

  • CONVERSION_ID – числовой идентификатор конверсии Google Рекламы без префикса AW- (например, 123456789).
  • CONVERSION_LABEL – ярлык конверсии Google Рекламы (например, _ABcDEFg12hI34567jK).

Параметр запроса tel в URL config должен совпадать с номером телефона в ссылке <a>.

Ограничения

Связывание конверсий в разных доменах не сработает, если пользователь закроет AMP-страницу до того, как перейдет на следующую. Это обусловлено тем, что междоменное связывание работает за счет пометки ссылки.