适用于 Shopify 的 SignalHost：从第一次页面浏览到购买的服务器端跟踪

• 一家开通了在线商店的 Shopify 店铺。该应用在店面和 Shopify 的结账页中都能工作。
• 一个 SignalHost 账号。免费套餐足以试用：每月 10,000 次请求和一个容器。你可以在连接时创建账号。
• 在 Shopify 后台安装应用的权限。

在 Shopify App Store 中打开 SignalHost: Server Tag Manager 并安装。该应用只向 Shopify 申请两项权限：管理网页像素和读取客户事件。它不申请访问你的主题，也不申请访问你客户的数据。安装后，它会在 Shopify 后台的「Apps」下打开。

应用页面提供「使用 SignalHost 连接」；如果你是新用户，还有「创建免费账号」。两者都会在新标签页中打开 signalhost.io；在那里登录或注册。

下一个页面会说明应用能做的事——把你的跟踪代码加到店铺的每个页面、把购物车和结账事件发送到容器，以及读取容器的状态——以及它不能做的事：读取你客户的联系方式、使用你的 Google 账号或查看你的账单。然后它会询问店铺应使用哪个容器。容器就是你自己的跟踪服务器：一个 Tag Manager 网页容器和一个服务器容器，构建在你自己的 Google 账号中，因此始终归你所有。

选择一个容器并按「连接」；或者选择「为你的店铺新建容器」，再按「创建容器」走完简短的向导。回到 Shopify，应用页面会自动更新。如果它显示「确认连接」，请核对其中写明的账号和容器，然后按「确认连接」按钮。

不需要粘贴代码，不需要编辑主题，也不需要发布任何东西。店铺一关联，SignalHost 就会创建应用的网页像素，并把你的跟踪地址和容器的 Google Analytics 4 衡量 ID 交给它。Shopify 会在每个店面页面和结账页中运行它。新容器构建期间，应用显示「即将完成」，之后显示「跟踪已生效」。

在新标签页中打开你的店铺，接受 Cookie 横幅，查看一件商品，把它加入购物车，然后开始结账。回到应用，「最近 7 天」会在几分钟内统计出「页面浏览」、「加入购物车」、「结账」和「购买」；「刷新状态」会读取最新状态。

「打开统计和设置」会在 signalhost.io 上打开你的容器；从 Growth 套餐起，那里的「实时事件监控」会在每个事件到达时把它列出来，并附上国家/地区、浏览器和同意状态。

Shopify 把它自己的客户事件交给像素，像素再把它们转换为 Google Analytics 4 事件：

• page_view，在店面和结账页面上
• view_item、view_item_list 和 search
• add_to_cart、remove_from_cart 和 view_cart
• begin_checkout、add_shipping_info 和 add_payment_info
• purchase，带有金额、税费、运费和折扣码

像素使用访客的 Google Analytics Cookie，因此结账事件与它之前的商品页属于同一位访客、同一个会话。每个请求都以广告拦截器无法识别的形式离开浏览器，你的跟踪服务器再把它转发给 Google Analytics 4 以及你在容器页面上设置的广告平台：Google Ads、Meta、TikTok 等。

只有当访客的隐私选择允许分析时，Shopify 才会运行像素，因此由 Shopify 的 Cookie 横幅决定谁被统计；广告方面的选择会随每个事件一起传递，因此你的服务器容器可以不把这些事件交给广告平台。该应用从不读取你客户的联系方式。

像素自己发送事件，不会加载你的 Tag Manager 网页容器。只有当这个容器有它自己的代码时——例如热图工具或 GA4 的滚动和点击跟踪——你才需要在店面上加载它。这时，在应用中打开「可选：在每个页面加载您自己的 Tag Manager 容器」，按「在主题编辑器中开启」；Shopify 的主题编辑器会打开，其中 SignalHost 已经开启，在那里按「保存」后即生效。

之后，店面页面上的页面浏览由你的 Tag Manager 容器发送，像素在这些页面上就不再发送，因此不会重复计数。嵌入的设置「Use Shopify's cookie banner for Google Consent Mode」会让代码等待访客的回答；只有当另一个应用已经设置了 Google Consent Mode 时，才把它关掉。

你的容器起初使用 signalhost.io 下的一个地址。在付费套餐中，容器页面上的「设置您自己的域名」会一步步引导你用一条 DNS 记录设置你店铺域名的子域名，例如 metrics.yourshop.com。浏览器把它视为第一方，因此它的 Cookie 算作你自己的 Cookie，广告点击也能继续被归因。它上线后，应用会在几分钟内把你的店面和结账切换过去。不需要手动替换任何东西。

你也可以不用应用，把 SignalHost 放到 Shopify 店铺上。在 signalhost.io 上打开你的容器，在「安装到您的网站」卡片中找到代码片段，按「复制」。然后在 Shopify 中前往「Online Store › Themes › ⋯ › Edit code」，打开 theme.liquid，把代码片段直接粘贴在起始的 head 标签之后。如果你的主题已经为同一个 Analytics 媒体资源加载了 Google Tag Manager 或 Google 代码，请替换那段代码片段，而不是再加一段。保存，访问你的店铺，然后在容器页面上按「我已完成」。

这样会在主题的页面上加载你的 Tag Manager 容器，带有页面浏览以及你的主题自己推送到数据层的任何内容。但它缺少像素添加的东西：Shopify 的结账页不运行任何主题代码，所以结账步骤和购买永远到不了 theme.liquid 中的代码片段，而商品和购物车事件同样来自像素。当你自己的域名上线时，你需要自己替换代码片段。如果之后安装了应用，请先移除代码片段，否则每次页面浏览都会被计两次。

通过应用连接的店铺通过 Shopify 为 SignalHost 付费。应用页面上的「套餐与账单」会打开 Shopify 用于选择或更改套餐的页面，费用会出现在你的 Shopify 账单上。连接后，应用还会显示本月的请求数与套餐上限的对比。

一个账号只有一个付款方。如果你的 SignalHost 账号已经通过银行卡付费，或者另一家 Shopify 店铺在为它付费，应用会提示这一点，此店铺的套餐不会被使用；请取消其中一个，以免重复付费。

「断开连接」位于应用页面底部，需要再按一次确认。随后 SignalHost 会移除应用的像素以及主题嵌入读取的值，并在几分钟内停止在你的店铺上加载。你的容器及其统计数据会保留，按「使用 SignalHost 连接」即可重新关联店铺。signalhost.io 上的「设置 › 已连接的网站」也会列出该店铺。

如果你改为在 Shopify 中卸载应用，SignalHost 会把店铺标记为已断开连接，通过 Shopify 付费的套餐也随应用一起结束：你的账号会回到免费套餐。

• 应用一直停在「即将完成」：新容器仍在构建中，这需要几分钟。如果构建失败，打开容器查看原因。
• 应用提示你的容器还没有 Google Analytics 媒体资源：打开容器添加一个。在此之前，像素没有地方可以发送数据。
• 「最近 7 天」一直为零：打开线上店铺并接受 Cookie 横幅。Shopify 只为隐私选择允许分析的访客运行像素。
• 开启主题嵌入后，应用提示跟踪代码出现了两次，或者主题中仍有一份旧的副本：移除你之前粘贴到 theme.liquid 中的代码片段。
• 你已达到套餐上限：在应用写明的日期之前，新事件不会被记录，除非你升级。
• 其他任何问题：请写信至 hello@signalhost.io，并附上你的店铺地址。

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