如何统计用户仪表盘停留时长？Sentry startTransaction替代方案咨询

云上老周

2026-6-26

解决Sentry统计仪表盘停留时长的替代方案

针对你遇到的Sentry startTransaction 废弃后无法统计页面停留时长的问题，可以用以下两种方案实现需求：

方案一：手动创建自定义事务并控制生命周期

Sentry新版本仍支持手动创建事务，只需调整API用法，通过手动控制事务的启动和结束时机来统计停留时长：

// 用户进入仪表盘时启动事务
const dashboardTransaction = Sentry.startTransaction({
  name: 'Dashboard Stay Duration',
  op: 'page.view',
});

// 监听页面卸载事件，结束事务
window.addEventListener('beforeunload', () => {
  dashboardTransaction.finish();
});

// 单页应用场景下，监听路由离开仪表盘的事件
router.beforeEach((to, from) => {
  if (from.name === 'Dashboard') {
    dashboardTransaction.finish();
  }
});

方案二：结合现有事务添加自定义时长指标

利用Sentry自动捕获的页面事务，通过添加自定义测量值记录停留时长：

// 记录用户进入仪表盘的时间
const enterTime = Date.now();

// 离开时计算时长并关联到当前事务
window.addEventListener('beforeunload', () => {
  const stayDuration = Date.now() - enterTime;
  const activeTransaction = Sentry.getCurrentHub().getScope().getTransaction();
  if (activeTransaction) {
    activeTransaction.setMeasurement('dashboard.stay_duration', stayDuration, 'millisecond');
    activeTransaction.finish();
  }
});