一个页面上使用多个Google Analytics 4脚本跟踪器

Question

一个页面上使用多个Google Analytics 4脚本跟踪器

4

简述：我的网站集成了Google Analytics 4（GA4），并且还有一个独立的小部件也集成了GA4，结果是事件都发送到了这两个跟踪器。我该如何将它们隔离开？

详细：我有两个React Web应用程序。一个是父级网站，另一个是作为小部件集成在其中的React应用程序，它通过Webpack构建为2个文件（JS和CSS）。任何网站都可以通过脚本标记和CSS链接集成此小部件，而此小部件需要拥有Google Analytics。但是，父级网站也可以集成Google Analytics。如果此父级网站具有通用分析，则事件是被隔离的，但是如果两者都具有新的GA4，则会出现问题。

我尝试使用react-ga4库在两个[测试]应用程序中集成GA。结果，小部件和父级网站都向两个跟踪器帐户发送所有事件。我还尝试在父级网站中手动添加脚本标记，在小部件应用程序中使用react-ga4库，但是所有事件也都同时发送到两处。检查

然后我尝试手动添加GA4脚本，并为两个跟踪器设置了两个配置文件。但是结果是：所有事件都发送到两个跟踪器。

主要问题是如何隔离事件发送？

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

- Iri.S.M.

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Darrell_TW · Accepted Answer

我认为你需要稍微修改一下gtag事件代码。

请参考这个文档。

gtag('event', 'sign_in', { 'send_to': 'G-XXXXXX-2' });

主要思想是添加一个名为send_to的参数，并要求事件仅发送到跟踪ID。

如果需要配置多个跟踪ID，可以只配置第二个跟踪器，无需再次添加<script>。

<script async src="https://www.googletagmanager.com/gtag/js?id=TRACKING_ID_1"></script>

<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
  dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "TRACKING_ID_1");
gtag("config", "TRACKING_ID_2");
</script>