微信⼩程序 数据统计

问题

微信⼩程序 数据统计

答案

数据统计作为⽬前⼀种常⽤的分析⽤户⾏为的⽅式，⼩程序端也是必不可少 的。⼩程序采取的曝光，点击数据埋点其实和h5原理是⼀样的。但是埋点作为 ⼀个和业务逻辑不相关的需求，我们如果在每⼀个点击事件，每⼀个⽣命周期 加⼊各种埋点代码，则会⼲扰正常的业务逻辑，和使代码变的臃肿，笔者提供 以下⼏种思路来解决数据埋点

设计⼀个埋点sdk

⼩程序的代码结构是，每⼀个 Page 中都有⼀个 Page ⽅法，接受⼀个包含 ⽣命周期函数，数据的 业务逻辑对象 包装这层数据，借助⼩程序的底层逻辑 实现⻚⾯的业务逻辑。通过这个我们可以想到思路，对 Page 进⾏⼀次包装， 篡改它的⽣命周期和点击事件，混⼊埋点代码，不⼲扰业务逻辑，只要做⼀些 简单的配置即可埋点，简单的代码实现如下

// 代码仅供理解思路
page = function(params) {
    let keys = params.keys()
    keys.forEach(v => {
        if (v === 'onLoad') {
            params[v] = function(options) {
                stat() //曝光埋点代码
                params[v].call(this, options)
            }
        }
        else if (v.includes('click')) {
            params[v] = funciton(event) {
                let data = event.dataset.config
                stat(data) // 点击埋点
                param[v].call(this)
            }
        }
    })
}

这种思路不光适⽤于埋点，也可以⽤来作全局异常处理，请求的统⼀处理等场景

分析接⼝

对于特殊的⼀些业务，我们可以采取 接⼝埋点，什么叫接⼝埋点呢？很多情况 下，我们有的 api 并不是多处调⽤的，只会在某⼀个特定的⻚⾯调⽤，通过 这个思路我们可以分析出，该接⼝被请求，则这个⾏为被触发了，则完全可以 通过服务端⽇志得出埋点数据，但是这种⽅式局限性较⼤，⽽且属于分析结果 得出过程，可能存在误差，但可以作为⼀种思路了解⼀下

微信⾃定义数据分析

微信本身提供的数据分析能⼒，微信本身提供了常规分析和⾃定义分析两种数 据分析⽅式，在⼩程序后台配置即可。借助⼩程序数据助⼿这款⼩程序可以很 ⽅便的查看

更多面试题

如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。

这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！