简介
activity-segment 是一个可以在前端页面中记录用户活跃度的 npm 包。它可以记录用户在页面中停留时间、页面转移次数以及页面停留时间排名等指标,帮助开发者更好地了解用户的行为习惯,并做出更好的产品决策。
安装
使用 npm 进行安装:
npm install activity-segment --save
API
初始化
在项目的入口文件中进行初始化:
-- -------------------- ---- ------- ------ --------------- ---- ------------------ ----- --------------- - --- ----------------- ---- ------- ------- ----------- ------- ---------- ---------- -- -------- -- --
参数:
uid
用户 ID,用于识别不同的用户。prefix
cookie 名称前缀,用于避免和其它库的 cookie 冲突。domain
cookie 域,用于让同一用户在不同子域名下共享数据。cookieExp
cookie 过期时间,单位为天。timeExp
数据信息过期时间,单位为天。
start 方法
调用 start 方法记录当前页面打开时间:
activitySegment.start()
end 方法
调用 end 方法记录当前页面关闭时间:
activitySegment.end()
pageview 方法
调用 pageview 方法记录页面转移:
activitySegment.pageview({ url: '/about', title: '关于我们' })
参数:
url
页面路径。title
页面标题。
getTop 方法
调用 getTop 方法获取停留时间排名前 10 的页面:
const topList = activitySegment.getTop()
返回一个对象数组,包含 title
和 time
两个属性:
[ { title: '首页', time: 100 }, { title: '产品页', time: 80 }) // ... ]
示例
一个完整的使用示例:
-- -------------------- ---- ------- ------ --------------- ---- ------------------ ----- --------------- - --- ----------------- ---- ------- ------- ----------- ------- ---------- ---------- -- -------- -- -- ----------------------- ------------- -- - -------------------------- ---- --------- ------ ------ -- -- ----- ------------- -- - --------------------- ----- ------- - ------------------------ -------------------- -- -----
指导意义
activity-segment 提供了一种简单易用的方式来记录用户活跃度。通过记录用户的页面停留时间、页面转移次数以及页面停留时间排名等指标,我们可以更好地了解用户的行为习惯,并做出更好的产品决策。
同时,activity-segment 也提醒我们需要关注用户的个人信息保护,应该遵循相关规则和标准,避免用户信息被滥用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056bea81e8991b448e5a85