是否可以插入带有某种ID的GTM自定义html

Question

可以将GTM自定义html传送到带有某种标识符的页面吗？我想进行自动化测试，看看它是否出现了，我不想在代码中加入其他类型的标识符。

查看页面源所有脚本标记都是在没有id的情况下发送的。

Answer 1

根据Google代码管理器页面上显示的代码段，您可以对其进行修改以确保插入时将属性ID添加到具有所需值的脚本元素中。

这是默认的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：

<!-- 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,customID){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;j.setAttribute('id', customID );f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX', 'tagManagerID' );</script>
<!-- End Google Tag Manager -->

您只需要在底部添加标记管理器ID，其中定义了所有值，稍后在创建脚本时（变量j），我们使用customID变量（标记管理器ID）设置属性id。

我希望它有所帮助！

Answer 2

你能解释一下你想用GTM做些什么吗？通常，我们可以根据自己的喜好填充代码段变量，而无需触及实际的Google跟踪代码管理器代码。

Answer 3

Ante，您应该看一下GTM的调试功能，我认为这是您正在寻找的。