微信小程序埋点妙招，全方位解析H5与原生页停留时间

2023-04-07 16:27:24

微信小程序埋点宝典：精准把握用户停留时间

在微信小程序开发中，埋点技术至关重要。它可以帮助开发者收集和分析用户行为数据，了解用户的使用习惯和偏好，从而优化产品体验和功能。在这篇文章中，我们将重点探讨 H5 页面和原生页的停留时间埋点，帮助开发者轻松掌握相关知识，获得更准确的数据分析结果。

H5 页面停留时间埋点

H5 页面停留时间埋点可以记录用户在 H5 页面停留的时长。以下是实现步骤：

在页面加载时，使用 Date.now() 记录加载时间。
在页面卸载时，使用 Date.now() 计算停留时间，并通过 wx.reportAnalytics() 发送到后台。

// H5页面停留时间埋点示例
window.onload = function () {
  //页面加载时记录时间
  var startTime = Date.now();

  window.onunload = function () {
    //页面卸载时计算停留时间
    var endTime = Date.now();
    var stayTime = endTime - startTime;

    //将停留时间发送到后台
    wx.reportAnalytics('stay_time', { stayTime: stayTime });
  };
};

原生页停留时间埋点

原生页停留时间埋点类似于 H5 页面埋点，但使用原生 API 实现。

在页面加载时，使用 new Date().getTime() 获取加载时间。
在页面卸载时，使用 new Date().getTime() 计算停留时间，并通过 wx.reportAnalytics() 发送到后台。

// 原生页停留时间埋点示例
Page({
  onLoad: function () {
    //页面加载时记录时间
    var startTime = new Date().getTime();

    this.onUnload = function () {
      //页面卸载时计算停留时间
      var endTime = new Date().getTime();
      var stayTime = endTime - startTime;

      //将停留时间发送到后台
      wx.reportAnalytics('stay_time', { stayTime: stayTime });
    };
  },
});