如何通过Google Tag Manager向页面body开头嵌入自定义HTML代码

• 登录Google Tag Manager后台进入对应容器工作区，依次点击「标签」→「新建」，标签类型选择自定义HTML
• 在HTML代码输入框中粘贴你需要部署的代码：
  <img src="替换为你的实际像素链接" width="1" height="1" style="display:none" />
  如果你需要严格保证标签插入到body元素的最开头位置，也可以使用JS动态插入的代码，效果更稳定：

  <script>
  const tracePixel = document.createElement('img');
  tracePixel.src = '替换为你的实际像素链接';
  tracePixel.width = 1;
  tracePixel.height = 1;
  tracePixel.style.display = 'none';
  document.body.insertBefore(tracePixel, document.body.firstChild);
  </script>
  

• 配置触发规则：选择「初始化 - 所有页面」（Initialization - All Pages）触发时机，该时机早于常规页面浏览触发，会在GTM加载后第一时间执行
• 打开标签的「高级设置」，将标签触发优先级设为100（数值越大优先级越高，确保该标签比同触发时机的其他标签更早执行）
• 点击后台右上角「预览」按钮进入预览模式，访问你的站点检查body开头是否已成功插入对应像素标签，功能无异常后点击「提交」发布容器版本即可正式生效

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