我正在尝试将Google Analytics添加到React Web应用程序中.
我知道如何在HTML/CSS/JS站点中进行操作,我也将它集成到AngularJS应用程序中.但是,我不太确定如何应对它.
使用HTML/CSS/JS,我刚刚将它添加到每个页面.
我使用AngularJS做的是将GTM和GA脚本添加到index.html,并将UA标签添加到HTML div(和按钮)以获得点击.
我怎么能用React做到这一点？
请帮忙!
我一直在尝试在我的应用程序中使用 react-ga 包和 google analytics 4。测量 ID 无法使用它，并且我可以使用的 google 分析 4 中没有跟踪代码。拜托，我需要帮助！
import ReactGA from 'react-ga';
const trackingId = 'G-XXXXXXXXXX'; // UA-XXXXXXXXX-X isn't available in GA4
ReactGA.initialize(trackingId, options);
ReactGA.pageview(page);
google-analytics google-analytics-api reactjs react-ga google-analytics-4
尽管我在应用程序的根目录下进行了初始化，但我多次收到以下警告（针对多个页面）。这让我想知道谷歌分析是否正常工作？
[react-ga] ReactGA.initialize must be called first or GoogleAnalytics should be loaded manually
我正在使用 ReactGA 来处理我的谷歌分析标签，但我无法让它工作。根据文档和其他一些在线问题，我需要做的就是将它插入到我的应用程序根目录中：
应用程序.js：
import ReactGA from 'react-ga';
ReactGA.initialize('G-xxxxxxxxxx');
const app = () => (
// Root level components here, like routing and navigation
)
我正在使用服务器端渲染，所以我在跟踪之前确保窗口对象存在。这一行放在我的每个页面上导入的末尾：
示例页面.js：
import ReactGA from 'react-ga';
if (typeof(window) !== 'undefined') {
ReactGA.pageview(window.location.pathname + window.location.search);
}
function page() {
return(<div className="page">Hello, World</div>)
}
export default page;
在这一点上，关于如何为 SSR 应用程序设置 Google Analytics 的信息并不多，所以我不完全确定我需要做什么才能使其工作。任何帮助表示赞赏！
javascript google-analytics reactjs server-side-rendering react-ga
我是Google Analytics Suite的新手，目前正在尝试将Google Optimize for A / B测试集成到react应用中。
我已经了解到变体更改将显示在所需的网页上，但仅在“预览”模式下显示，并且对如何继续在实时网站上查看变体更改感到困惑。
谷歌优化脚本安装在应用程序中
<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'GTM-XXXXXXX':true});</script>
使用ReactGA设置ga跟踪
触发Google对自定义激活事件进行优化实验，并使用dataLayer推送新事件
const initializeReactGa = () => {
console.log('called to initialize react ga');
ReactGA.initialize(config.gaTag)
ReactGA.ga('require', config.optimizeTag);
ReactGA.pageview(window.location.pathname + window.location.search);
}
const googleOptimizeLoader = () => {
console.log('called google optimize loader');
if(window.dataLayer) {
window.dataLayer.push({'event': 'optimize.activate'})
}
}
任何帮助表示赞赏。
TIA
纳耶尔
[解决了]
能够确定问题与安装无关。问题是，谷歌优化的cookie管理无法设置过期所需的cookie localhost:3000，而是指向的自定义域localhost，类似于XXXX.local:3000。
我已经构建了一个 React Web 应用程序，我想使用 Google Analytics 跟踪用户在我的网站上花费的时间。
目前我正在使用react-ga（https://github.com/react-ga/react-ga）作为将 Google Analytics 与 React 绑定的工具。我已经使用 Google Analytics 成功跟踪了每个页面。我可以像这样看到流量来源和概述：
Google Analytics Screen shot
然而，当我检查平均数时。“花费时间”页面：Google Analytics 行为概述。我看不到任何关于 avg 的数据。所花费的时间。
以下是我在代码中设置的内容，我在 App.js 文件中初始化了 ReactGA：
应用程序.js
componentDidMount() {
ReactGA.initialize('UA-xxxxxxx-x')
....
}
我在 Routing.js 文件中跟踪了我的页面，其中我的所有反应路由器路由都在此文件中：
路由.js
componentDidMount() {
this.props.history.listen(location => ReactGA.pageview(location.pathname))
...
}
到目前为止，这就是我为 Google Analytics 设置的全部内容react-ga。
我是否错过了跟踪平均数的任何内容？在我的网站上花费的时间？
我正在尝试在我的 reaact 应用程序中实现谷歌分析。但确实会在分析仪表板上点击任何页面。
这是实现：在 App.js 中：
import ReactGA from "react-ga";
componentDidMount() {
ReactGA.initialize("G-QBQXxxxxx");
ReactGA.pageview("/")
}
我的实现有什么问题吗？
我正在使用React-GA，它按预期工作，但我需要将用户电子邮件置于事件跟踪中：
我在示例中看到了这一点：
ReactGA.event({
category: 'Editing',
action: 'Deleted Component',
label: 'Game Widget'
});
我有每个用户的电子邮件作为字符串。我最好把它放在请求中的什么地方？
在我的react应用程序中，我有一些页面：
我需要跟踪用户使用Google Analytics（分析）的活动。我用google搜索了react-ga，一切都很好。但是，有了这个库，我必须在使用的每条路线上初始化我的GA。例如：
路线“ /”-主页：
class Main extends Component {
componentDidMount() {
initGA();
}
render() {
return (
<div>
<Component1 />
<Component2 />
</div>
)
}
}
我的initGA()样子是：
import ReactGA from 'react-ga';
export const initGA = () => {
ReactGA.initialize('UA-00000000-1');
ReactGA.pageview(window.location.pathname + window.location.search);
console.log(window.location.pathname + window.location.search);
}
我的App class样子是：
class App extends Component {
render() {
return (
<BrowserRouter>
<div className="App">
<Switch>
<Route exact path="/" component={Main} /> …我正在尝试在我的 React 应用程序上设置 Google Analytics，但我无法让任何东西正常工作。
我已遵循文档并运行 app.js 中包含的以下代码：
import ReactGA from 'react-ga'
...
useEffect(() => {
ReactGA.initialize(process.env.REACT_APP_GOOGLE_ANALYTICS)
ReactGA.pageview('/')
ReactGA.pageview(window.location.pathname + window.location.search);
}, [])
（我已将跟踪 ID 保存到 .env 文件中，该文件是从 Analytics.google 控制台复制的）
我正在从 localhost:3000 运行我的应用程序，但没有通过 Chrome 开发人员工具中的网络选项卡发送任何内容（我假设您会在其中看到数据发送回 Google Analytics）。我还尝试遵循此处的“演示代码”：https ://github.com/react-ga/react-ga
我的 Google Analytics 控制台上没有任何变化，我的开发人员工具中也没有看到任何情况发生。
有人可以告诉我如何开始吗？