vue.js - 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 的工作原理。它将尝试创建一个跟踪器，但由于它已经存在，您将收到该警告。