ReactGA 不适用于 G 类型跟踪 ID

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)

我的实现有什么问题吗?

Abd*_*lah 9

基于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)

效果很好