Автобагрепорт: GTM + Я.Метрика/GA4

от автора

в

Добавляя товар в корзину, я получал ошибку в 2/3 попыток. У программистов ошибка не воспроизводилась. Инкогнито, новые браузеры не помогли.

Автобагрепорт: GTM + Я.Метрика/GA4, изображение №1

Я хотел проверить: насколько часто ошибка встречается у других пользователей? И придумал автобагрепорт:
Если у посетителя на экране всплывет любая ошибка, инфа о ней отправится в Я.Метрику/GA4 в параметрах визита.

Сможете увидеть:
— Текст ошибки.
— Как часто возникают ошибки.
— На каких страницах.

P.S. Можно настроить отслеживание всех ошибок или содержащих конкретный текст.

Автобагрепорт: GTM + Я.Метрика/GA4, изображение №2

Что с этим делать? Выявлять ошибки и исправлять, начиная с самых критичных.

P.S. В примере мгазин на Woocommerce, но логика применима к любому сайту.

План работы:

  1. Получим текст из селектора ошибки.
  2. Запишем текст в переменную.
  3. Передадим значение переменной в Я.метрику/GA4 через параметры визитов.

Настройка

Получаем целевой селектор

Автобагрепорт: GTM + Я.Метрика/GA4, изображение №5

Создаем переменную типа Элемент DOM. Вставляем наш селектор.

Автобагрепорт: GTM + Я.Метрика/GA4, изображение №6

Создаем триггер типа Просмотр страницы — Модель DOM готова.

  • Выбираем переменную с нашим селектором,
  • Условие «содержит»,
  • Если хотите отслеживать конкретную ошибку, то напишите текст, который она содержит. С регулярными выражениями не успел разобраться, поэтому для получения любой ошибки я указал точку, т.к. она есть во всех ошибках на сайте.
Автобагрепорт: GTM + Я.Метрика/GA4, изображение №7

Создаем пользовательский тег. Вставляем код:

<script>
  var params = {};
  var errorValue = {{error}}; // переменная с селектором
  var urlKey = document.location.href;
  params['error'] = {};
  params['error'][errorValue] = urlKey;
  ym(Ваш-Счётчик-Метрики, 'reachGoal', 'error', params);
</script> 

Настраиваем на созданный нами триггер.

Автобагрепорт: GTM + Я.Метрика/GA4, изображение №8

Запускаем предварительный просмотр, проверяем с помощью Яндекс.Метрика Инспектор (скрин 1)
Смотрим отчет в метрике (скрин 2-3)

Автобагрепорт: GTM + Я.Метрика/GA4, изображение №9

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

Добавляем событие с параметрами для GA4

Автобагрепорт: GTM + Я.Метрика/GA4, изображение №12

Проверьте:
1. Передачу события в предварительном просмотре GTM (скрин 1)
2. Получение событий на стороне GA4 в DebugView. Администратор — DebugView.

Автобагрепорт: GTM + Я.Метрика/GA4, изображение №13

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