微信⼩程序 数据统计

🌙
手机阅读
本文目录结构

问题

微信⼩程序 数据统计

答案

数据统计作为⽬前⼀种常⽤的分析⽤户⾏为的⽅式,⼩程序端也是必不可少 的。⼩程序采取的曝光,点击数据埋点其实和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前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

面试题
HTML CSS JavaScript
jQuery Vue.js React
算法 HTTP Babel
BootStrap Electron Gulp
Node.js 前端经验相关 前端综合
Webpack 微信小程序 -

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


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>