使用 javascript 打开正文标签后插入 Google 跟踪代码管理器答案

【问题标题】：Insert Google Tag Manager after opening body tag with javascript使用 javascript 打开正文标签后插入 Google 跟踪代码管理器
【发布时间】：2016-09-30 06:18:35
【问题描述】：

我知道我可以像这样使用insertAdjacentHTML 和afterbegin 位置在页面前添加一些html：

var x = document.getElementsByTagName("body")[0];
x.insertAdjacentHTML('afterbegin','<!-- GTM code goes here -->');

问题出在这里：

如果我将此代码添加到 head，它将无法正常工作，因为正文尚不存在。
如果我将此代码添加到body，已经太迟了。

是否有类似的东西可以在 body 标签创建后进入初始化的头部？

【问题讨论】：

让我问你，你什么时候运行你的 JS？

标签： javascript html google-tag-manager

【解决方案1】：

您可以将其放入<head> 部分：

<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    var script = document.createElement("script");
    script.innerHTML = "[GTM JS goes here]";
    document.body.insertBefore(script, document.body.firstChild);
  });
</script>

确保您只将 GTM 代码中 <script> 内的部件放入图示的占位符中。

【讨论】：