SEO
1665472202

Как проверить работу Google Tag Manager

Google Tag Manager — лучший инструмент для отслеживания конверсий и активностей на сайте. Помимо корректной интеграции контейнера GTM в код страниц, важна его тонкая и тщательная настройка. Работает ли он правильно, есть ли вообще на сайте? Второй вопрос актуален, если, скажем, вы только начинаете работу с новым ресурсом. Предлагаю вам несколько способов найти ответы.

Проверка наличия GTM на сайте

Если вы не уверены, подключен ли Google Tag Manager на сайте, есть несколько способов проверить наличие контейнера GTM.

Поиск в коде сайта

Самый простой и быстрый способ обнаружить следы GTM — посмотреть исходный код сайта. Для этого нужно:

  1. Перейти на сайт.
  2. С помощью команды «ctrl+u» перейти к коду страницы.
  3. Вызвать строку поиска с помощью команды «ctrl+f» и ввести «gtm.js» или «googletag».

Відкрийте рядок пошуку за допомогою ctrl + f і введіть gtm.js або googletag

Если поиск выдает совпадения, значит контейнер GTM уже подключен.

Дальше нужно удостовериться, что в код внедрен именно тот контейнер GTM, к которому у вас есть доступ и с которым вы планируете работать. У каждого контейнера GTM свой уникальный код (Container ID). Увидеть его можно в кабинете Google Tag Manager.

Container ID

Для этого нужно:

  1. Перейти на сайт.
  2. С помощью команды «ctrl+u» перейти к коду страницы.
  3. Вызвать строку поиска с помощью команды «ctrl+f» и ввести Container ID, к которому у вас есть доступ в кабинете Google Tag Manager.

Container ID, до якого у вас є доступ

Если ID контейнера из личного кабинета полностью совпадает с тем, который находится в коде — значит можно переходить к настройке.

Главный минус — так можно проверить только одну страницу сайта. GTM же должен быть на всех, а провести массовую проверку метод не позволяет.

Важно понимать, что наличие Google Tag Manager на одной странице не свидетельствует о его корректной настройке и работе на сайте в целом.

Проверка с помощью Google Tag Assistant

Google Tag Assistant — расширение для браузера, позволяющее в один клик проверить правильность установки GTM. Плагин от Google выделяет разными цветами теги в зависимости от их состояния.

  1. Установите Google Tag Assistant в магазине Chrome.
  2. Перейдите на страницу, для которой необходимо проверить корректность работы GTM, запустите расширение Google Tag Assistant, обновите браузер.

запустіть розширення Google Tag Assistant

  1. После обновления еще раз откройте Google Tag Assistant, и при наличии GTM расширение его обнаружит.

ще раз відкрийте Google Tag Assistant

Минусом данного метода можно назвать точечность проверки. Если сайт большой, проверка всех страниц с помощью Google Tag Assistant займет очень много времени.

Инструменты разработчика Chrome

С помощью консоли разработчика также можно проверить корректность работы Google Tag Manager.

  1. Проверка во вкладке «Network»:
  • с помощью комбинации «ctrl+shift+i» откройте консоль;
  • нажмите «Network»;

натисніть Network

  • в поле «Фильтр» введите «GTM».

у полі Фільтр введіть GTM

Код ответа сервера 200 означает, что тег присутствует и срабатывает корректно.

Код відповіді сервера 200

  1. Проверка во вкладке «Elements»:
  • с помощью комбинации «ctrl+shift+i» откройте консоль;

Перевірка у вкладці Elements

  • «ctrl+f» — откройте строку поиска;

відкрийте рядок пошуку

  • введите «gtm».

gtm

Если контейнер Google Tag Manager внедрен корректно, его можно будет увидеть.

контейнер Google Tag Manager впроваджено коректно

Минусы проверки с помощью инструментов разработчика:

  1. Нет возможности одновременно проверить множество страниц.
  2. Наличие в коде GTM не свидетельствует о корректности его настроек и срабатываний.

Если же проверка не удается, ознакомьтесь с документацией Google Developer для GTM или переустановите контейнер.

Используйте Netpeak Spider

Когда необходимо быстро проверить несколько страниц/все страницы сайта или доменов на наличие GTM, можно использовать функцию «Парсинг» в Netpeak Spider.

  1. Откройте программу.
  2. Перейдите в «Настройки» и выберите «Парсинг».

  1. Выберите «RegExp» и введите «(GTM-\w+)» в строке. Область поиска — «Весь исходный код» + галочка на игнорировании регистра.

Виберіть RegExp і введіть (GTM-w+)

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

Додайте список доменів або сторінок_1

Додайте список доменів або сторінок_2

  1. Дальше — «Старт» и получайте список результатов.

Минусы проверки с помощью Netpeak Spider:

  1. Программа Netpeak Spider платная.
  2. Требуется некоторое время, пока программа просканирует все страницы сайта.

