Как добавить на сайт тег Google Аналитики для ресурса типа "Приложение и сайт" с помощью gtag.js

Из этой статьи вы узнаете, как настроить веб-страницу для ресурса типа "Приложение и сайт" с помощью gtag.js. Подробнее…

Глобальный тег (gtag.js) – это фреймворк для добавления тегов JavaScript и API, с помощью которого можно передавать данные о событиях в сервисы Google. Тег по умолчанию создается на основе gtag.js и доступен в интерфейсе Аналитики. Настроить использование Google Аналитики можно и через Менеджер тегов. Если вы хотите создать свой тег Аналитики или добавить ещё один ресурс в уже имеющийся тег gtag.js, прочитайте эту статью.

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

Чтобы настроить использование Google Аналитики на ресурсе, где ещё нет глобального тега, воспользуйтесь приведенным ниже прототипом. Замените текст "MEASUREMENT_ID" идентификатором ресурса Google Аналитики, который должен получать данные. Разместите этот код сразу после открывающего тега <head>. На каждую страницу нужно добавить только один глобальный тег.

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

  gtag('config', 'MEASUREMENT_ID');
</script>

Этот код загружает библиотеку gtag.js, задает идентификатор отслеживания Google Аналитики по умолчанию и автоматически отправляет данные о событии page_view в Google Аналитику.

Как добавить ресурс Google Аналитики в уже имеющийся тег

Чтобы настроить отслеживание ещё одного ресурса Google Аналитики, добавьте дополнительную команду config. Вы можете воспользоваться предыдущим примером, разместив в нем дополнительную строку config и заменив в ней текст "MEASUREMENT_ID_2" идентификатором из второго аккаунта Google Аналитики:

<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'MEASUREMENT_ID');
  gtag('config', 'MEASUREMENT_ID_2');
</script>

Отслеживание Google Аналитики можно также настроить в глобальном теге, добавленном из другого сервиса, такого как Google Реклама или Floodlight. Подробнее…