可以下载插件vue-uweb
详细介绍可以看这里
vue-uweb
结合友盟+ 网站流量统计分析系统进行数据的统计和分析
第一步:
在vue项目的main.js里:
import uweb from 'vue-uweb'
// 使用 vue-uweb 插件
Vue.use(uweb,'YOUR_SITEID_HERE')
// 如果想要通过传递 options 参数进行更多设置
Vue.use(uweb,options)
SITEID的值在友盟里面能找到。
只要在main.js里导入了,网站就会追踪你的项目会进行流量分析,会统计不同时间和时间段的浏览次数(PV)、独立访客(UV)、新独立访客、访问次数、人均浏览页数、平均访问深度等等
第二步:
如果想统计分析用户的行为,比如统计对用户点击的行为,用户点赞,收藏,转发行为,用户点击开通会员的行为,用户取消开通会员的行为,用户点击视频的行为等等事件
可以在那个点击事件的函数内里加入这个:
trackEvent 用于发送页面上按钮等交互元素被触发时的事件统计请求。如视频的“播放、暂停、调整音量”,页面上的“返回顶部”、“赞”、“收藏”等。也可用于发送Flash事件统计请求。
用法:
// 这一行放在点击事件的函数里即可,按实际需求修改对应参数
// 例如:this.$uweb.trackEvent('点赞按钮', '点赞','xx页面的点赞按钮')
this.$uweb.trackEvent(category, action[, label, value, nodeid])
参数:
category 是表示事件发生在谁身上,如“视频”、“小说”、“轮显层”等等。
action 是表示访客跟元素交互的行为动作,如"播放"、“收藏”、"翻层"等等。
label 用于更详细的描述事件,如具体是哪个视频,哪部小说。
…