博客
适用于 BigCommerce 的 SignalHost:安装应用,确认一次,在服务器端跟踪每一笔销售
发布于 · 阅读约 7 分钟
SignalHost 应用无需粘贴任何代码,就能把服务器端 Google Tag Manager 装到 BigCommerce 店铺上。它通过 Script Manager 添加两个脚本,把 BigCommerce 自己的数据层转换为 Google Analytics 电商事件,在我们这边有任何变化时让两个脚本保持最新,并在应用移除时一并消失。本指南按照你遇到它们的顺序展开:安装、连接容器、确认、测试,以及出现问题时该怎么办。
开始之前
- 一家使用 Stencil 主题的 BigCommerce 店铺。脚本就在这里运行;无头(headless)店面——包括 Catalyst——既不渲染这些脚本,也不渲染 BigCommerce 的数据层,所以需要把代码直接添加到店面中。
- 一个 SignalHost 账号。免费套餐足以试用:每月 10,000 次请求和一个容器。你可以在安装过程中创建账号。
- 尚未上线的店铺也可以连接。只是在店铺上线之前,SignalHost 无法检查店面。
1. 安装应用
在 BigCommerce App Marketplace 中打开 SignalHost 并安装。BigCommerce 会列出应用申请的权限:Content,用于通过 Script Manager 写入脚本;Checkout Content,让脚本也能在结账页和订单确认页上运行;以及 Information & Settings,用于获取店铺名称和货币,并开启数据层。确认后,应用页面会在你的控制面板中打开。之后你可以在「Apps」菜单中找到它。
2. 连接容器
按「连接 SignalHost」。signalhost.io 会在新标签页中打开;登录,或创建一个免费账号(应用页面上也有一个「创建免费账户」按钮用于此)。
下一个页面会列出应用会做和不会做的事。它会在你店铺的每个页面(包括结账页面)添加跟踪并保持最新,并把店铺的商品浏览、购物车、结账和购买事件发送到容器。它不能读取你客户的联系方式、使用你的 Google 账号或查看你的账单。
选择一个现有容器,或者选择新建容器并走完简短的向导。容器就是你自己的跟踪服务器,构建在你自己的 Google 账号中,因此始终归你所有。构建新容器需要几分钟;你可以立即连接,准备就绪后应用会马上添加跟踪。按「连接」。随后标签页会显示「即将完成:请在 BigCommerce 中确认」。
3. 在 BigCommerce 中确认
回到控制面板中的应用页面。它会自动察觉你已返回,并显示「确认连接」,其中写明你的账号和你选择的容器。按「确认」。在你确认之前,不会有任何脚本添加到你的店铺。
随后页面会显示「跟踪将在几分钟内开始」,脚本就位后显示「跟踪已启用」。如果你回来时请求已经过期,请再按一次「连接 SignalHost」。
4. 测试一下
打开你的店面,查看一件商品,把它加入购物车并开始结账。应用页面会统计过去 7 天的数据:「页面浏览」、「加入购物车」、「开始结账」和「购买」。跟踪生效后,它还会报告 SignalHost 自己对你店面的检查结果;「已在你店面的首页找到」表示脚本已经就位。
「打开统计与设置」会把你带到容器页面,那里「详细访问统计」的「最近」选项卡涵盖最近 30 分钟。从 Growth 套餐起,「实时事件监控」还会在每个事件到达时按名称显示它。
应用在你的店铺中添加了什么
Script Manager 中的两个脚本,都由应用写入并保持最新:
- SignalHost,位于每个页面(包括结账页)的 head 部分:这是 Google Tag Manager 加载器,指向你自己的跟踪地址而不是 googletagmanager.com。它从那里加载你的 Tag Manager 容器。
- SignalHost events,位于每个页面(包括结账页和订单确认页)的页脚:它把 BigCommerce 的数据层转换为 Google Analytics 电商事件。分类和商品浏览变为 view_item_list 和 view_item,购物车变为 add_to_cart、remove_from_cart 和 view_cart,结账变为 begin_checkout、add_shipping_info、add_payment_info 和 purchase,并带有订单号、税费、运费和优惠券。
事件脚本读取商品、金额和订单号,绝不读取客户的姓名、电子邮件地址、电话号码或地址。在同一个浏览器中重新加载确认页,不会把一个订单计两次。
数据层是一项店铺设置,在有人打开它之前一直是关闭的。应用会替你打开它;这会把 BigCommerce 自己的事件脚本添加到店面,但不会改变购物者看到的任何东西。如果 BigCommerce 拒绝,应用页面会告诉你开关在哪里。
两个脚本都属于 Analytics 同意类别:如果你的店铺显示 BigCommerce 的 Cookie 横幅,SignalHost 只对允许分析 Cookie 的购物者运行。每个请求都以广告拦截器无法识别的形式离开浏览器,你的跟踪服务器再把它转发给 Google Analytics 4 以及你在容器页面上设置的广告平台:Google Ads、Meta、TikTok 等。
你自己的跟踪域名
你的容器起初使用 signalhost.io 下的一个地址。在付费套餐中,容器页面上的「设置您自己的域名」会一步步引导你改用你自己网站的子域名,例如 sgtm.yourstore.com,它能扛过过滤列表,并让点击 Cookie 保持第一方。它上线后,应用会在几分钟内自动把你的店铺切换过去。不需要手动替换任何东西。
手动添加 SignalHost
你也可以不用应用,直接添加加载器。在容器页面上,在「安装到您的网站」卡片中找到代码,按「复制」。在你的控制面板中打开「Storefront › Script Manager」,用这段代码添加一个脚本,放在所有页面的 head 中;如果你的店铺显示 BigCommerce 的 Cookie 横幅,再把它归入 analytics 类别。然后在容器页面上按「我已完成」。
这样你只会得到页面浏览,别无其他。事件脚本、数据层开关、店面检查以及自动切换到你自己的域名,都只有应用才提供;当你的跟踪地址变化时,你需要用 SignalHost 通过电子邮件发给你的新代码自己替换脚本。两者只能选其一:如果同时安装了应用,加载器会运行两次。
管理与断开连接
应用页面会显示你的套餐和本月的请求数。套餐在 signalhost.io 上计费,而不是由 BigCommerce 计费,「升级套餐」会在那里打开它。在容器页面上,安装卡片会显示「已由 BigCommerce 应用安装」,「管理」会带你前往「设置」中的「已连接的网站」。
应用页面底部的「断开连接」需要再按一次确认,然后会在几分钟内移除两个脚本。在「已连接的网站」中按「断开连接」效果相同。你的容器及其统计数据会保留,你可以随时从应用页面重新连接店铺。
在「Apps › My Apps」下卸载应用同样会移除两个脚本:BigCommerce 会自己删除它们,因为它们在创建时就与应用绑定;SignalHost 也会结束该店铺的连接。
出现问题时
- 脚本不在你店面的首页上:它们在 Stencil 主题上运行。无头店面需要直接添加代码。
- 暂时无法检查你的店面:通常是因为店铺尚未上线。脚本已经就位,店铺一上线就会运行。
- 页面浏览能到达,但没有购物车或购买:数据层是关闭的。在「Settings › Data Solutions › Data layer」下打开它。在 BigCommerce 横幅中拒绝分析 Cookie 的购物者完全不会被统计。
- 你的容器还没有 Google Analytics 媒体资源:在 signalhost.io 上完成设置。
- 此店铺尚未设置 SignalHost:在「Apps › My Apps」下移除应用,然后重新安装。
- 页面已经打开很久了:从「Apps」菜单重新打开 SignalHost。
- 上一次更新未能完成:系统会自动重试。
- 其他任何问题:请写信至 hello@signalhost.io,并附上你的店铺地址。
商标声明
SignalHost 是 Algorithmo GmbH 的独立产品,与 BigCommerce、Google、Meta 或 TikTok 没有关联,也未获得其认可。Google Analytics、Google Ads 和 Google Tag Manager 是 Google LLC 的商标;Meta 是 Meta Platforms, Inc. 的商标;TikTok 是 ByteDance Ltd. 的商标;BigCommerce 是 BigCommerce Pty. Ltd. 的商标。

