Как добавить на сайт тег 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. Подробнее…