问题标签 [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.
reactjs - 有没有办法通过 Google Analytics 跟踪用户在 React Web 应用程序中花费的活动时间?
假设一个用户使用user_id(1000)
并email(user101@example.com)
登录到基于 reactjs 的 Web 应用程序并浏览了几页2mins
,然后移动到其他应用程序选项卡/窗口,30mins
然后回到 Web 应用程序并浏览了应用程序5more
几分钟April 1st 2021
。
我想在报告中跟踪/获取该用户的花费时间报告Google Analytics
with user101@example.com
hasuser_id(1000)
花费7mins
on April 1st 2021
。如果可能的话,有没有办法通过 GA 跟踪相同的react-ga,如果可能的话,我们该怎么做?
截至目前,react-ga
我正在跟踪如下userid
属性:
如果无法通过 Google Analytics 实现,是否有任何服务提供商具有这种功能?
注意:我已经完成了现有的 q/a 但无法找到/找出解决方案。
reactjs - 在 React Chrome 扩展中实现 Google Analytics
我已经使用 React 构建了一个 chrome 扩展,现在正在尝试实现 Google Analytics。网上有一些关于在 chrome 扩展中使用 GA 和在 React 中使用 GA 和 ReactGA 的内容,但没有关于 React 中的 chrome 扩展。
下面,我创建了一个用于页面跟踪的 AnalyticsProvider 组件(我在另一个问题上找到了):
我在 manifest.json 文件中添加了以下内容:
但是,尝试在浏览器中解压缩我的扩展时,我收到以下错误消息:
知道为什么我会收到此错误吗?
我是所有这一切的初学者,所以任何帮助或指导将不胜感激!
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 中仍然没有任何反应
javascript - 为什么我无法在我的 React 应用程序中访问谷歌分析?
我正在尝试在react-ga
挂钩的帮助下启用谷歌分析。
我在github
上关注了他们的文档,我不知道为什么我没有得到任何数据,也不知道如何调试它。我已将此代码粘贴到每个页面上,但我仍然没有得到任何东西,而且我的 Firebase 应用程序中的流配置也是如此。ReactGA.initialize("G-NHW4EP16PN");
reactjs - GoogleAnalytics 不使用 ReactGA 跟踪页面浏览量
我已经用 GCP 托管的 django 后端构建了一个反应应用程序。我想通过谷歌分析实现用户跟踪,并从安装谷歌分析的反应包开始,ReactGA。这个包的实现使用下面的代码
但是,当在我的应用程序 index.js 或 App.js 中实施时,这只会跟踪用户最初访问该站点,但不会跟踪单个页面访问。如何跟踪所有用户活动?如果可能的话,我对任何想法持开放态度,包括不通过 GCP 实现代码。提前致谢,
reactjs - 从 react-ga 获取事件
我正在尝试在 SPA React-app 中实现 Google Analytics 来记录事件。
我在 Google Analytics 中创建了一个数据流并获得了一个测量 ID。然后我做了一个自定义钩子:
然后我使用钩子在 App.tsx 中初始化 GA:
在 MyComponent 中,发送了一个事件:
当我单击按钮时,控制台正在打印:
但谷歌分析上没有出现任何内容。
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 应用程序中?
google-analytics - nextjs 项目有可能让两个谷歌分析师一起工作吗?
在我的 Nextjs 项目(Nextjs v10)中,应所有者的要求使用了 2 位分析师。最初它只是谷歌分析,后来添加了 gtag。
我最近尝试的所有操作都不包括 gtag,但有时它们会通过增加跳出率来影响谷歌分析。
_app.js
_document.js
分析.js
gtag.js
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 模块的解决方法?
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;
- http://localhost:3000
- https://localhost:3000
当我使用 http uri 启动客户端时,Google 服务运行良好。但是,当我使用 https 启动客户端时,Google 服务返回以下错误:“不是客户端的有效来源:https://localhost:3000 尚未注册客户端 ID...”。
对于任何想知道我为什么不使用 http 的人,我已经集成了 Facebook Graph API 和 Google API。Facebook 的 API 要求请求客户端具有 SSL 证书。这就是为什么我希望 Google API 也可以在 SSL 上运行,这样我就不必在每次测试其中任何一个时都更改客户端证书。