用JavaScript编写的用户行为记录插件工具

什么是userbr?

userbrUser behavior record
中文简称用户行为记录的js插件工具。
采用MIT协议,任何个人或企业可以免费商用。

userbr大概功能和作用?

用JavaScript编写的用户行为记录插件工具_第1张图片
如上图所示,假设左侧是一个网站,当用户鼠标移动到网页中指定元素上面后,会对这个动作进行记录。
最终返回的数据是一个二维数组。
在这个二维数组中,包含用户鼠标移动到DOM元素上的时间,以及DOM元素的描述。
假设是一家企业网站,用户一直将鼠标反复来回地在支付区域移动,说明产品没啥问题,但是价格方面用户可能会进行考虑,因此,当用户咨询产品的时候,我们应该多突出价格方面的优惠,从而提高成交率。
假设是个人网站,也可以说任何网站,我们采用这款工具后,可以得到用户的鼠标移动情况的反馈,从而进一步优化页面,可以将用户的喜好作为参考值,将用户常点击的内容放在用户触手可及的地方,而不是纸上谈兵方式的根据自我爱好美化界面。

如何使用userbr?

用JavaScript编写的用户行为记录插件工具_第2张图片
这就突出了userbr的特点,除了常规的引入userbr.js外,我们只需要在需要监听的DOM元素的class中,添加userbr类名
data-cc的作用是补充描述,假设一个页面有2个需要userbr监听的对象,那么我们可以通过自定义描述,区分监听这2个元素区域所表达的含义。

如何获取userbr结果?

用JavaScript编写的用户行为记录插件工具_第3张图片
通过user_list这个变量,我们可以轻松获取userbr的结果。

使用userbr工作流程

用JavaScript编写的用户行为记录插件工具_第4张图片
图中,我划分为用户,浏览器,服务器,数据分析员。这4类。其中,我们前端工程师,只需要将用户的反馈信息,通过变量user_list发送给后端,剩下的数据分析啥的,就归其他人管理了。
最终,通过分析用户的数据,我们可以将信息透露给售前客服促进商品的成交,或者给前端或UI进一步美化页面。

什么方式可以下载userbr?

可以通过GitHub或npm进行下载。

本文可转载

你可能感兴趣的:(javascript前端)