Инструменты отладки Google Analytics и Google Tag Manager

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (6 оценок, среднее: 5,00 из 5)
Загрузка...

Я знаю, что есть много динамических частей и процессов, которые нужно отслеживать, но не сдавайтесь. Поскольку большая часть GA/GTM происходит в браузере, мы используем различные встроенные инструменты и расширения Google Chrome или других браузеров. Эти инструменты улучшают видимость в механике внутренних работ GA/GTM и помогают в настройке и отладке, а также в предварительном просмотре.

Так что давайте я вам покажу некоторые из них, которые я использую.

Консоль JavaScript

Просмотр скриптов в консоли браузера

Я бы опозорился, если бы не упомянул о консоли JavaScript, находящейся в Google Chrome и большинстве других браузеров. Консоль позволяет протестировать JavaScript в браузере на любом сайте. При настройке настраиваемых сценариев в GTM вы можете использовать «console.log» в своем коде, чтобы помочь в устранении неполадок. Консоль также позволяет вам получить доступ к файлу данных и объектам, найденным в вашем коде, чтобы обеспечить доступность данных в нужном месте.

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

Консоль вы найдете в составе инструментов веб-разработчика, перечисленных в меню Chrome в разделе «Дополнительные инструменты». На компьютере с Windows вы также можете вызвать ее с помощью комбинации кнопок: F12 или CTRL + SHIFT + J.  Для Mac используйте CMD + OPT +J.

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

Верхняя часть режима отладки Google tag manager

Перед публикацией тэгов в GTM включение режима предварительного просмотра, я об этом писал в статье руководство по режиму отладки google tag manager, дает вам доступ к механике ваших тегов, триггеров и переменных. Только вы можете видеть режим предварительного просмотра, поскольку он включен только на основе специального набора файлов cookie в вашем браузере. На левой панели отображаются события через процесс загрузки страницы, а на правой панели показано, как с помощью каждого шага влияют теги, переменные и dataLayer. Это отличный инструмент для подтверждения вашей конфигурации.

Google Analytics debugger

Google Analytics Debugger из магазина Google Play

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

Google Tag Assistant

Tag Assistant (by Google) из магазина Google Play

Расширение Chrome Tag Assistant – очень полезный инструмент для тестирования и отладки вашей реализации. Он делает почти все, что вы ожидаете. Сначала он отображает и устраняет неполадки в статусе большинства тегов, связанных с Google, – будь то Google Analytics, AdWords, DoubleClick или Tag Manager. Внутри инструмента вы можете включить режим отладки GA.

Одной из самых мощных функций в инструменте являются записи Tag Assistant. Это позволяет вам «записывать» сеанс просмотра и составлять отчет обо всех отправляемых кликах и даже о том, как они будут отображаться в Google Analytics. Известно, что tag-assistant иногда ошибается, но в последние месяцы ситуация стабилизировалась.

injector

Injector из магазина Google Play

Injector – это инструмент, который позволяет вставлять фрагменты кода CSS или JavaScript на стороне клиента при загрузке страницы. С точки зрения аналитики это полезный инструмент для тестирования GTM, где в настоящее время нет кода GTM, но этот инструмент гораздо более универсален.

Tag Manager injector

Tag Manager Injector из магазина Google Play

Tag Manager Injector Инжектор упрощает процесс вставки GTM-кода на сайт, где в настоящее время кода нет. Это полезно, если вы хотите быстро протестировать GTM без изменения кода на сайте. Вы даже можете перетаскивать переменные в dataLayer для проверки других аспектов вашей реализации.

Code editor for GTM

Code Editor for GTM из магазина Google Play

Хотя GTM улучшила выделение синтаксиса кода с момента его создания, многие по-прежнему предпочитают стиль Code Editor for GTM. Хотя необязательно Code Editor сделать код в Google Tag Manager проще для чтения.

Edit This Cookie

EditThisCookie из магазина Google Play

EditThisCookie быстро зарекомендовала себя как незаменимый инструмент. С его помощью вы можете просматривать файлы cookie, установленные Google Analytics, удалять файлы cookie, изменять файлы cookie и даже добавлять дополнительные файлы cookie. Это тоже отлично подходит для проверки GA-трекеров и любых других пользовательских файлов cookie, которые могут быть использованы.

Для работа с субдоменами или междоменное отслеживание – этот инструмент необходим!

Выводы

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

Если вы используете другие расширения поделитесь ими в коментариях и я обновлю список.

comments powered by HyperComments

Об авторе

Антон Курусь

Создатель этого блога. Люблю узнавать новое и развиваться в интересующих меня областях.
Хочешь сбежать от повседневности — не останавливайся в развитии.

Просмотреть все сообщения