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将url
www.google-analytics.com/analytics.js
替换为www.google-analytics.com/analytics\u debug.js
,然后重新加载并转到浏览器调试器的console选项卡并检查错误。React VR都在web worker上下文中,因此如果不使用本机模块,就无法访问窗口中的任何内容
您可以将它们直接嵌入到客户端js中,并像通常那样使用GA跟踪功能。然后,您将在react VR应用程序中调用本机模块上的函数
您可以在此处查看文档: