GTM Sonar v1.2: что нового в инструменте отладки dataLayer (уровень данных)

В конце октября Simo Ahava выкатил минорное обновление GTM Sonar — расширения для Chrome, которое визуализирует событие dataLayer.push в реальном времени. Под капотом тот же механизм debugDL, что и в прошлой версии, но интерфейс стал понятнее. Ниже — что взять в работу маркетинг-оператору, который отлаживает теги (фрагменты кода для отслеживания) на сайте.

— Открыть pop-up (всплывающее окно расширения) до загрузки страницы. Расширение стартует раньше GTM и перехватывает вызовы dataLayer до того, как контейнер их обработает. Без этого вы рискуете потерять первые события сессии.

— Следить за счётчиком на иконке. Число на значке Browser Action (кнопка расширения в панели Chrome) растёт с каждым добавленным элементом в debugDL. Если счётчик молчит — значит код не доходит до dataLayer, и проблема в разметке или порядке загрузки скриптов.

— Использовать экран ошибок. В v1.2 появился отдельный error-screen на случай сбоя — теперь видно причину, а не просто пустой pop-up.

— Сверять порядок событий. Sonar показывает события в хронологии, что удобно при проверке custom (пользовательских) событий электронной коммерции: purchase, add_to_cart, view_item_list. Полезно для брендов, переходящих на GA4 и server-side (серверную) отправку.

— Не путать с GTM Preview (режимом предварительного просмотра внутри GTM). Sonar работает «снаружи» контейнера и ловит то, что Preview иногда пропускает, — например, события, отправленные до активации GTM.

— Обновлять расширение из официального репозитория, а не из чужих сборок. В мире, где server-side контейнеры и consent mode (режим согласия пользователя на cookie) правят бал, посторонний код в браузере аналитика — лишний риск.

Когда это пригодится: на этапе внедрения CDP (платформы клиентских данных), когда нужно убедиться, что сайт корректно передаёт события в dataLayer до того, как они уйдут в GA4, CRM (систему управления клиентской базой) и рекламные пиксели через server-side GTM.

— @CDProomRu