微信小程序中实现埋点的方法示例详解

// utils/request.js
const app = getApp()
const host = app.globalData.host
export const reportTrackEvent = (data) => {
  wx.request({
    url: `${host}/trackEvent`,
    method: 'POST',
    data,
    success(res) {
      console.log('上报成功', res)
    },
    fail(err) {
      console.error('上报失败', err)
    }
  })
}

// app.js
import { reportTrackEvent } from './utils/request'
App({
  onLaunch() {
    const systemInfo = wx.getSystemInfoSync()
    const { model, system, version } = systemInfo
    reportTrackEvent({
      event: 'app_launch',
      device_model: model,
      os_name: system,
      os_version: version
    })
  }
})

// pages/index/index.js
import { reportTrackEvent } from '../../utils/request'
Page({
  onLoad() {
    reportTrackEvent({
      event: 'page_view',
      page_name: 'index'
    })
  }
})

<!-- pages/index/index.wxml -->
<button bindtap="handleTap">点击</button>

// pages/index/index.js
Page({
  handleTap() {
    reportTrackEvent({
      event: 'button_click',
      button_name: '首页按钮'
    })
  }
})