服务工作者在推送通知中跟踪

Question

我想知道在显示推送通知后我们如何跟踪服务工作者点击事件。我有注册服务工作者并发回推送通知但现在我想跟踪通知点击事件是否用户打开通知并丢弃它。

self.addEventListener('push', function(event) { 
    const analyticsPromise = pushReceivedTracking(); 
    const pushInfoPromise = fetch('api/subscriber/msg/')
        .then(function(response) { return response.json(); })
        .then(function(response) {
            const title = response.data.userName + ' says...'; 
            const message = response.data.message; 
            return self.registration.showNotification(title, { body: message }); 
        }); 

    const promiseChain = Promise.all([ analyticsPromise, pushInfoPromise ]); 
    event.waitUntil(promiseChain);
 })

Answer 1

您可以在服务工作者中处理NotificationEvent：

self.addEventListener('notificationclick', function (event) {
  event.notification.close();
  // track the notification click here
});

另请注意，您可以在通知中添加按钮 - 现在您只需跟踪通知本身的点击次数。