如何在Web单页应用程序中使用Firebase Analytics跟踪页面视图？

Question

我正在尝试通过Firebase分析跟踪简单事件和页面/视图。

我有一个渐进式Web应用（SPA）。这是一个全屏游戏，不使用浏览器历史记录。

老实说，我对Google的文档有些困惑，有时候他们只解释它如何在ios / Android中工作，而不是在Web上工作。此外，Firebase分析与“常规Google分析”不同。

Firebase Analytics API没什么：

analytics().logEvent()
analytics().setAnalyticsCollectionEnabled()
analytics().setCurrentScreen()
analytics().setUserId()
analytics().setUserProperties()

虽然“ Google Analytics（分析）文档”确实有一个section about SPA's，但我还没有找到如何对Firebase分析执行相同的操作，例如手动发送如下页面视图：

ga('set', 'page', '/new-page.html');
ga('send', 'pageview');

我尝试使用setCurrentScreen，但是它什么也不做。感谢帮助。

Answer 1

调用setCurrentScreen本身还没有记录任何事件。相反，根据docs，它将firebase_screen参数添加到后续事件。

但是，在我的SPA / PWA中，我通过记录一个单独的screen_view事件来跟踪屏幕视图：

const handleHashChange = async () => {
    const hash = document.location.hash;

    firebase.analytics().logEvent('screen_view', { screen_name: hash.substring(1) });
}

handleHashChange();
window.addEventListener("hashchange", handleHashChange);