支付宝小程序从手动埋点到自动埋点的实现过程

// axml
<view onTap="track" data-ilog="xxx">这只是一个展示view</view>

//js 
track(e) {
   ...业务代码
   
   // 埋点代码
  app.sentEventCustom("click", this, this.query, e.target.dataset.ilog);
}

// axml
<view onTap="track" class="ilog" data-ilog="xxx">这只是一个展示view</view>

//js 
track(e) {
   // 埋点代码
   report()
}

  onPullDownRefresh() {
    // 埋点代码
    report()
  },

//js 
async onAuthPhone() { 
  await app.getUserPhone()
  // 埋点代码
  report()
}

// 记录原Page方法
const originPage = Page;
// 重写Page方法
Page = (page) => {
  // 给page对象注入三个方法
  page.elementTracker = function() {}
  page.methodTracker = function() {}
  page.isClickTrackArea = function() {}
  return originPage(page);
};

const originPage = Page;
// 重写Page方法
Page = (page) => {
  // 给onShow方法插入埋点
  const originMethod = page['onShow'];
  page['onShow'] = function() {
    report() // 记录埋点
    return originMethod();
  }
  return originPage(page);
};

const tracks = {
  path: 'pages/film/detail',
  elementTracks: [
    {
      element: '.buy-now',  // 声明需要监听的元素
      dataKeys: ['film.filmId'], // 声明需要获取Data下的film对象下的filmId字段
    },
  ],
  methodTracks: [
    {
      method: 'toBannerDetail', // 声明需要监听的函数
      dataKeys: ['imgUrls'], // 声明需要获取Data下的imgUrls数据
    },
  ],
};