适用于 Framer 的 SignalHost：连接插件，发布一次，就能看到线上网站带上代码

• 一个至少发布过一次的 Framer 网站。插件需要你网站的地址才能连接；如果还没有地址，它会请你先发布。
• Framer 项目的编辑权限。插件把它的连接保存在项目中，并写入网站的自定义代码，这两件事都需要编辑权限。
• 一个 SignalHost 账号。免费套餐足以试用：每月 10,000 次请求和一个容器。你可以在连接时创建账号。

在 Framer Marketplace 中找到 SignalHost，并在你的项目中打开它。它会以一个小面板的形式打开，上面只有一个按钮「Connect with SignalHost」。按下它，就会打开一个指向 signalhost.io 的浏览器窗口。登录，或创建一个免费账号。

在你于那个窗口中完成操作期间，面板会一直等待，并自动更新。如果你关掉了窗口，「Open the window again」可以把它重新打开。如果十分钟内没有回应，面板会请你重试。

窗口会列出插件会做和不会做的事。它会在每个页面添加跟踪代码并保持最新，读取容器的状态并检查你已发布的网站是否包含该代码，并在你于 Framer 中退出登录时自动断开连接。它不能更改你网站上的其他任何内容、使用你的 Google 账号或查看你的账单。

选择一个现有容器，或者选择新建容器并走完简短的向导。容器就是你自己的跟踪服务器，构建在你自己的 Google 账号中，因此始终归你所有。构建新容器需要几分钟；你可以立即连接，容器准备就绪后插件会马上添加代码。按「连接」。随后窗口会显示「已连接 — 请返回 Framer」，你可以把它关掉。

回到 Framer，插件会自动取回连接，添加代码，并提示你发布网站以使其上线。

Framer 只在已发布的网站上提供自定义代码，所以在你发布之前，访客那边不会有任何变化。面板会显示两个步骤：「Tracking code added to every page」和「Publish your site to make it live」。

像平常一样发布，然后在面板中按「Check again」。SignalHost 会获取你已发布的首页并查找代码。找到之后，第二步会变为「Live on」加上你的网站地址，容器页面也会把安装记为已完成。插件从不自行发布。

打开你已发布的网站，随便浏览一会儿。面板中的「Open SignalHost」会把你带到容器页面，那里「详细访问统计」的「最近」选项卡涵盖最近 30 分钟，「故障排查」下的「运行检查」会统计已到达的页面浏览。从 Growth 套餐起，「实时事件监控」还会在每个事件到达时按名称显示它。

你网站自定义代码中的一段代码，位于每个页面 head 部分的末尾：Google Tag Manager 加载器，指向你自己的跟踪地址而不是 googletagmanager.com。它从那里加载你的 Tag Manager 容器，你的 Google 代码也通过它发送页面浏览。

每次有人打开插件时，它都会把这段代码与你的容器所需的代码进行比较，如有任何变化就替换它。它不碰其他任何东西，也不读取你的内容、你的 CMS 或你访客的数据。它也不会添加自己的事件：页面浏览之外的任何事件，例如表单提交，都要由你的网站推送到数据层，才会到达你的容器。

连接保存在项目中，所以项目的每位编辑者看到的都是同一个连接，而且它只能读取这一个容器的安装值，别无其他。

每个请求都以广告拦截器无法识别的形式离开浏览器，你的跟踪服务器再把它转发给 Google Analytics 4 以及你在容器页面上设置的广告平台：Google Ads、Meta、TikTok 等。如果你的 Cookie 横幅使用 Google Consent Mode，拒绝的访客只会以 Google 的无 Cookie ping 被统计。

你的容器起初使用 signalhost.io 下的一个地址。在付费套餐中，容器页面上的「设置您自己的域名」会一步步引导你改用你自己网站的子域名，例如 sgtm.yoursite.com，它能扛过过滤列表，并让点击 Cookie 保持第一方。

域名上线时，SignalHost 会给你发电子邮件，附上新代码。在 Framer 上你不需要粘贴它：打开插件，它会自动替换代码，然后发布即可。在此之前，旧地址会继续工作。如果你打开了插件却忘了发布，它会显示「Publish again: your live site still has an older version」。

你也可以不用插件，添加同样的代码。在容器页面上，在「安装到您的网站」卡片中找到代码，按「复制」。在 Framer 中打开「Site Settings → General → Custom Code」，把代码粘贴到每个页面 head 部分的末尾，然后发布。接着在容器页面上按「我已完成」。

你会失去的东西：代码不再跟随你的容器。当你的跟踪地址变化时，你需要用 SignalHost 通过电子邮件发给你的新代码自己替换它，然后再次发布。也不会有任何东西检查你的线上网站上是否有这段代码。两者只能选其一：如果同时连接了插件，每个页面上都会有两份代码。

「设置」中的「已连接的网站」会把该网站列为「Framer 插件」，并显示它最后一次同步的时间。

面板底部和插件菜单中的「Log out」会结束 SignalHost 中的连接，并从你网站的自定义代码中移除插件的代码。和任何自定义代码的更改一样，这次移除要等你下一次发布后才会对访客生效。你的容器及其统计数据会保留，你可以随时重新连接。

在「已连接的网站」中按「断开连接」则是反过来的：下一次有人在 Framer 中打开插件时，插件会从你的网站移除 SignalHost，并在下一次发布时从线上网站上消失。

• 面板请你在连接之前先发布一次网站：网站还没有已发布的地址。发布它，然后按「Check again」。
• 面板提示你需要编辑权限，或者需要编辑网站自定义代码的权限：请项目的所有者授予你编辑权限。
• 你的容器正在设置中：几分钟后再回来。容器准备就绪后，插件会立即添加代码。
• SignalHost 代码已被关闭：有人在「Site Settings → General → Custom Code」中把它关掉了。在那里把它重新打开，然后发布。
• 无法读取你的线上网站：SignalHost 无法获取你已发布的页面。发布，然后按「Check again」。
• 此网站已在 SignalHost 中断开连接：有人在「已连接的网站」中按了「断开连接」。重新连接它，才能继续跟踪。
• 无法连接到 SignalHost：请稍后再试。
• 其他任何问题：请写信至 hello@signalhost.io，并附上你的网站地址。

SignalHost 是 Algorithmo GmbH 的独立产品，与 Framer、Google、Meta 或 TikTok 没有关联，也未获得其认可。Google Analytics、Google Ads 和 Google Tag Manager 是 Google LLC 的商标；Meta 是 Meta Platforms, Inc. 的商标；TikTok 是 ByteDance Ltd. 的商标；Framer 是 Framer B.V. 的商标。