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 Ignoring create request for duplicate tracking name.

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

Answer 1

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

Google Analytics 重复跟踪名称

Google Analytics duplicate tracking name

vue.js

google-analytics

single-page-application

gtag.js