vue项目进行数据埋点

可以下载插件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 用于更详细的描述事件,如具体是哪个视频,哪部小说。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值