reactjs - 无法禁用 Google Analytics page_view 事件

Question

设置后send_page_view: false，谷歌分析仍然不断发送自动page_view事件，即使我尝试手动执行此操作

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-*********"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-*********", {
        send_page_view: false,
      });
    </script>

withTracker.jsx

export default (WrappedComponent) => {
  const trackPage = (page) => {
    if (page) {
      window.gtag("event", "page_view", {
        page_path: page.location.pathname,
        page_title: getTitleFromPathname(page.location.pathname),
      });
    }
  };

  const HOC = (props) => {
    useEffect(() => trackPage(props), [props.location]);

    return <WrappedComponent {...props} />;
  };

  return HOC;
};

路线示例：

 <Route path="/404" component={withTracker(NotFound404)} />

标签： reactjsgoogle-analytics

Answer 1

这可能取决于您使用的是 Google Analytics 4 属性 ID (G-XXXXXXXX)，而有问题的 React Analytics 包适用于 Universal Analytics。我建议您创建一个 Universal Analytics Property（如下图所示）并使用相对标识符 UA-XXXXXXX-X：