Прежде чем добавить новые теги, важно понять, есть ли на сайте или в приложении какие-то другие теги. Вам необходимо оценить существующие конфигурации, чтобы не добавить ничего лишнего. Если вы не знаете, какие теги сейчас есть на страницах, ознакомьтесь с этой статьей.
Даже если вы провели предварительный анализ, проверку необходимо регулярно повторять. Это часть стандартного процесса работы с тегами, которая позволяет защитить данные и обеспечить безопасность.
Чтобы проанализировать теги, вы можете воспользоваться инструментом Google Tag Assistant в Google Менеджере тегов или проверить код вручную.
Tag Assistant
Google Tag Assistant – это инструмент для анализа реализации глобального тега (gtag.js). Если Tag Assistant включен, вы увидите панель отладки в нижней части окна браузера. С ее помощью можно узнать, какие команды глобального тега активируются и в каком порядке. Таким образом вы можете изучать, какая информация передается на уровень данных и какие события инициировали этот процесс. Вы также увидите обращения (HTTP-запросы) и связанные с ними параметры. Подробнее о Tag Assistant…
Менеджер тегов
Чтобы проанализировать существующие конфигурации тегов, вы можете проверить аккаунты и контейнеры Менеджера тегов. Там доступен режим предварительного просмотра с теми же функциями, что и в Tag Assistant.
Поиск
С помощью строки поиска в контейнере Менеджера тегов вы можете искать теги, настройки, строки кода, триггеры и переменные. Например, так можно найти теги с фрагментами кода, требующими проверки.
Версии
Функция Версии в Менеджере тегов показывает сводку по имеющейся конфигурации контейнера:
- В Менеджере тегов нажмите Версии.
- Выберите самую новую версию в списке, чтобы увидеть актуальное состояние контейнера. Там будут доступны теги, триггеры, переменные и пользовательские шаблоны.
Режим предварительного просмотра
В режиме предварительного просмотра Менеджера тегов вы можете увидеть, какие теги срабатывают на странице, какие события это вызывают и какие данные передаются на уровень данных. В режиме предварительного просмотра доступны практически те же функции, что и в 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 -->
Получив идентификатор контейнера, откройте экран аккаунтов в Менеджере тегов и нажмите , чтобы выполнить поиск по этому идентификатору. После этого вы сможете проверить конфигурацию тегов, триггеров и переменных для своего сайта.