在单页应用程序中动态加载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流量。