返回博客

博客

适用于 Squarespace 的 SignalHost:连接应用,粘贴一次代码,把每个订单都作为购买发送

发布于 · 阅读约 7 分钟

适用于 Squarespace 的 SignalHost 尚未上架 Squarespace Extensions。在此之前,你可以手动添加: 不连接应用

SignalHost 应用把 Squarespace 网站连接到服务器端 Google Tag Manager。Squarespace 不允许任何应用写入网站的代码,所以应用会交给你两段简短的代码,让你粘贴到 Code Injection 下,然后检查第一段是否已在你的网站上,并根据你的订单为每笔购买补全商品和总额。本指南按照你遇到它们的顺序展开:连接、粘贴、检查,以及出现问题时该怎么办。

开始之前

  • 一个使用 Core、Plus 或 Advanced 方案的 Squarespace 网站。代码要放进 Code Injection,而其他方案没有这项功能。
  • 一个 SignalHost 账号。免费套餐足以试用:每月 10,000 次请求和一个容器。你可以在连接时创建账号。
  • 一个公开的网站,以便进行检查。试用网站或设有密码的网站是不公开的,SignalHost 暂时无法查看它,而且试用网站不能接收订单。

1. 安装扩展程序并授权

从 Squarespace 的扩展程序中安装 SignalHost。随后 Squarespace 会请你批准应用对网站的访问权限:读取你的订单,这是它申请的唯一权限。批准即可。如果你拒绝,就不会安装任何东西,SignalHost 的页面也会说明这一点。

接着 Squarespace 会把你带到 SignalHost。登录,或创建一个免费账号。你也可以从 SignalHost 这边开始:在容器页面的「使用建站平台?」下,Squarespace 图块(「先连接,再粘贴代码」)会打开同一个授权页面,并且已经选好了这个容器。

2. 把网站连接到容器

下一个页面会列出应用会做和不会做的事。它读取你的订单,只是为了发送每笔购买的商品和总额,绝不读取你客户的信息;它也不能更改你的网站、使用你的 Google 账号或查看你的账单。

选择网站应把数据发送到的容器,或者选择新建容器并走完简短的向导;容器构建在你自己的 Google 账号中,因此始终归你所有。构建需要几分钟,准备就绪后,要粘贴的代码就会立即出现。按「连接」。

3. 把代码粘贴到 Code Injection

按「连接」之后的页面「在 Squarespace 中完成」中有两段代码,每段都带一个「复制」按钮。整个过程大约两分钟,而且只需做一次。

  • 「粘贴到“Header”」:在 Squarespace 中打开 Code Injection,把第一段代码粘贴到 Header 字段中并保存。它会出现在你网站的每个页面上。
  • 「粘贴到订单页面」:把第二段代码同时粘贴到 Order Confirmation Page 和 Order Status Page 两个字段中,然后保存。Squarespace 把第一个页面用于礼品卡、会员和订阅,把第二个页面用于实体、数字和服务类商品,所以同一段代码在两个字段里都要放。不销售任何东西的网站可以省略这一段。

Squarespace 自己的 Code Injection 指南 展示了这些字段的位置。在 SignalHost 于你的网站上找到代码之前,这张卡片会以「在 Squarespace 中完成设置」的形式一直保留在容器页面上,所以你之后可以随时回来找它。

4. 检查是否生效

卡片上的第三步「检查是否生效」,是 SignalHost 自己去查看你公开的首页。它会在你连接时运行,每天运行一次,你按「再次检查」时也会运行。「已找到」表示 Header 代码已在你的网站上。订单代码无法用这种方式检查,因为订单页面只有在购买之后才会存在。

然后打开你的网站,随便浏览一会儿。在容器页面上,「详细访问统计」的「最近」选项卡涵盖最近 30 分钟;从 Growth 套餐起,「实时事件监控」会在每个事件到达时按名称显示它。你的第一笔真实订单会以 purchase 出现在容器的事件中。

这两段代码做什么

除了你粘贴的内容,没有任何东西会进入你的网站,而且 SignalHost 之后也无法更改它。

  • Header 代码是 Google Tag Manager 加载器,指向你自己的跟踪地址而不是 googletagmanager.com。它从那里加载你的 Tag Manager 容器,你的 Google 代码也通过它发送页面浏览。
  • 订单代码只运行一次,在订单页面第一次被查看时。它向你的跟踪地址请求订单的商品、税费、运费和优惠券——SignalHost 从 Squarespace 读取这些信息,不含客户的姓名、电子邮件地址或邮寄地址——然后把订单作为 purchase 发送,以订单号作为交易 ID。如果这次查询没有应答,它仍会发送订单号和 Squarespace 给出的总额,币种为你商店的货币。

购买是从买家自己的浏览器发送的,因此 Google Analytics 和 Google Ads 可以把它归因到带来这笔购买的那次访问。买家回到订单页面时,同一个订单不会被计两次;如果页面上还没有加载器,订单代码会自己加载它,但绝不会加载第二份。

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

你自己的跟踪域名

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

因为代码是你自己粘贴的,切换也要由你来做。域名上线时,SignalHost 会通过电子邮件把新代码发给你;在你替换之前,旧代码会继续工作。下一次检查之后,或者在你按「再次检查」时,容器页面上的 Squarespace 卡片会报告存在旧版本,并显示带有新地址的两段代码。两段都要替换。

不连接应用

你也可以不用应用,直接粘贴加载器。在容器页面上,在「安装到您的网站」卡片中找到代码,按「复制」。像第 3 步那样把它粘贴到 Code Injection 下的 Header 字段中并保存。然后在容器页面上按「我已完成」。

你会失去的东西:订单代码——SignalHost 只把它交给已连接的网站,因为它的商品查询要通过应用读取订单——所以不会发送任何购买;还有对你公开网站的检查。之后再连接应用时,它的 Header 代码是一样的,所以你只需添加订单代码。

管理与断开连接

「设置」中的「已连接的网站」会把该网站列为「Squarespace 应用」。「断开连接」会先询问一次,然后 SignalHost 就会停止读取你的订单。它无法移除你粘贴的内容:在你从 Code Injection 中删除之前,代码会继续加载,在此期间购买到达时会带有订单号和总额,但不含商品。你的容器及其统计数据会保留,你可以随时重新连接网站。

在 Squarespace 中卸载扩展程序也会以同样的方式结束连接,粘贴的代码会一直保留,直到你把它移除。

出现问题时

  • 「尚未在你的网站上找到」:粘贴 Header 代码并保存,然后按「再次检查」。如果找不到可以粘贴的 Code Injection,说明你的方案没有这项功能;它需要 Core、Plus 或 Advanced。
  • 检查提示你的网站不公开:试用网站或设有密码的网站暂时无法查看。网站一公开,代码就会生效。
  • 「你的容器正在设置中」:代码会在几分钟内出现在卡片上。如果构建失败,卡片会说明;打开容器重试。
  • 「Squarespace 访问权限已终止」:SignalHost 无法再读取你的订单,所以购买到达时不含商品。在卡片上按「重新连接」。
  • 「此连接链接无效」:从 Squarespace 重新开始,打开 SignalHost 扩展程序并连接你的网站。
  • 其他任何问题:请写信至 hello@signalhost.io,并附上你的网站地址。

商标声明

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

别再把数据丢给广告拦截器

免费开始。几分钟即可运行第一个容器。