如何在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 ，然后重新加载并转到浏览器调试器的控制台标签并检查错误。