Header & Footer Code
从管理后台向站点的 head 或 body 添加 Google Analytics、Tag Manager、像素或任何代码。无需编辑主题。
插件
Header & Footer Code
从管理后台向站点的 head 或 body 添加 Google Analytics、Tag Manager、像素或任何代码。无需编辑主题。
安装
两个步骤
- 在 EmDash 管理后台打开 Registry，搜索 Header & Footer Code，然后点击 Install。它不需要任何权限。
- 在左侧菜单中打开 Header & Footer Code，进入 Setup 选项卡，把它显示的简短代码块粘贴到基础布局的 head 中，通常是
src/layouts/Base.astro。如果你的站点是别人搭建的，请把这段代码块发给对方。
从此以后一切都在管理后台中完成。在 Common tags 选项卡中粘贴 ID 即可添加 Google Analytics、Tag Manager、Meta Pixel 或 Clarity，也可以在 Your code 选项卡中粘贴任何代码。更改会在一分钟内生效到站点上。
常见问题
这个插件有什么作用？
它让你从管理后台向站点添加小段代码：Google Analytics、Tag Manager、Meta Pixel、聊天小组件、字体、一点 CSS。你可以选择代码放在哪里以及显示在哪些页面上，并且随时可以将其关闭。你无需打开任何主题文件。
代码可以放在哪里？
三个位置：head、body 开头或 body 末尾。分析标签应放在 head 中。聊天小组件和大多数其他脚本应放在 body 末尾。
我可以只在某些页面上显示代码吗？
可以。每个代码片段都可以显示在所有页面、仅首页，或仅显示在以某个路径开头的地址上，例如 /blog 或 /shop。
我需要懂代码吗？
常见的不需要。在 Common tags 选项卡中，你只需粘贴 ID，插件会生成代码：Google Analytics、Google Tag Manager、Meta Pixel 和 Microsoft Clarity。对于其他任何内容，把服务提供的代码粘贴到 Code 框中即可。
那么 Google Search Console 或 Bing 验证呢？
这已内置于 EmDash。打开 Settings，然后进入 SEO，在那里粘贴验证码即可。无需插件。
代码如何到达我的站点？
Setup 选项卡中的一小段代码块只需放进基础布局的 head 一次。此后它会加载你在这里添加的所有内容。更改会在一分钟内到达访客。Setup 选项卡会告诉你站点最近一次加载代码的时间。
我可以不删除而只是关闭某项吗？
可以。Turn off 会保留代码并停止运行。Turn on 会让它恢复。Delete 会将其永久删除。
它会拖慢站点吗？
主题中的代码块非常小，每个页面只运行一次。每个代码片段只产生代码本身的开销，就像直接粘贴到主题中一样。
更新日志
0.1.0
- 首次发布。可向 head、body 开头或 body 末尾添加代码，显示在所有页面、首页，或以某个路径开头的地址上。
- 仅凭 ID 即可使用的常见标签：Google Analytics、Google Tag Manager、Meta Pixel、Microsoft Clarity。
- 开启和关闭代码片段、编辑、删除。Setup 选项卡会显示站点是否正在加载代码。