如何在 PWA 对话框中检测安装点击事件？

Question

我想在flutter中跟踪默认PWA安装对话框的安装事件。 因此，如果您对如何通过 service-worker 或其他方式进行跟踪有任何想法，请评论您的答案。

提前致谢:)

Answer 1

如果您有自己的安装 UI，您可以捕获 beforeinstallprompt 事件，并且当用户点击您的安装按钮时，您可以捕获安装对话框的结果：

// You save the prompt on the beforeinstallprompt event handler
// prompt will show the browser install pop dialog
deferredPrompt.prompt()

//Here you capture the outcome
const { outcome } = await deferredPrompt.userChoice;

//send the event to google analytics for tracking
ga('send', 'event', {
  eventCategory: 'pwa-install',
  eventAction: 'promo-clicked',
  eventValue: outcome === 'accepted' ? 1 : 0,
}

如果您没有自己的安装 UI，则在 Edge 和 Chrome 上，您可以使用 'onappinstalled' 事件来捕获安装。

此 video 包含有关安装周期以及如何使用谷歌分析记录事件的更多详细信息