问题标签 [react-ga]

我想在我的网络应用项目中使用 react-ga 跟踪事件。我使用 react-router-dom 进行路由，并且总是使用 Link 来重定向用户。我的标题中的一个示例 - 将用户引导至“探索”页面：

如何准确地跟踪事件“用户去了 '/explore'” 我能找到的唯一指南向我展示了如何跟踪由按钮和 onClick() 引起的事件。我已经将我的应用程序连接到谷歌分析，它可以很好地检测到我当前的位置。

我想在我的 react 应用程序上实现 Google Analytics，并且我已经使用 react-ga 模块进行了设置。

我在两天前设置了它，但没有数据发送到我的分析帐户。
我如何将数据接收到 Google Analytics 中？

这是一个示例流程：

推荐人 -> 我的应用程序 (1) -> 电子邮件已发送 -> 用户点击电子邮件链接 -> 我的应用程序 (2)

我正在使用react-ga. 第 1 步是一个包含Referrer URL（链接到我的外部站点）的会话。第 2 步来自一封电子邮件，react-ga再次初始化，我假设一个新会话开始，在一个新选项卡中 - 推荐人 URL 在 GA 的报告中丢失。第 1 步和第 2 步是同一流程的一部分，那么对此有什么好的做法呢？

我正在尝试在我的 React 应用程序上设置 Google Analytics，但我无法正常工作。

我遵循了文档并正在运行我的 app.js 中包含的以下代码：

（我已将我的 Tracking ID 保存到我的 .env 文件中，该文件是从我的 analytics.google 控制台复制的）

我正在从 localhost:3000 运行我的应用程序，但没有通过 Chrome 的开发人员工具中的网络选项卡发送任何内容（我假设您会在此处看到数据被发送回 Google Analytics）。我也尝试过这里的“演示代码”：https ://github.com/react-ga/react-ga

我的 Google Analytics 控制台上没有任何变化，我的开发人员工具中也没有发生任何变化。

有人可以告诉我如何从这里开始吗？

我正在尝试将使用 ReactJS 制作的个人网站连接到 Google Analytics。我已按照本教程进行操作，但仍然无法看到活动用户（当我访问本地主机上的站点或使用 netlify 部署它时）。

这是我的 app.js：

react.js 谷歌分析不起作用。没有显示实时数据。我也在使用firebase数据库需要一些帮助

我一直在尝试在我的应用程序中使用带有 google analytics 4 的 react-ga 包。测量 ID 不适用于它，并且在我可以使用的谷歌分析 4 中没有跟踪代码。拜托，我需要帮助！

我一直在尝试将 Google 分析集成到我的反应应用程序中，并且我使用了该线程中提到的所有方法，但所有解决方案都失败了。以下是我尝试过的方法以及我得到的相应错误。希望有人可以帮助

第一页正常加载，但如果我点击 Switch 上的任何链接，我会得到一个空白页和以下警告

我用钩子尝试的第二种方法我得到了同样的错误

我尝试使用 useLocation() 并且没有历史记录的第三种方式

我收到以下错误

我正在尝试将 React-GA 添加到 react web 应用程序，并通过将其添加到 index.js 来遵循文档：

但是，这会导致浏览器控制台中出现以下错误

从源“http://localhost:3000”访问“https://www.google-analytics.com/j/collect?......”的 XMLHttpRequest 已被 CORS 策略阻止：当请求的凭据模式为“包含”时，响应中的“Access-Control-Allow-Origin”标头不得为通配符“*”。XMLHttpRequest 发起的请求的凭证模式由 withCredentials 属性控制。

analytics.js:37 发布 https://www.google-analytics.com/j/collect ? ..... 净::ERR_FAILED

查看网络选项卡中的 Google Analytics HTTP 响应，我肯定看到了为 access-control-allow-headers 设置的通配符：

但是，我不确定如何解决这个问题，因为它似乎是由谷歌的回应引起的。

通过监听历史对象的位置变化，我遵循了使用 React-GA 和 React Router 的看似相当样板的说明。这是片段：

问题是每次位置更改时，它都会发送越来越多的点击。因此，如果我从 /login 开始，它将发送 1 个命中。然后我更改为 /signup，它会在 /signup 上发送 2 次点击。然后我返回登录，它向 /login 发送了 3 次点击。等等。这似乎可能是 BrowserRouter 传递的历史对象的问题，因为控制台日志也会发生同样的事情。就像我提到的那样，上面的片段几乎是从其他几个博客中逐字复制/粘贴的，这些博客引用了 React GA 和 React Router 的标准设置，所以我不确定如何防止它发送这些重复的命中。