Проверка корректности работы GTM на сайте

Если Google Tag Manager уже подключен на сайте и настроен, необходимо проверить корректность срабатывания тегов. Существует несколько способов тестирования контейнера GTM.

Консоль предварительного просмотра и отладки Google Tag Manager

Самый подробный и наглядный способ проверки корректности работы — использовать консоль предварительного просмотра и отладки. Позволяет максимально точно определить, какие настройки и при каких условиях срабатывают. Помимо этого, консоль показывает все установленные теги независимо от корректности настроек. А значит, можно будет отсечь либо донастроить неработающие теги.

Чтобы перейти в консоль предварительного просмотра и отладки:

  1. Откройте Google Tag Manager и нажмите «Preview» в правом верхнем углу.

Відкрийте Google Tag Manager і натисніть Preview

  1. Введите свой домен в соответствующую строку и жмите кнопку «Connect».

Введіть свій домен у відповідний рядок і натисніть Connect

  1. После удачного подключения появится «Connected». Жмите «Continue».

Натискайте «Continue

При корректном выполнении действий перед вами откроется консоль отладки GTM с полным списком всех тегов для страницы.

Помимо этого, откроется новая вкладка: http://your-domain-name.com/?gtm_debug=12345678910, дублирующая страницу вашего сайта.

Если на вашем сайте есть теги, срабатывающие при открытии страницы, в консоли отладки они перейдут в категорию «Tags Fired». Под каждым из них сработает счетчик (в примере каждый тег сработал по одному разу).

Tags Fired

Несработавшие теги будут находится в списке «Tags Not Fired».

Вам остается проверить корректность настроенных тегов на открывшейся странице http://your-domain-name.com/?gtm_debug=12345678910. Создайте условия, под которые вы настраивали тег, и в консоли отладки GTM данный тег должен перейти из списка «Tags Not Fired» в «Tags Fired» со значением счетчика +1.

Если тег уже находится в категории «Tags Fired» и вы повторно создаете те же условия, счетчик «Fired» корректно настроенного тега должен увеличиться на +1 к старому значению.

При создании условий тег не срабатывает или счетчик фиксирует некорректное количество срабатываний? Это означает, что допущена ошибка во время настройки и требуется внести коррективы.

Google Tag Assistant

Напомню, помимо выявления наличия GTM, расширение подсвечивает результаты разными цветами. Если тег выделен желтым/серым/красным, значит есть проблемы с настройкой. Нажмите на значок тега, чтобы увидеть детали. Зеленый цвет — настроено корректно.

GTM на сторінці налаштовано коректно

С помощью утилиты Google Tag Assistant можно записывать действия и отслеживать срабатывание триггеров на них. Для этого:

  1. Перейдите на проверяемый сайт.
  2. Откройте расширение Google Tag Assistant и нажмите «Record».

Відкрийте розширення Google Tag Assistant і натисніть «Record»

  1. Совершите необходимые для срабатывания триггеров действия на сайте.
  2. Остановите запись, открыв расширение и нажав «Stop Recording».

Stop Recording

  1. В появившемся отчете увидите количество проверенных страниц и количество сработавших тегов.

кількість перевірених сторінок і кількість тегів, що спрацювали

  1. Нажав на кнопку «Show Full Report», увидите страницу детальных итогов записи.

звіт_2

В этом подробном отчете теги подсвечены синим цветом, что свидетельствует о мелких, но не критичных проблемах

Google Analytics

Если для настройки целей и триггеров вы используете исключительно Google Tag Manager, корректность срабатывания настроек можно отслеживать в режиме реального времени с помощью Google Analytics.

  1. Зайдите в Google Analytics.
  2. Перейдите в раздел «Realtime» на «Conversions».

Google Analytics

  1. Создайте условия для сработки тега и фиксируйте срабатывание.

Створіть умови для спрацювання тега і фіксуйте такі випадки

Если настроенные теги не срабатывают, значит была допущена ошибка и требуется доработка.

Выводы

Есть несколько простых и надежных способов оценить работу GTM на сайте.

  1. Проверить наличие контейнера GTM можно с помощью:
  • поиска в коде сайта;
  • расширения Google Tag Assistant;
  • проверки во вкладках «Network» или «Elements» в инструментах разработчика Chrome;
  • парсинга в Netpeak Spider.
  1. Проверить корректность работы GTM помогут:
  • консоль предварительного просмотра и отладки Google Tag Manager;
  • расширение Google Tag Assistant;
  • Google Analytics.

Это первый шаг для настройки корректности GTM. Что позволит лучше понимать свою целевую аудиторию и точнее отслеживать конверсии/события на сайте. Чем раньше вы начнете собирать информацию, тем быстрее сможете вносить коррективы для повышения эффективности работы.

Узнайте больше
6
0
2
Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.