用JavaScript编写的用户行为记录插件工具
什么是userbr？
userbr（User behavior record）
中文简称用户行为记录的js插件工具。
采用MIT协议，任何个人或企业可以免费商用。
userbr大概功能和作用？
【用JavaScript编写的用户行为记录插件工具】
文章图片
如上图所示，假设左侧是一个网站，当用户鼠标移动到网页中指定元素上面后，会对这个动作进行记录。
最终返回的数据是一个二维数组。
在这个二维数组中，包含用户鼠标移动到DOM元素上的时间，以及DOM元素的描述。
假设是一家企业网站，用户一直将鼠标反复来回地在支付区域移动，说明产品没啥问题，但是价格方面用户可能会进行考虑，因此，当用户咨询产品的时候，我们应该多突出价格方面的优惠，从而提高成交率。
假设是个人网站，也可以说任何网站，我们采用这款工具后，可以得到用户的鼠标移动情况的反馈，从而进一步优化页面，可以将用户的喜好作为参考值，将用户常点击的内容放在用户触手可及的地方，而不是纸上谈兵方式的根据自我爱好美化界面。
如何使用userbr？
文章图片
这就突出了userbr的特点，除了常规的引入userbr.js外，我们只需要在需要监听的DOM元素的class中，添加userbr类名。
data-cc的作用是补充描述，假设一个页面有2个需要userbr监听的对象，那么我们可以通过自定义描述，区分监听这2个元素区域所表达的含义。
如何获取userbr结果？
文章图片
通过user_list这个变量，我们可以轻松获取userbr的结果。
使用userbr工作流程
文章图片
图中，我划分为用户，浏览器，服务器，数据分析员。这4类。其中，我们前端工程师，只需要将用户的反馈信息，通过变量user_list发送给后端，剩下的数据分析啥的，就归其他人管理了。
最终，通过分析用户的数据，我们可以将信息透露给售前客服促进商品的成交，或者给前端或UI进一步美化页面。
什么方式可以下载userbr？
可以通过GitHub或npm进行下载。
本文可转载
推荐阅读
- Docker应用:容器间通信与Mariadb数据库主从复制
- JS中的各种宽高度定义及其应用
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- 涉毒患者(新诗)
- 参保人员因患病来不及到指定的医疗机构就医，能否报销医疗费用（）
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。