Cum să testați Google Tag Manager

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

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

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

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

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

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

 

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

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

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

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

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

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

Если 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 Manager 4

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

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

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

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

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

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

 

Как проверить работу Google Tag Manager 6
  • в поле «Фильтр» введите «GTM».
Как проверить работу Google Tag Manager 7
  • Код ответа сервера 200 означает, что тег присутствует и срабатывает корректно.
Как проверить работу Google Tag Manager 8

Проверка во вкладке «Elements»:

  • с помощью комбинации «ctrl+shift+i» откройте консоль;
Как проверить работу Google Tag Manager 9
  • «ctrl+f» — откройте строку поиска;
Как проверить работу Google Tag Manager 10
  • введите «gtm».
Как проверить работу Google Tag Manager 11

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

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

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

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

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

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

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

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

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

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

 

Как проверить работу Google Tag Manager 13
  • Введите свой домен в соответствующую строку и жмите кнопку «Connect».
Как проверить работу Google Tag Manager 14
  • После удачного подключения появится «Connected». Жмите «Continue».
Как проверить работу Google Tag Manager 15

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

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

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

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

Несработавшие теги будут находится в списке «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, расширение подсвечивает результаты разными цветами. Если тег выделен желтым/серым/красным, значит есть проблемы с настройкой. Нажмите на значок тега, чтобы увидеть детали. Зеленый цвет — настроено корректно.

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

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

1. Перейдите на проверяемый сайт.

2. Откройте расширение Google Tag Assistant и нажмите «Record».

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

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

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

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

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

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

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

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

Google Analytics

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

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

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

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

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

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

concluzii

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

Проверить наличие контейнера GTM можно с помощью:

  • поиска в коде сайта;
  • расширения Google Tag Assistant;
  • проверки во вкладках «Network» или «Elements» в инструментах разработчика Chrome;
  • парсинга в Netpeak Spider.

Проверить корректность работы GTM помогут:

  • консоль предварительного просмотра и отладки Google Tag Manager;
  • расширение Google Tag Assistant;
  • Google Analytics.

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

 

O sursă: Netpeak.net