页面访问时长统计js代码实现

以下是使用 Google Analytics 进行页面访问时长统计的示例代码：

1. 在HTML页面中引入 Google Analytics 的 JavaScript 代码：

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'GA_MEASUREMENT_ID');
</script>

其中，`GA_MEASUREMENT_ID` 是你在 Google Analytics 中创建的跟踪 ID。

2. 在页面加载完成后，使用 JavaScript 代码发送页面访问事件：

gtag('event', 'page_view', {
  'send_to': 'GA_MEASUREMENT_ID',
  'event_callback': function() {
    // 记录页面访问时长
    var duration = Math.round(performance.now());
    gtag('event', 'engagement_time', {
      'event_label': '页面访问时长',
      'value': duration
    });
  }
});

以上代码中，`performance.now()` 方法可以获取页面加载完成后的时间戳，从而计算出页面的访问时长。`engagement_time` 是自定义的事件类型，`event_label` 是事件的标签，`value` 是数值型的事件值，表示页面访问时长（单位为毫秒）。通过这些数据，可以在 Google Analytics 中查看用户的访问时长情况。