在 React 中跟踪 LMS Web 应用程序的单个用户行为

Tracking Individual User Behaviors in React for an LMS Web Application

提问人：Sandalu De Silva 提问时间：11/11/2023 更新时间：11/11/2023 访问量：23

问：

我正在使用 React 开发学习管理系统 （LMS） Web 应用程序。我面临着一个挑战，即跟踪平台内的个人用户交互。具体来说，我需要监控点击、滚动行为、视频播放持续时间以及用户在应用程序上花费的总时间等操作。此外，我的目标是生成有关个人用户行为的综合报告，并确定浏览次数最多的内容。在跟踪用户交互之后，我希望将它们存储在 mySql 数据库中，并使用 looker studio 可视化单个用户报告和覆盖报告。

我已经探索了 Google Analytics，但它不提供检索单个用户报告的功能，这是我的项目的关键要求。鉴于我使用 React 作为前端，使用 Google 身份验证进行用户验证，我正在寻找替代解决方案。

我曾考虑过使用 Google Analytics，但由于无法提取单个用户报告，我正在探索其他方法。我愿意使用 npm 库或任何合适的方法来有效地跟踪用户交互并满足概述的要求。

问题：

  1. 是否有任何 npm 库或方法允许在不依赖 DOM 侦听器的情况下跟踪 React 中的单个用户交互？

  2. 有效存储和分析用户行为以生成个人用户报告和内容受欢迎程度统计数据的最佳方法或工具是什么？

  3. 有没有办法将收集到的数据与 Google Looker Studio 集成以进行可视化？

reactjs npm dom-events looker-studio 事件跟踪

评论

0赞 Nimantha 11/11/2023
Sandalu De Silva：这个问题需要细节或清晰度 - 编辑，所以它是独立的（示例） 1） 数据：3-9 行输入（Markdown 表）和示例数据集（Google：表格、分析等） 2） 预期输出表 3） 图表：配置 + 设置 4） 问题：尝试解决 + 输出/错误 5） 报告：可公开编辑的 Looker Studio，1-4。如果没有最小的可重现示例，就很难测试建议，并且问题可能是一般故障排除

答： 暂无答案

上一个：使用 javascript 添加已检查的类

下一个：双击 contenteditable 元素进行聚焦（看起来不那么容易）