如何在Google Tag Manager输出的脚本标签上设置HTML数据属性或CSS类？

当然可以搞定！要给GTM输出的Google Analytics脚本标签加上data-unblock属性和unblock类，有两种实用方法，看你哪种更适配你的场景：

方法一：修改现有内置Google Analytics标签 #

如果你的GA是用GTM的内置「Universal Analytics」标签配置的，可以通过高级设置注入脚本修改标签属性：

• 打开GTM控制台，找到你的Google Analytics标签并进入编辑页面
• 滚动到高级设置区域，展开「标签触发前的HTML」选项
• 在输入框里粘贴这段脚本，它会在GA脚本加载后自动给标签添加上目标属性和类：

document.addEventListener('DOMContentLoaded', function() {
  const gaScripts = document.querySelectorAll('script[src="https://www.google-analytics.com/analytics.js"]');
  gaScripts.forEach(script => {
    script.setAttribute('data-unblock', '');
    script.classList.add('unblock');
  });
});

• 保存标签，提交GTM容器版本并发布。记得用GTM预览模式验证，确保脚本标签已经带上了目标属性。

方法二：用自定义HTML标签完全控制脚本代码 #

如果内置标签的灵活性不够，直接用自定义HTML标签来加载GA脚本，就能100%掌控标签的所有属性：

• 在GTM里新建一个「自定义HTML」标签
• 在HTML编辑框里直接写入你需要的完整代码，包括带属性的脚本标签和GA初始化代码（替换成你的追踪ID）：

<script data-unblock class="unblock" type="text/plain" async src="https://www.google-analytics.com/analytics.js"></script>
<script>
  window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
  ga('create', 'UA-XXXXXXXXX-X', 'auto');
  ga('send', 'pageview');
</script>

• 给这个标签设置和原来GA标签相同的触发条件（比如「All Pages」）
• 保存后，禁用原来的内置GA标签（避免重复加载），然后发布GTM容器。

小提示 #

• 测试时一定要用GTM的预览模式，检查页面源码里的脚本标签是否已经正确带上data-unblock属性和unblock类
• 如果你的Cookie拦截工具是页面早期就运行的，优先选方法二，因为自定义HTML标签能让拦截工具更早识别到目标属性，确保解除拦截逻辑生效。

内容的提问来源于stack exchange，提问作者Space