Google标记管理器- make id dynamic

Question

我需要在我的应用程序中实现google标记管理器。它是一个具有独立配置系统的多租户应用程序。

我已经设置了谷歌标签管理器和分析。我在我的主页下面添加以下代码片段：-

<!-- Google Tag Manager -->
<noscript>
    <iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXX"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window, document, 'script', 'dataLayer', 'GTM-XXXX');</script>
<!-- End Google Tag Manager -->

但是，我需要动态地指定id(‘GTM’)，它是基于哪个站点加载的。在上面的代码片段中是否有一种在运行时/动态中提到id的方法？我需要在iframe和脚本中替换/更改id。

还请注意，它是一个angularJS前端

Answer 1

iframe和脚本是相互排斥的；一种是在用户启用Javascript (基本上一直都启用)时发生的，另一种是当用户没有启用Javascript时(在这种情况下，Google标记管理器将尽最大努力，但可能不会很好地跟踪所有这些情况。您可以为每个解决方案构造不同的解决方案。

您只需要编写一个小函数，根据某些可识别的变量决定要部署哪个GTM代码，并分别替换该代码段或iframe。

Answer 2

嗯，我可能错了，但是您可以为当前页面存储一个全局变量(即window.pageGTM = GTM-XXXXX)，然后将该变量放在容器片段中。