代码片段

不需修改主题文件,就能加入分析代码 ID,并在 head、body、footer 或停用暂存区管理自定义代码片段。

概览

代码片段 提供一个集中位置,让你在不编辑主题文件的情况下管理分析与追踪代码。它很适合营销人员、代理商与希望更精准控制脚本位置的网站管理员。

后台路径:Airygen SEO -> 设置 -> 代码片段

这个模块内建 Google Analytics 4 与 Google Tag Manager 字段,也提供可拖放的自定义 snippet 管理器。

设置

这个页面包含内建追踪区块与自定义 snippet 区块。

内建追踪

  • Google Analytics 4 提供启用切换与 测量 ID 字段。
  • 测量 ID 通常会以 G- 开头。
  • Google Tag Manager 提供启用切换与 容器 ID 字段。
  • 容器 ID 通常会以 GTM- 开头。

自定义

  • 添加片段 会打开一个弹窗,让你建立可重复使用的自定义 snippet。
  • 头部 会把 snippet 放进 <head> 区域。
  • 正文 会把 snippet 放在 <body> 开头之后。
  • 页脚 会把 snippet 放在 </body> 之前。
  • 停用片段暂存区 用来存放当前不想输出的 snippet。
  • Snippet 弹窗包含 状态描述代码注入位置
  • 描述 只供内部参考,不会显示在前台。
  • 代码 字段只需要粘贴 snippet 内容本身。
  • 辅助说明会提醒你不要加入 <script> 标签。
  • 注入位置 支持 头部正文页脚未激活
  • Snippet 可在不同区域间拖动,也能在同一区域内重新排序。
  • 不再需要的 未激活 snippet 也可以直接删除。

如何使用

  1. 打开 Airygen SEO -> 设置 -> 代码片段
  2. 如果你有使用 Google Analytics 4,请开启 Google Analytics 4 并粘贴 测量 ID
  3. 如果你有使用 Google Tag Manager,请开启 Google Tag Manager 并粘贴 容器 ID
  4. 自定义 区块中,点击 添加片段 建立可重复使用的自定义代码项目。
  5. 在弹窗中选择 snippet 的 状态、加入 描述、粘贴 代码,并选择 注入位置
  6. 保存 snippet,然后按需求把它拖动到 头部正文页脚停用片段暂存区
  7. 如果你的设置很在意输出顺序,请在同一区域内重新排序 snippet。
  8. 保存模块后,检查页面源代码或浏览器工具,确认代码出现在正确位置。

保存后请确认以下项目:

  • GA4 与 GTM 的 ID 都填写正确。
  • 自定义 snippet 出现在预期的输出区域。
  • 停用中的 snippet 不会在前台输出。
  • 其他插件或主题没有重复输出相同的分析代码。

SEO 效益

这个模块不会直接提升排名,但能让分析与追踪设置更稳定,进而帮助你衡量自然流量表现、验证 SEO 调整效果,并保持标签放置一致。

使用场景

需要更干净分析设置的营销团队

调整前:营销人员只能依赖修改主题或安装多个插件,才能加入 GA4 与 GTM。

调整后:代码片段 把主要追踪 ID 与自定义标签集中在同一个位置,让设置更容易审查与维护。

需要暂停活动脚本的代理商

调整前:代理商有一些上线档期或活动 snippet,需要暂停但又不想直接删除。

调整后:停用片段暂存区 让团队可以先保留这些 snippet,日后需要时再重新启用,而不会在正式网站输出。

常见问题

我可以不删除就先停用某个 snippet 吗?

可以。你可以把它移到 未激活,或在 snippet 编辑器中把 状态 关掉。

我应该把完整的 <script> 标签贴进 代码 字段吗?

不应该。辅助说明明确要求只贴代码内容本身,不要包含 <script> 标签。

头部正文页脚 有什么差别?

它们控制 snippet 注入页面输出的区域,分别是 head 内、body 开头后,或 body 结尾前。