如何在React VR項目中實現Google Analytics（分析）事件跟蹤？

Question

撰寫本文的目的是為了大致了解我正在嘗試實現的目標。

< VrButton onClick={props.userClick}>< /VrButton>

 userClick={() => this.triggerTracking} triggerTracking() { ga('send', 'event', 'myEventCategory', 'myEventAction', 'myEventLabel'); } 

我希望該代碼在用戶單擊按鈕時觸發GA系統中的Google Analytics（分析）事件跟蹤，但是我收到一條錯誤消息-“ ga不是函數”。

我在index.html文件中設置了Google Analytics（分析），具有正確的ID，並提取了最新的analytics.js API。

Answer 1

React VR都在Web Worker上下文中，因此如果不使用本機模塊就無法訪問窗口上的任何內容。

您可以將它們直接嵌入到客戶端js中，並像往常一樣使用GA跟蹤功能。 然后，您將在react VR應用程序中的本機模塊上調用一個函數。

您可以在此處查看文檔： https : //facebook.github.io/react-vr/docs/native-modules.html

Answer 2

嘗試將窗口范圍用作：

window.ga('send', 'event', 'myEventCategory', 'myEventAction', 'myEventLabel');

我一點都不熟悉React，但也許React會在窗口和react范圍之間造成某種抽象，從而使您的ga（）函數不可用。

Answer 3

執行下一個步驟：

• 打開瀏覽器的網絡調試工具。
• 重新載入您的頁面
• 查看已加載的網址列表，並檢查是否已加載www.google-analytics.com/analytics.js

如果您沒有看到這樣的網址，請閱讀google analitycks手冊，了解如何在頁面上設置google Analytics。

如果您在網頁中看到此類網址，則將網址www.google-analytics.com/analytics.js替換為www.google-analytics.com/analytics_debug.js ，然后重新加載並轉到瀏覽器調試器的控制台標簽並檢查錯誤。