Google Analytics 重复跟踪名称

Question

我正在使用gtag.js在 Vue.js SPA 中设置两个不同的跟踪器。我正在定义我index.html喜欢的跟踪器：

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXXX-1', {
      'send_page_view': false 
  });
  gtag('config', 'UA-XXXXXXXX-2', { 
      'send_page_view': false,                     
      'custom_map': {
          'dimension1' : 'my_custom_dimension'
      }
  });
</script>

然后，在我的路由器afterEach导航守卫中，我执行以下操作：

router.afterEach((to, from) => {
        gtag("event", "page_view", { 
            send_to: 'UA-XXXXXXXX-1' 
        });
        gtag("event", "page_view", {
            send_to: 'UA-XXXXXXXX-2',
            my_custom_dimension: 'custom_value'
        });
    }
});

没有涉及其他 GA 代码，但是当我查看 GA 调试扩展日志时，对于单个页面加载，我看到它创建了两个跟踪器，但随后我也收到一条警告消息：

analytics_debug.js:24 忽略创建重复跟踪名称的请求。

我找不到有关该警告的任何明确信息，到目前为止我一直无法理解为什么会发生这种情况以及如何避免它。因此，任何避免这种情况的帮助将不胜感激！

Answer 1

别担心。它正在发生，因为这就是 gtag 的工作方式。它将尝试创建一个跟踪器，但由于它已经存在，您将收到该警告。