有没有办法将 data-* 作为脚本属性包含在自定义 Google 跟踪代码管理器中

Question

我在 GTM 中包含一个自定义脚本，用于调用外部资源。脚本看起来像这样

<script type="text/javascript" id="some-key" data-key="xxxxxxxxxxxxxxxxxx" src="link-to-external-resource"></script>

我已将其触发设置为当前触发正常的所有页面，但问题是，脚本在 DOM 中没有data-key属性的情况下呈现。它在 DOM 中的渲染看起来像这样

<script type="text/javascript" id="some-key" src="link-to-external-resource"></script>

我错过了什么吗？有没有办法在 Google 跟踪代码管理器中包含 data-* 属性？

Answer 1

我可以确认，由于未知的原因，GTMdata从附加script元素中删除了属性。其他元素（例如img似乎保留数据属性）。我已经测试了一些保留data属性的解决方法，但有必要测试以这种方式添加时附加脚本是否行为正常：

<script>
  var script = document.createElement('script');
  script.id = 'Gdf234ds'
  script.dataset.key = 'xxxxxxxxxxxxxxxxxx'
  script.src = "https://link-to-external-resource.js"

  // use another target than head if necessary
  document.getElementsByTagName('head')[0].appendChild(script) 
</script>