跟踪每个页面上的用户活动答案

【问题标题】：Keep track of user activity on each page跟踪每个页面上的用户活动
【发布时间】：2019-06-12 11:05:53
【问题描述】：

我正在使用 Angular 7 开发银行 Web 应用程序。我想跟踪每个页面上的用户活动，例如用户在每个页面上花费的时间、点击活动等。我还没有找到任何解决方案。

【问题讨论】：

设置计数器并跟踪鼠标移动

标签： angular typescript

【解决方案1】：

有一个matamo，我们可以在其中跟踪用户操作，但它是付费。在 Angular 中，我们可以使用 ngx-matamo

实现相同的功能

如果您想要自定义解决方案，我们可以在主应用组件中实现逻辑， 观察路由器变化并实现我们在每个页面上花费的时间。

demo

【讨论】：

【解决方案2】：

使用matomo，它是开源的，一个使用PHP 编写的应用程序。您可以简单地下载它并在您的场所进行设置。然后下载名为TagManager的插件（类似于谷歌标签管理器）。像这样在 html sn-p 中添加代码就完成了。

<!-- Matomo Tag Manager -->
<script type="text/javascript">
    var _mtm = window._mtm = window._mtm || [];
    _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.src='https://{$MATOMO_URL}/js/container_{$CONTAINER}.js'; s.parentNode.insertBefore(g,s);
</script>
<!-- End Matomo Tag Manager -->

【讨论】：