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

Как проанализировать имеющиеся конфигурации тегов

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

Чтобы проанализировать теги, вы можете воспользоваться инструментом Google Tag Assistant в Google Менеджере тегов или проверить код вручную.

Tag Assistant

Google Tag Assistant – это инструмент для анализа реализации глобального тега (gtag.js). Если Tag Assistant включен, вы увидите панель отладки в нижней части окна браузера. С ее помощью можно узнать, какие команды глобального тега активируются и в каком порядке. Таким образом вы можете изучать, какая информация передается на уровень данных и какие события инициировали этот процесс. Вы также увидите обращения (HTTP-запросы) и связанные с ними параметры. Подробнее о Tag Assistant…

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

Чтобы проанализировать существующие конфигурации тегов, вы можете проверить аккаунты и контейнеры Менеджера тегов. Там доступен режим предварительного просмотра, где те же функции, что и в Tag Assistant.

Версии

Функция Версии в Менеджере тегов показывает сводку по имеющейся конфигурации контейнера:

  1. В Менеджере тегов нажмите Версии.
  2. Выберите самую новую версию в списке, чтобы увидеть актуальное состояние контейнера. Там будут доступны теги, триггеры, переменные и пользовательские шаблоны.

Режим предварительного просмотра

В режиме предварительного просмотра Менеджера тегов вы можете увидеть, какие теги срабатывают на странице, какие события это вызывают и какие данные передаются на уровень данных. В режиме предварительного просмотра доступны практически те же функции, что и в Tag Assistant. Подробнее о режиме предварительного просмотра…

Проверка кода вручную

Чтобы подробнее изучить имеющиеся конфигурации тегов, иногда необходимо проверить код вручную. Поищите в исходном коде следующие ключевые слова:

  • gtag( – так открываются функции gtag(). Обычно такие фрагменты кода содержат дополнительные инструменты.
  • googletagmanager.com – этот домен используется для загрузки функций как Менеджера тегов, так и глобального тега. По нему вы можете найти соответствующие фрагменты кода.

Если вы уже используете gtag.js или Менеджер тегов, то сможете обновить существующие теги или инструменты. Реализовывать новые конфигурации в таком случае не нужно.

  • dataLayer – так можно узнать, реализован ли код слоя данных, а также выявить вызовы dataLayer.push() с инструментами для конкретных событий.
  • analytics.js или ga.js – названия файлов библиотек, которые используются для старых версий Google Аналитики.
  • conversion.js или conversion_async.js – названия файлов библиотек, которые используются для отслеживания конверсий Google Рекламы.
  • optimize.js – библиотека для тегов Google Оптимизации.
  • Сторонние системы отслеживания тегов, которые содержат теги Google. Примеры: utag.js или _satellite.

Глобальный тег (gtag.js)

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

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

    gtag('config', 'UA-XXXXXX-1');
  </script>

Вы можете увидеть несколько строк gtag('config',...) для дополнительных продуктов и аккаунтов. Пример:

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

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

Префиксы продуктов для глобальных тегов

UA Вашим глобальным тегом управляет Google Аналитика. Идентификатор – это ваш идентификатор потока данных из Аналитики. Чтобы найти связанный с ним ресурс, воспользуйтесь функцией поиска в этом сервисе. Если ресурс не отображается, вероятно, у вас нет к нему доступа.
G Вашим глобальным тегом управляет поток Google Аналитики 4. Идентификатор – это ваш идентификатор потока данных из Аналитики.
AW Вашим глобальным тегом управляет Google Реклама. Строка из цифр после префикса AW – ваш идентификатор конверсии из этого сервиса.
DC Вашим глобальным тегом управляет тег Floodlight. Строка из цифр после префикса DC – ваш идентификатор рекламодателя.
другое Ваш глобальный тег управляется другим продуктом Google или может быть реализован неправильно. Воспользуйтесь инструментом Tag Assistant для проверки.

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

На веб-страницах, настроенных с помощью Менеджера тегов, будет присутствовать тег контейнера примерно такого вида: В этом коде можно найти идентификатор контейнера Менеджера тегов. Он начинается с GTM-. Пример:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<:!-- End Google Tag Manager -->

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