Shopify的服务器端标签

您是否正在寻找一种简单快速的方式来设置Shopify的服务器端标签？不需要再找了，只需使用Stape Conversion Tracking应用程序即可。通过我们的应用程序，您可以轻松地在网站上插入Google标签管理器脚本，设置自定义域名和自定义加载器，将用户和电子商务事件数据发送到数据层，并设置Webhook。所有这些功能都将帮助您通过延长Cookie的寿命、使浏览器跟踪抵抗跟踪防护技术以及通过服务器端点向广告和营销平台发送可靠的数据，从而使跟踪更加准确。

在这篇博客文章中，我们将探讨如何配置和安装Stape应用程序，以便您可以立即使用这些强大的功能。

服务器端标签可以通过精确的转化跟踪和用户分析来推动您的营销活动的成功。然而，要充分利用它，需要进行细致入微的设置，这是任何人都不应该忽视的。

为了尽可能简化服务器端标签的实施，我们创建了一个Server GTM Shopify应用程序。该应用程序免费使用，并帮助轻松配置Shopify商店的服务器Google标签管理器容器。但首先，让我们谈谈服务器端标签对Shopify网站的主要好处。

1. 更准确的数据。服务器端标签可以通过减少由广告拦截器、浏览器扩展或其他客户端因素引起的数据丢失或错误的风险，帮助确保更准确的数据收集。

2. 准确的转化归因。由于Cookie寿命增加以及通过服务器发送的用户数据，广告网络可以更准确地将转化归因于营销活动。

3. 提高网站性能。通过服务器端标签，标签是在服务器上而不是在客户端上加载的，从而减少了需要加载到用户浏览器的代码量。这可以提高网站的加载速度，对用户体验和SEO至关重要。

4. 增强安全性。服务器端标签可以通过减少由客户端漏洞引起的数据泄露或其他安全威胁的风险，帮助提高网站的安全性。

请展开下方折叠元素，查看详细指南。

Stape 的 Shopify Conversion Tracking应用可从 Shopify 应用商店免费安装。

General 标签页包含所有与在 Shopify 店铺所有页面上添加 GTM 代码片段相关的设置，可使其具备对抗广告拦截器、ITP 和 Cookie 有效期限制的能力。

• 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 请点击折叠元素并按照说明操作：

• GTM snippet block

在此处获取 GTM 代码片段，以安装在 Shopify 主题以外的页面上（例如 Zipify 等第三方应用创建的页面）。

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 服务器容器的事件载荷以供验证，并协助调试数据层。

此选项仅供开发使用，在生产环境中应将其禁用，以避免不必要的控制台日志输出。

Webhook 事件在 Webhook 标签页中配置。

此标签页用于配置 Webhook 事件。

要激活 Webhook，请勾选复选框，填写服务器端 GTM 容器的 URL 以及 Webhook 发送目标的 /path。

您可以在创建新订单或对订单进行退款时订阅 Webhook。

关于 Webhook 使用和调试的参考文章：

• 什么是 Webhook、Webhook 服务器及其使用方法
• 在 Google Tag Manager 服务器预览中调试传入的 Webhook
• Google Tag Manager server 中的服务器间追踪

可自动填充并更新 Google Ads 中的 Customer Match 列表。

如果您不投放 Google Ads 广告活动或不使用 Customer Match 列表，请跳过此标签页的配置。

最常见的两种方式：

• 设置服务器端 Google Analytics 4
• Stape Data Client

大多数主流营销和分析工具已支持服务器端标记，并提供适用于 sGTM 的标签。您可以在我们的网站上找到相关实施指南，例如 Facebook CAPI、TikTok Events API、Snapchat Conversions API、Google Ads 服务器端追踪等。

调试 GTM 下载 激

活或进行任何更改后，建议检查容器是否已实际上传到网站。

为此，请访问网站上的任意页面，打开浏览器控制台，在网络标签中按子域名/标记服务器 URL 进行过滤。您应看到如下截图所示、响应状态为 200 的请求。

调试结账页面数据层事件

对于结账页面之前发生的事件，一切与其他平台相同：可启动网页端 GTM 容器的预览并查看所有事件。

结账事件不会在 GTM Preview 中显示，原因在于这些页面的隔离环境阻止了不受限制的 DOM 操作或脚本注入（包括 GTM 代码片段）。

但您可以使用 Stape GTM Helper Chrome 扩展程序在结账页面手动插入代码片段：

1. 1.
   在 GTM 中启动预览模式后，打开扩展程序 Settings 标签页中的 Shopify Sandbox dataLayer 开关。
2. 2.
   在 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上获得更准确的跟踪洞察。现在就自行测试吧——我们知道您不会失望的！