vue公众号项目监听微信的进入后台事件、页面销毁事件,记录用户浏览时长数据埋点

136 阅读1分钟

在微信公众号页面开发中,要记录用户浏览时长,实现买点操作

1监听visibilitychange事件

mounted() {
        // 监听微信的进入后台事件
        document.addEventListener('visibilitychange', this.handleVisibilityChange)
    },
beforeUnmount() {
        // 在组件销毁前移除事件监听
        document.removeEventListener('visibilitychange', this.handleVisibilityChange)
    },
method(){
/\*\*
\* 微信进入后台
\*/
handleVisibilityChange() {
if (document.visibilityState === 'hidden') {
// 执行清理操作,调用相关的清理函数或触发埋点代码
this.handleBeforeUnload()
}
},
}
/*
* 触发埋点
*/
 handleBeforeUnload() {
            clearInterval(this.playTimer)
            this.dataBurialPoint()//埋点请求
        },

 beforeDestroy() {
	this.handleBeforeUnload() //触发埋点
    },