Shopify的服务器端标签
您是否正在寻找一种简单快速的方式来设置Shopify的服务器端标签？不需要再找了，只需使用Stape Conversion Tracking应用程序即可。通过我们的应用程序，您可以轻松地在网站上插入Google标签管理器脚本，设置自定义域名和自定义加载器，将用户和电子商务事件数据发送到数据层，并设置Webhook。所有这些功能都将帮助您通过延长Cookie的寿命、使浏览器跟踪抵抗跟踪防护技术以及通过服务器端点向广告和营销平台发送可靠的数据，从而使跟踪更加准确。
在这篇博客文章中，我们将探讨如何配置和安装Stape应用程序，以便您可以立即使用这些强大的功能。
使用服务器端标签的好处
服务器端标签可以通过精确的转化跟踪和用户分析来推动您的营销活动的成功。然而，要充分利用它，需要进行细致入微的设置，这是任何人都不应该忽视的。
为了尽可能简化服务器端标签的实施，我们创建了一个Server GTM Shopify应用程序。该应用程序免费使用，并帮助轻松配置Shopify商店的服务器Google标签管理器容器。但首先，让我们谈谈服务器端标签对Shopify网站的主要好处。
1. 更准确的数据。服务器端标签可以通过减少由广告拦截器、浏览器扩展或其他客户端因素引起的数据丢失或错误的风险，帮助确保更准确的数据收集。
2. 准确的转化归因。由于Cookie寿命增加以及通过服务器发送的用户数据，广告网络可以更准确地将转化归因于营销活动。
3. 提高网站性能。通过服务器端标签，标签是在服务器上而不是在客户端上加载的，从而减少了需要加载到用户浏览器的代码量。这可以提高网站的加载速度，对用户体验和SEO至关重要。
4. 增强安全性。服务器端标签可以通过减少由客户端漏洞引起的数据泄露或其他安全威胁的风险，帮助提高网站的安全性。
如何在您的Shopify商店上设置服务器端标签
第1步：在 Stape 上设置服务器端 Google Tag Manager 容器
请展开下方折叠元素，查看详细指南。
如何配置 sGTM 容器
第1步：创建 Google Tag Manager 服务器容器
➡️ 注意
在设置服务器端 Google Tag Manager 容器之前，请先配置 Web GTM 容器，因为：
- Web 容器会收集您网站上的事件、参数和用户交互数据。
- 它会将这些数据发送到您的服务器端容器。
请按照 Google 官方文档进行操作。
1. 选择您的 GTM 账户 → 点击 管理 → 点击容器名称旁边的 +。
2. 添加 容器名称 → 在 目标平台 下，选择 服务器。点击 创建。
3. 选择 手动配置标记服务器。复制您的容器配置。后续步骤中将需要用到它。
第2步：创建 Stape 账户以托管服务器端 GTM 容器
1. 登录您的 stape.io 账户，然后点击 创建容器 按钮。
2. 输入以下容器信息：
- 容器名称——为您的容器命名（为方便起见，建议使用您在 GTM 中为服务器容器命名的名称）。
- 容器配置——粘贴您从“安装 Google Tag Manager”弹出窗口中复制的“容器配置”数据。如果您丢失了该数据，请访问 Google Tag Manager → 点击 “管理” → 点击 “容器设置” → 复制 “容器配置”下的字符串。
- 服务器位置——为获得最佳性能，请选择距离您大多数客户所在地最近的服务器位置。查看可用服务器位置列表请点击此处。此外，如果您有来自不同地区的流量，还可以选择“全球多区域服务器位置”选项。该选项将根据用户的 IP 地址，自动将传入的请求路由到最近的可用区域。
然后点击“创建容器”。
3. 在 Stape 仪表盘 页面上查找您的容器。一旦其状态变为 运行中，即表示您的 Stape sGTM 容器已成功部署。
第2步：为 Shopify 添加并配置 Stape Conversion Tracking 应用
2.1 在您的店铺中安装 Stape Conversion Tracking 应用
Stape 的 Shopify Conversion Tracking应用可从 Shopify 应用商店免费安装。
2.2 配置 General 标签页
General 标签页包含所有与在 Shopify 店铺所有页面上添加 GTM 代码片段相关的设置，可使其具备对抗广告拦截器、ITP 和 Cookie 有效期限制的能力。
![[常规] 选项卡中的设置](/cdn-cgi/image/width=3840/https://cdn.stape.io/i/6a27c7c394f4a308262738.png)
- Use Shopify Markets
如果您拥有多个 Shopify 市场，请勾选此项。启用此功能后，可为每个 Shopify 市场单独配置 GTM 注入。禁用时，所有市场使用默认设置。
启用后，您将看到需要为每个市场配置的字段：
- Insert GTM：勾选后，GTM 代码片段将添加到网站的每个页面。
- GTM container ID：您的网页端 GTM 容器 ID。
- Customer privacy API：启用后，应用将暂停 GTM 加载，直到访客通过 Shopify 的 Customer Privacy 横幅接受 Cookie。默认不推荐此选项。
- Custom domain、Stape container ID 和 Cookie Keeper：这些字段与服务器端追踪相关；如果您正在使用或计划使用服务器端设置，请配置这些字段。各字段的取值方法见下方说明。
- GTM web container ID
在此处填写您的网页端 GTM 容器 ID。
- Custom domain
使用自己的子域名对于 first-party Cookie 的正常运作以及追踪的整体可靠性至关重要。如果您尚未为 sGTM 容器添加子域名，请参阅自定义域名指南进行添加。
- Custom Loader
强烈建议启用此功能以增强对广告拦截器的防护。
勾选对应复选框并填写您的 Stape 容器标识符。查找方式：登录 Stape 账户，选择 sGTM 容器，在 Settings 部分找到容器标识符。
- Cookie Keeper
此功能可帮助将最新 ITP 限制的影响降至最低。通过应用启用此功能之前，请确保已在 Stape 的容器中启用它。配置 Cookie Keeper 请点击折叠元素并按照说明操作：
如何配置 Cookie Keeper
1. 登录您的 Stape 账户，从仪表板中选择您的 sGTM 容器。
2. 前往 Power-ups，点击 Cookie Keeper 面板旁边的 Use。
3. 打开 Cookie Keeper 开关以启用。
4. 在 Standard cookies 下，选择需要延长有效期的 Cookie。
自定义 Cookie
如果所需 Cookie 不在标准列表中，可以配置自定义 Cookie。输入 Cookie 名称，可选择性地设置以天为单位的过期时间（留空则永久保留）。
5. 点击 Save changes。
测试配置
以下步骤以 Google Analytics 的 _ga Cookie 为例，同样的流程可应用于任何平台。请确保已设置至少一个 GA4 标签。
- 打开 Safari 浏览器（版本不低于 16.4）。确认版本请点击菜单栏中的 Safari 并选择 About Safari。
- 在网站 URL 后附加
?galid=test123参数以设置_gaCookie，例如：yourwebsite.com/?galid=test123。 - 右键点击页面 → Inspect Element → Storage 标签 → Cookies。
- 找到
_ga，复制并记录其值，然后删除该 Cookie（右键点击 Cookie → Delete）。 - 刷新页面两次。
- 确认
_gaCookie 以相同值重新出现。若是，Cookie Keeper 运行正常。
- GTM snippet block
在此处获取 GTM 代码片段，以安装在 Shopify 主题以外的页面上（例如 Zipify 等第三方应用创建的页面）。
2.3 配置 Data Layer 标签页
Data Layer 标签页中包含可激活和配置的数据层事件。第二个区块可控制事件名称是否添加 _stape 后缀以防止 GTM 中的命名冲突。若关闭，事件保留原有名称。
此处可查看通过 Stape 应用添加的完整事件列表及其载荷。
数据层激活步骤：
- 勾选 Add ecommerce Data Layer events 复选框。
- 保存更改。
- 复制 Data Layer 标签页下方区块中的自定义像素代码，并按照说明进行添加和激活。
在 Customer privacy 部分，权限下拉区域下，请确保选择 Not required。该代码片段仅生成数据层，不设置任何 Cookie，也不向第三方报告任何数据。
Data Layer 标签页还有一个选项 Log events to console (Dev)，这是面向开发者和店铺管理员的调试工具。启用后，将在浏览器控制台记录电商事件，显示发送至 GTM/Stape 服务器容器的事件载荷以供验证，并协助调试数据层。
此选项仅供开发使用，在生产环境中应将其禁用，以避免不必要的控制台日志输出。
2.4 配置 Webhooks 标签页
Webhook 事件在 Webhook 标签页中配置。
注意： Shopify Webhook 的问题在于它们不包含 Cookie 数据，而 Cookie 数据对于任何平台的追踪都至关重要。因此，仅建议在因某种原因无法进行在线追踪时，将 Webhook 事件作为最后手段使用。
此标签页用于配置 Webhook 事件。
要激活 Webhook，请勾选复选框，填写服务器端 GTM 容器的 URL 以及 Webhook 发送目标的 /path。
您可以在创建新订单或对订单进行退款时订阅 Webhook。
关于 Webhook 使用和调试的参考文章：
2.5 Customer Match 标签页
如果您不投放 Google Ads 广告活动或不使用 Customer Match 列表，请跳过此标签页的配置。
第3步：向服务器端 Google Tag Manager 容器发送数据
最常见的两种方式：
第4步：在服务器端 Google Tag Manager 容器内配置追踪
大多数主流营销和分析工具已支持服务器端标记，并提供适用于 sGTM 的标签。您可以在我们的网站上找到相关实施指南，例如 Facebook CAPI、TikTok Events API、Snapchat Conversions API、Google Ads 服务器端追踪等。
第5步：测试应用配置
调试 GTM 下载 激
活或进行任何更改后，建议检查容器是否已实际上传到网站。
为此，请访问网站上的任意页面，打开浏览器控制台，在网络标签中按子域名/标记服务器 URL 进行过滤。您应看到如下截图所示、响应状态为 200 的请求。
调试结账页面数据层事件
对于结账页面之前发生的事件，一切与其他平台相同：可启动网页端 GTM 容器的预览并查看所有事件。
结账事件不会在 GTM Preview 中显示，原因在于这些页面的隔离环境阻止了不受限制的 DOM 操作或脚本注入（包括 GTM 代码片段）。
但您可以使用 Stape GTM Helper Chrome 扩展程序在结账页面手动插入代码片段：
- 在 GTM 中启动预览模式后，打开扩展程序 Settings 标签页中的 Shopify Sandbox dataLayer 开关。
- 在 Inject GTM 标签页中，点击 Enable injection，填写您的域名和 GTM ID，保存更改。
现在，结账页面上的事件将显示在 GTM Preview 中。
结论
服务器端标签的可能性正在迅速扩展，为用户提供了一个提高转化跟踪和分析准确性的强大工具。此外，Stape尝试简化我们客户对sGTM的使用，因此我们发布了Conversion Tracking应用程序适用于Shopify。
Stape Conversion Tracking for Shopify是一个功能丰富且具有许多优点的出色工具。例如，您可以通过添加Google标签管理器脚本并配置自定义域名和加载器来轻松设置网站上的跟踪。此外，您还可以将用户数据发送到数据层并设置Webhook。
所有这些功能都有助于通过延长Cookie的寿命并使浏览器跟踪抵抗跟踪防护技术，从而使分析中的数据更加准确。这些工具对通过服务器端点向广告和营销平台传输可靠数据至关重要。
如果您正在寻找一种快速简单的解决方案来设置Shopify的服务器端标签，Stape是最佳选择。立即利用这个优秀的解决方案，并在Stape Conversion Tracking应用程序为Shopify上获得更准确的跟踪洞察。现在就自行测试吧——我们知道您不会失望的！
我们可以帮助您进行设置！
我们为您提供支持！点击获取帮助，填写表单，我们将向您发送报价。
评论