reactjs - ReactGA 不适用于 G 类型跟踪 ID

Question

我正在尝试在我的反应应用程序中实现谷歌分析。但确实会在分析仪表板中点击任何页面。

这是实现： 在 App.js 中：

import ReactGA from "react-ga";
 componentDidMount() {
    ReactGA.initialize("G-QBQXxxxxx");
    ReactGA.pageview("/")
  }

我的实施有什么问题吗？

Answer 1

基于react-ga docs，它旨在与Universal Analytics一起使用，这是 2020 年 10 月 14 日之前的最新版本的 Google Analytics。从那时起，GA-4 是 Google Analytics 中的默认属性类型。您需要创建Universal Analytics类型的属性。为此，请转到 Google Analytics 主页并转到Admin。

选择要添加属性的帐户，然后单击创建属性。

现在您进入属性设置页面。（您也可以创建一个新帐户，在第二步设置其名称后，您会看到Property Setup）。然后点击显示高级选项。

启用创建 Universal Analytics 媒体资源并选择可用选项之一。如果您选择同时创建 Google Analytics 4 和 Universal Analytics 属性，您将拥有两个不同的属性，一个具有类似MEASUREMENT IDGA-XXXXXXXXXX，另一个具有类似Tracking IDUA-XXXXXXXXXX。使用Tracking ID而不是MEASUREMENT ID。

Answer 2

设置一个 Universal Analytics（“Web”）媒体资源（Universal Analytics 媒体资源有视图而不是数据流），而不是使用测量 ID（以“G-”开头），您有一个跟踪 ID（以“UA -“）， 接着

import ReactGA from "react-ga";
componentDidMount() {
    ReactGA.initialize("UA-XXXXXXXX");
    ReactGA.pageview("/")
  }

它工作得很好