Благодарим за интерес к предварительной версии документации о новой платформе для тегов Google. Этот сайт проходит публичное бета-тестирование. Оставить отзыв

Как добавить глобальный тег (gtag.js)

Как получить тег из сервиса

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

Как добавить тег на сайт

Добавьте глобальный тег сразу после открывающего HTML-тега <head> на каждой странице сайта. Например, на этой странице тег в исходном коде нужно вставить сюда:

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Your tag goes here -->

    <title>The title of the page</title>
</head>
<body>
    <!-- The part of your site that's shown to users -->
</body>
</html>

Как добавить сервисы в тег

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

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

<!-- Global site tag (gtag.js) - Floodlight -->
<script async src="https://www.googletagmanager.com/gtag/js?id=DC-ZZZZZZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'G-XXXXXX');
  gtag('config', 'AW-YYYYYY');
  gtag('config', 'DC-ZZZZZZ');
</script>

Подробнее о работе с данными в таких случаях рассказано в разделе Группирование и маршрутизация данных.

Как создать собственный тег

Вы также можете создать собственный тег. Выберите сервис ниже, а затем скопируйте фрагмент кода и добавьте его сразу после тега <head> на каждой странице сайта. Вместо G-XXXXXX, AW-YYYYYY и DC-ZZZZZZ подставьте соответствующие идентификаторы.

Google Аналитика

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXX');
</script>
<!-- Global site tag (gtag.js) - Google Ads: CONVERSION_ID -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-YYYYYY"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'AW-YYYYYY');
</script>

Floodlight

<!-- Global site tag (gtag.js) - Floodlight -->
<script async src="https://www.googletagmanager.com/gtag/js?id=DC-ZZZZZZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'DC-ZZZZZZ');
</script>