阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      微信⼩程序 数据统计

      问题

      微信⼩程序 数据统计

      答案

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

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

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

      目录
      目录