Javascript 如何在React VR项目中实施Google Analytics事件跟踪?

Javascript 如何在React VR项目中实施Google Analytics事件跟踪?,javascript,google-analytics,react-360,Javascript,Google Analytics,React 360,这是松散地写给一个什么我试图实现的基本想法 userClick={() => this.triggerTracking} triggerTracking() { ga('send', 'event', 'myEventCategory', 'myEventAction', 'myEventLabel'); } 我希望当用户点击按钮时,代码会触发GA系统中的Google Analytics事件跟踪,但我会收到一条错误消息——“GA不是一个函数” 我已经在index.html

这是松散地写给一个什么我试图实现的基本想法


userClick={() => this.triggerTracking}

triggerTracking() {
    ga('send', 'event', 'myEventCategory', 'myEventAction', 'myEventLabel');
}

我希望当用户点击按钮时,代码会触发GA系统中的Google Analytics事件跟踪,但我会收到一条错误消息——“GA不是一个函数”


我已经在index.html文件中设置了GA,使用了正确的ID,并引入了最新的analytics.js API

尝试将窗口范围用作:

window.ga('send', 'event', 'myEventCategory', 'myEventAction', 'myEventLabel');
我对React一点也不熟悉,但React可能会导致窗口和React作用域之间出现一些抽象,从而使ga()函数不可用。

执行下一步STP:

  • 打开浏览器的网络调试工具
  • 重新加载页面
  • 查看加载的url列表,并检查是否加载了
    www.google-analytics.com/analytics.js
如果你没有看到这样的url加载-阅读谷歌Analyticks手册,了解如何在你的页面上设置谷歌分析


如果您在页面中看到这样的url将url
www.google-analytics.com/analytics.js
替换为
www.google-analytics.com/analytics\u debug.js
,然后重新加载并转到浏览器调试器的console选项卡并检查错误。

React VR都在web worker上下文中,因此如果不使用本机模块,就无法访问窗口中的任何内容

您可以将它们直接嵌入到客户端js中,并像通常那样使用GA跟踪功能。然后,您将在react VR应用程序中调用本机模块上的函数

您可以在此处查看文档: