问题标签 [react-ga]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
786 浏览

reactjs - 有没有办法通过 Google Analytics 跟踪用户在 React Web 应用程序中花费的活动时间?

假设一个用户使用user_id(1000)email(user101@example.com)登录到基于 reactjs 的 Web 应用程序并浏览了几页2mins,然后移动到其他应用程序选项卡/窗口,30mins然后回到 Web 应用程序并浏览了应用程序5more几分钟April 1st 2021

我想在报告中跟踪/获取该用户的花费时间报告Google Analyticswith user101@example.comhasuser_id(1000)花费7minson April 1st 2021。如果可能的话,有没有办法通过 GA 跟踪相同的react-ga,如果可能的话,我们该怎么做?

截至目前,react-ga我正在跟踪如下userid属性:

如果无法通过 Google Analytics 实现,是否有任何服务提供商具有这种功能?

注意:我已经完成了现有的 q/a 但无法找到/找出解决方案。

0 投票
0 回答
180 浏览

reactjs - 在 React Chrome 扩展中实现 Google Analytics

我已经使用 React 构建了一个 chrome 扩展,现在正在尝试实现 Google Analytics。网上有一些关于在 chrome 扩展中使用 GA 和在 React 中使用 GA 和 ReactGA 的内容,但没有关于 React 中的 chrome 扩展。

下面,我创建了一个用于页面跟踪的 AnalyticsProvider 组件(我在另一个问题上找到了):

我在 manifest.json 文件中添加了以下内容:

但是,尝试在浏览器中解压缩我的扩展时,我收到以下错误消息:

知道为什么我会收到此错误吗?

我是所有这一切的初学者,所以任何帮助或指导将不胜感激!

0 投票
1 回答
195 浏览

javascript - 在 React SSR 项目中设置谷歌分析的问题

a看到了一个非常相似的问题,但甚至没有一个答案,所以如果有人能以某种方式提供帮助,那就太好了。

我有一个在 React js 上使用 SSR 的项目,但没有使用 Next.js。当我尝试按照文档所说的那样设置 Google 分析并将初始化代码粘贴到 Layout.cshtml 时,如下所示:

它有效,但只显示常见事件,如综合浏览量

然后我尝试添加 react-ga lib,并将初始化代码粘贴到 Layout.tsx,如下所示:

并将自定义事件添加到主页组件中的按钮:

之后,当我更改 url 或单击按钮时,在 devtools -> network 中可以看到请求发送:

https://www.google-analytics.com/collect?v=1&_v=j90&a=373007786&t=event&_s=9&dl=http%3A%2F%2Flocalhost%2F&ul=ru-ru&de=UTF-8&dt=urlpart1%urlpart2%20% 7C%20urlpart3%20of%20urlpart4&sd=24-bit&sr=1920x1080&vp=1903x969&je=0&ec=Promotion&ea=Displayed%20Promotional%20Widget&el=Homepage%20Thing&ev=1&_u=CACAAEABAAAAAC~&jid=&gjid=&cid=1105544602.1617783853&tid=G-Dxxxxxxxx&_gid=1622278569.1618564467&z= 1200894868

但我没有看到谷歌分析事件本身有任何变化。

如果有人能以某种方式提供帮助,我做错了什么?

我还安装了 Google Tag Assistant 扩展程序,它可以看到我的事件 pege_view 或我的自定义事件,但在 Google Analytics 中仍然没有任何反应

在此处输入图像描述

0 投票
1 回答
242 浏览

javascript - 为什么我无法在我的 React 应用程序中访问谷歌分析?

我正在尝试在react-ga挂钩的帮助下启用谷歌分析。 我在github
上关注了他们的文档,我不知道为什么我没有得到任何数据,也不知道如何调试它。我已将此代码粘贴到每个页面上,但我仍然没有得到任何东西,而且我的 Firebase 应用程序中的流配置也是如此。ReactGA.initialize("G-NHW4EP16PN");

0 投票
0 回答
66 浏览

reactjs - GoogleAnalytics 不使用 ReactGA 跟踪页面浏览量

我已经用 GCP 托管的 django 后端构建了一个反应应用程序。我想通过谷歌分析实现用户跟踪,并从安装谷歌分析的反应包开始,ReactGA。这个包的实现使用下面的代码

但是,当在我的应用程序 index.js 或 App.js 中实施时,这只会跟踪用户最初访问该站点,但不会跟踪单个页面访问。如何跟踪所有用户活动?如果可能的话,我对任何想法持开放态度,包括不通过 GCP 实现代码。提前致谢,

0 投票
0 回答
565 浏览

reactjs - 从 react-ga 获取事件

我正在尝试在 SPA React-app 中实现 Google Analytics 来记录事件。

我在 Google Analytics 中创建了一个数据流并获得了一个测量 ID。然后我做了一个自定义钩子:

然后我使用钩子在 App.tsx 中初始化 GA:

在 MyComponent 中,发送了一个事件:

当我单击按钮时,控制台正在打印:

但谷歌分析上没有出现任何内容。

0 投票
0 回答
374 浏览

javascript - react-ga 未将 Google Analytics Tracker 添加到页面

我有一个 React 应用程序,它使用react-ga包将 Google Analytics 跟踪器代码 ( UA-123456789-1) 添加到所有路由。

但是,当我使用 Chrome 浏览器搜索 React 应用程序的源代码时,找不到跟踪代码。果然,当我访问 React 应用程序时,跟踪代码的 Google Analytics 实时视图没有显示任何数据。

ReactGA正在我App.js的包含 React Router 路由中初始化。

为什么 GA 跟踪代码没有添加到 React 应用程序中?

0 投票
0 回答
29 浏览

google-analytics - nextjs 项目有可能让两个谷歌分析师一起工作吗?

在我的 Nextjs 项目(Nextjs v10)中,应所有者的要求使用了 2 位分析师。最初它只是谷歌分析,后来添加了 gtag。

我最近尝试的所有操作都不包括 gtag,但有时它们会通过增加跳出率来影响谷歌分析。

_app.js

_document.js

分析.js

gtag.js

0 投票
1 回答
91 浏览

reactjs - 谷歌分析使用 react-ga 推荐的 react-router 实现使用来自先前路由的页面标题

如果这是一个重复的问题或已在其他地方解决,但我无法找到答案,我深表歉意。我正在尝试根据https://github.com/react-ga/react-ga/wiki/React-Router-v4-withTracker将谷歌分析集成到使用 react-router-dom 的反应应用程序中。我正在使用 BrowserRouter 和 React Hooks [TypeScript] 代码,没有对提供的链接进行任何修改。

谷歌分析生成的信标始终具有正确的页面路径,但使用上一页的标题。这是一个问题,因为在网页浏览的实时报告中,具有不同页面标题的相同路线(页面)被报告为单独的指标。

这是一个问题还是我错过了什么?如果这是一个问题,是否有人找到了使用或不使用 react-ga 模块的解决方法?

0 投票
0 回答
29 浏览

reactjs - 如何将 SSL localhost 添加到 Google API 来源?

我正在使用 ReactJS 上的 Google Analytics Reporting API。在 Google Cloud Platform 控制台的 下APIs and Services > Credentials > OAuth 2.0 Client IDs > Authorised Javascript Origins,我添加了以下两个 URI;

  1. http://localhost:3000
  2. https://localhost:3000

当我使用 http uri 启动客户端时,Google 服务运行良好。但是,当我使用 https 启动客户端时,Google 服务返回以下错误:“不是客户端的有效来源:https://localhost:3000 尚未注册客户端 ID...”。
对于任何想知道我为什么不使用 http 的人,我已经集成了 Facebook Graph API 和 Google API。Facebook 的 API 要求请求客户端具有 SSL 证书。这就是为什么我希望 Google API 也可以在 SSL 上运行,这样我就不必在每次测试其中任何一个时都更改客户端证书。