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

Введение

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

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

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

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

1 of 3

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

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

План работы:

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

Настройка

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

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

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

• Выбираем переменную с нашим селектором,
• Условие «содержит»,
• Если хотите отслеживать конкретную ошибку, то напишите текст, который она содержит. С регулярными выражениями не успел разобраться, поэтому для получения любой ошибки я указал точку, т.к. она есть во всех ошибках на сайте.

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

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

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

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

1 of 3

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

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

1 of 3

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