Лучшее решение для аудита и ведения журнала поведения пользователей в реагирующем веб-приложении?

Question

Каковы доступные библиотеки / инструменты для мониторинга поведения пользователя в реагирующем веб-приложении?

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

Инструмент должен:

• Работа внутри приложения реакции.
• Уметь отслеживать время, когда компонент виден до тех пор, пока он не виден.
• Отслеживайте время, проведенное на одной странице.
• Быть независимым автономным инструментом, без третьих лиц.

Я не ищу:

• Гугл Аналитика.
• инструменты, которые показывают, где пользователи нажимали
• инструменты, которые запрашивают отзывы пользователей
• инструменты печенья

Answer 1

Примерно два года спустя мы нашли эту библиотеку https://www.npmjs.com/package/timeme, которая почти полностью удовлетворяет описанные потребности.

Мы используем его в такой реакции:

const TimeMe = require('timeme.js');

getInitialState () {
  return {
    entryTime: new Date()
  };
},

componentDidMount () {
  window.addEventListener('beforeunload', this.loggingInteraction);
  TimeMe.startTimer(pageId);
},

async loggingInteraction () {
  TimeMe.stopTimer(pageId);
  const activeTimeOnPage = TimeMe.getTimeOnPageInSeconds(pageId) * 1000;
  TimeMe.resetRecordedPageTime(pageId);
  const totalTimeOnPage = T.millisecondsBetween(this.state.entryTime, T.now());
  // http send time on page request
},