一步一步搭建前端监控系统：如何记录用户行为？

**背景：**市面上的监控系统有很多，大多收费，对于小型前端项目来说，必然是痛点。另一点主要原因是，功能虽然通用，却未必能够满足我们自己的需求, 所以我们自给自足也许是个不错的办法。
这是搭建前端监控系统的第二章，主要是介绍如何统计js报错，跟着我一步步做，你也能搭建出一个属于自己的前端监控系统。
目前已经在运行的线上Demo：前端监控系统
代码和讲解都放在这篇文章里：监控系统介绍及代码
如果实在嫌部署麻烦，Demo系统可以提供 7天 的监控量，我会长期维护：一键部署
一直以来， 前端上线的项目，对于前端程序猿来说，完全是一个黑盒子。 项目一旦上线，我们完全不知道用户在我们的项目里边做了什么，跳转到哪里，是不是报错了。一旦线上用户出现问题，而我们又无法复现的时候，才能体会到什么叫绝望。 不管多么艰难，问题总是会在哪里等着你。所以，如果我们可以把线上的项目变成一个白盒子，让我们能够知道用户在线上干了什么，复现不再困难了，对前端程序员来说，是不是一件好事呢。
接下来我要写的是一个重要的功能， 因为它极大的提高了我解决问题的能力， 也让对我的工作产生了很大的影响。
截止到现在，来看看我已经完成了哪些功能：
PV/UV的统计上报，js错误的上报和分析， 接口的统计上报，页面截屏的统计上报。 那么，再补上今天要写的“用户点击行为的上报”， 我们基本上就能够分析出一个用户在页面上干了什么。
一、如何记录线上用户的行为
线上用户的基本行为包括： 访问页面， 点击行为，请求接口行为， js报错行为， 这几点基本上能够清楚的记录下用户在线上的所有行为。 当然还包括：资源加载行为，滚动页面行为， 元素进入用户视野等等行为，这些是更为细节的行为统计， 也许会在以后进行完善， 但是以上的四种行为已经可以完成我们的统计需求。
访问页面， js报错行为我们已经有了，接下来看看如何统计点击行为和请求接口的行为吧。

点击行为

// 用户行为日志，继承于日志基类MonitorBaseInfo
  function BehaviorInfo(uploadType, behaviorType, className, placeholder, inputValue, tagName, innerText) {
    setCommonProperty.apply(this);
    this.uploadType = uploadType;
    this.behaviorType = behaviorType;
    this.className = utils.b64EncodeUnicode(className);
    this.placeholder = utils.b64EncodeUnicode(placeholder);
    this.inputValue = utils.b64EncodeUnicode(inputValue);
    thi