Google Analytic GA4 不会禁用 React 应用程序中的默认 page_view 事件

如何解决Google Analytic GA4 不会禁用 React 应用程序中的默认 page_view 事件

我正在尝试将 Google Analytics GA4 添加到 React 应用程序中，

index.html

   <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js',new Date());
      gtag('config','G-xxxxxxxL',{send_page_view: false});
    </script>

除了这不会禁用默认的 page_view 事件。

我想禁用默认请求，因此我手动发送 page_view 事件。它们是一些没有设置标题的页面，不像传奇返回，例如：项目：。默认事件设置为 undefined，这是有道理的，因为数据尚未加载。

那么我怎样才能做到这一点？

解决方法

尝试在 GA4 管理中的增强测量设置（网络流设置）中切换选项以在页面哭声关闭时自动跟踪历史事件。

许多 SPA 站点都有一个初始 pushState/replaceState 用于状态管理目的（或出于其他原因），这将导致跟踪 page_view 的增强测量选项已打开。

,

您是否在每个网页上禁用 gtag？

正如 docs 所说：

send_page_view 设置不会跨页面持续存在。必须在您要禁用自动综合浏览量的网站的每个页面上重复此设置。

我遇到了同样的问题，我最初的想法是将默认的 index.html 作为反应应用程序的框架加载，我可以通过在此处添加代码段来禁用所有页面上的 page_view 事件.但我的情况并非如此。

我最终以编程方式从 App.tsx 的 dataLayer 上的 componentDidMount 中删除了 gtag 事件，ts 相当于这样的伪代码片段（我现在没有确切的代码） :

window.dataLayer = window.dataLayer.filter(element => element['event'] && !(element['event'] === 'gtm.load' || element['event'] === 'gtm.dom'));

这看起来很疯狂：我们直接从数据缓冲区中删除了负责页面点击的标签。 这似乎有效，但它不仅是一个主要的 hack，而且在我看来看起来很丑陋，因此我非常感谢任何更好的非 lib 方法！