在单页应用程序中动态加载 Google 个跟踪代码管理器环境

Question

我们有一个单页 React.js/Webpack 应用程序，想为 QA 设置一个环境。标签管理器文档说要将代码段粘贴到每个页面的 html 的头部。这是一个 SPA，因此只有 1 index.html，并且它当前使用的是默认代码段。有没有办法动态加载不同的环境；例如：如果 website.com 使用默认值或如果 website.uat.com 使用其他 qa 片段？

Answer 1

是的，这是可能的。你应该可以做这样的事情。

if(window.location.hostname == "the-qa-url.com"){
   // Load Tag Manager Snippet for QA
}
if(window.location.hostname == "the-prod-url.com"){
   // Load Tag Manager Snippet for PROD
}

此外，我相信标签管理器有一种方法可以从标签管理器中对 URL 进行过滤，这样您就可以过滤掉 QA 流量。

在单页应用程序中动态加载 Google 个跟踪代码管理器环境

Dynamically loading Google Tag Manager environments in a single page application

google-tag-manager