部署Google Analytics后网站页面外露衡量ID代码问题排查

两处配置错误：

• 你将衡量ID G-2Y6RFWP3ZF 作为无标签包裹的纯文本直接写在了<head>起始标签的下一行，浏览器会将所有未被合法HTML标签包裹的文本直接渲染到页面上，这就是ID显示在页面上的直接原因。
• 你只粘贴了gtag.js的加载脚本，缺少GA4必需的初始化配置段，即使删掉裸写的ID，访问追踪功能也无法正常运行。

1. 直接删除<head>开头单独成行的G-2Y6RFWP3ZF纯文本。
2. 在已有的gtag.js加载脚本后，补充初始化配置代码，修正后GA相关的代码段如下，你其余的meta、样式引用代码保持原有位置不动即可：

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2Y6RFWP3ZF"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-2Y6RFWP3ZF');
</script>

修改部署后刷新页面做三项检查：

• 页面前端不再显示G-2Y6RFWP3ZF字符串
• 打开浏览器开发者工具-网络面板，筛选gtag关键词，能看到状态正常的js加载请求
• 进入GA4后台的实时报告模块，自行访问网站页面，确认能实时捕获到访问事件，即代表追踪配置成功。

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