Nis*_*061 4 google-analytics reactjs react-ga
我正在尝试在我的 reaact 应用程序中实现谷歌分析。但确实会在分析仪表板上点击任何页面。
这是实现:在 App.js 中:
import ReactGA from "react-ga";
componentDidMount() {
ReactGA.initialize("G-QBQXxxxxx");
ReactGA.pageview("/")
}
Run Code Online (Sandbox Code Playgroud)
我的实现有什么问题吗?
基于react-ga docs,它旨在与Universal Analytics一起使用,Universal Analytics是 Google Analytics 的最新版本,直到 2020 年 10 月 14 日。从那时起,GA-4 是 Google Analytics 中的默认属性类型。您需要创建Universal Analytics类型的属性。为此,请转到 Google Analytics 主页并转到Admin。
选择您想要添加资产的账户,然后点击创建资产。
现在您进入属性设置页面。(您也可以创建一个新帐户,并在第二步中设置其名称后,您会看到“属性设置”)。然后单击显示高级选项。
启用创建 Universal Analytics 媒体资源并选择可用选项之一。如果选择同时创建谷歌Analytics(分析)4和Universal Analytics媒体资源,你将有两个不同性质的一种具有测量ID喜欢GA-XXXXXXXXXX
和其他具有跟踪ID喜欢UA-XXXXXXXXXX
。使用Tracking ID而不是MEASUREMENT ID。
小智 1
您无需使用测量 ID(以“G-”开头),而是设置 Universal Analytics(“Web”)媒体资源(Universal Analytics 媒体资源具有视图而不是数据流),而是拥有一个跟踪 ID(以“UA”开头) -“), 进而
import ReactGA from "react-ga";
componentDidMount() {
ReactGA.initialize("UA-XXXXXXXX");
ReactGA.pageview("/")
}
Run Code Online (Sandbox Code Playgroud)
效果很好
归档时间: |
|
查看次数: |
1456 次 |
最近记录: |