ATS — Chrome расширение для проверки трекинга Google Analytics, Yandex Metrika, Facebook Pixel, Mixpanel

ga debugger mixpanel yandex metrika facebook pixel

Обычно для проверки и настройки аналитики используются разные расширения для браузеров, особенно если проверка делается для нескольких систем аналитики. Я делаю это регулярно и решил написать небольшое расширение для браузера Google Chrome, которое помогло бы проверить сразу несколько систем. С ним вы сможете быстро проверить срабатывают ли теги, и отправляются ли события.

ga debugger mixpanel yandex metrika facebook pixelСкачать расширение можно из Chrome Webstore.analytics debuggers

ATS — Analytics Tracking Setup

Функции расширения:

  • GTM Inject — аналог расширения (Tag Manager Injector) для внедрения сниппета GTM, как будто он установлен прямо на сайте. Это позволяет производить настройку тег менеджера до того, как он будет установлен на сайт.
  • Google Analytics Logger — показывает в консоли успешно отправленные запросы в Google Analytics.
  • Facebook Logger — показывает в консоли успешно отправленные запросы в Facebook (отправленные Facebook Pixel).
  • Mixpanel Logger — показывает в консоли успешно отправленные запросы в Mixpanel.
  • Yandex Metrika Logger — показывает в консоли успешно отправленные запросы в Яндекс Метрику.
  • Yandex Metrika Debugger — добавляет к текущей странице в URL _ym_debug=1 (стандартный параметр метрики для отладки), результат в консоли. В отличии от предыдущей функции — эта работает со стандартной функцией отладки. А Logger — показывает распарсенные успешные отправки на сервера Яндекс Метрики.

GTM Inject

Зачем это нужно? Часто бывает так, что вы передали установку GTM кода программистам, а они очень заняты, ленивы, или еще что-то там. А настройку GTM уже необходимо выполнять. Для таких случаев и есть функция GTM Inject. C ее помощью можно как-бы установить GTM на сайт, только у вас в браузере. И так выполнять настройку любых тегов, как будто тег менеджер уже установлен. Это очень удобно, потому что не нужно никого ждать, и можно сразу начать настройку трекинга.

Для начала вам нужно создать GTM контейнер, как обычно по адресу https://tagmanager.google.com.

Жмем Create Account. Пишем имя контейнера, свой сайт и выбираем WEB. Соглашаемся с условиями и все готово, вы создали свой GTM контейнер.

создать GTM

После этого в интерфейсе (справа сверху) вы увидите свой GTM id вида GTM-XXXXXX.

В расширении вам необходимо вписать GTM id и домен, на котором необходимо его внедрить. Можно включить использование RegExp, и запускать его на нескольких сайтах, или просто не писать домен полностью.

Например при включенном RegExp с выражением site GTM запустится на site.com и website.com. 

Несколько доменов можно прописать через пайп |, например: site|example|google. В таком случае сработает на site.com, example.com, google.com. 

Логгеры аналитики

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

На данный момент логгеры работают для Google Analytics, Facebook, Mixpanel, Yandex Metrika. Возможно в будущем будет больше систем.

Yandex Metrika Debugger

Данная функция сделана для того, чтобы не писать вручную параметр для стандартного дебаггера. Он работает довольно неплохо, и показывает основную информацию. После включения страница перезагрузится, с необходимым параметром в URL.

Итог

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

Понравилась статья? Поделиться с друзьями:
Комментариев: 6
  1. Андрей

    Спасибо! Было бы здорово ещё добавить проверку по счётчику Топ-100: https://top100.rambler.ru/promo/

    1. Ruslan (автор)

      Андрей, спасибо за отзыв!
      За несколько лет настройки аналитики ни разу не пришлось столконуться с ТОП-100. К сожалению, я думаю, что эта функция не будет востребована.

  2. Дмитрий Осиюк

    Большое спасибо за хорошее расширение! Рекомендую добавить еще dataLayer Listener.

    1. Ruslan (автор)

      Спасибо за отзыв!
      dataLayer Listener был изначально в планах, и надеюсь получится его добавить :)

  3. Ростислав

    Великолепное расширение! Находка лично для меня! Спасибо!

    1. Ruslan (автор)

      Спасибо за отзыв, рад, что оно вам полезно 😀

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: