用户事件监控的方案

分享下怎么在网站上做用户行为的监控。

以前我自己的方案就是使用 Google Analytics，通过在网站后台设置相应的监控事件来达到获取用户行为的目的。

那个时候我还在自己的博客上输出过详细的设置流程，但是后面 Google Analytics 升级到版本 4 之后，这款工具我就用得少了。

主要是因为不知道从哪里下手，就感觉新版本提供的功能着实有点多，而我的需求很简单。

在我看来那么重的产品，实际使用起来的体验并不好。

于是后面就自己部署了一个用户行为监控工具 Umami，并一直使用到现在。

看上这款工具主要就是因为它很简单，只提供用户的行为数据监控，且界面、交互这些做的都挺简单。

这里简单介绍一下，这款工具怎么使用，以及怎么做用户事件监控。

Umami 这款工具是有官网的，你可以注册官网然后使用官网提供的服务，但是费用比较高，每月需要 20 美金的费用。

但因为这款工具开源的缘故，所以我们完全可以将源代码下载下来，然后自己买一个服务器部署起来，从而达到成本控制的目的。

整个过程其实非常简单，视频平台上有非常多的教程，完全可以搜索下然后根据教程一步一步去操作。

另外，服务器也没必要买太好的。像我现在是有专门买一个 VPS 主机来部署这个服务，每年的成本是 11 美金，监控我现在手上也有的大几十个网站一点问题都没有。

说完了使用与安装的问题，紧接着谈谈怎么做事件监控。

上面图片中便是官方文档里面的教程，会非常他的逻辑非常简单。

就是你需要监控哪个地方，直接在对应控件上加一个 data-umami-event 的数据属性便可以了，剩下就没你什么事情了。

整个部署过程、数据传输过程，以及后续的报表生成过程，软件全部自动给你做好了，根本不需要你担心。

而在控件上加数据属性也非常简单，直接使用编辑器添加上去便可以了。

比如上图是我在“点击询价”按钮上安装的数据属性，就只需要这么一句数据属性代码，后续所有在改按钮上的点击行为都会被监控到了。

非常简单，老少皆宜。

另外与Umami 齐名的还有一款开源监控软件，但是我一直没怎么折腾，听说做的也挺不错的。