Google 跟踪代码管理器
已于 Jul 05, 2023 打印了此页面。若要查看当前版本,请访问 https://help.shopify.com/zh-CN/manual/reports-and-analytics/google-analytics/google-tag-manager。
使用 Google Tag Manager 的注意事项
若要对 Shopify Plus 在线商店使用 Google Tag Manager,请执行以下操作:
- 拥有
checkout.liquid
文件的访问权限。如果您无法在模板代码中访问此文件,请联系 Shopify Plus 支持团队寻求帮助,以改用具有Checkout Extensibility的 Google Tag Manager。 - 将 Shopify 的集成用于谷歌分析和Meta Pixel,而不是将其用于 Google 跟踪代码管理器。
- 将 Google Tag Manager 提供的代码片段复制到您的
theme.liquid
和checkout.liquid
模板文件中。
将 Google 跟踪代码管理器代码添加到您的模板中
步骤:
安装Google 跟踪代码管理器以获取您需要复制并粘贴到 Shopify 商店中的代码片段。由于 Shopify 使用模板,因此您只需将代码片段复制到
theme.liquid
和checkout.liquid
文件。- 如果这是您首次安装 Google 跟踪代码管理器,请使用Google 跟踪代码管理器提供的安装步骤。在您获得要向网页添加的两个代码片段的步骤时暂停,然后按照以下说明操作。
- 如果您已安装 Google 跟踪代码管理器,则可通过依次点击后台和安装 Google 跟踪代码管理器,在 Google 跟踪代码管理器中找到这些代码片段。
在 Shopify 后台,点击在线商店,然后点击模板。
在模板下拉菜单中,点击编辑代码。
将 Google Tag Manager 中的第一个代码片段复制到您的
theme.liquid
和checkout.liquid
代码的标记中:
- 复制 Google 跟踪代码管理器中的第一个代码片段
- 在您的 Shopify 后台中,打开
theme.liquid
文件。 - 将代码片段粘贴到
theme.liquid
代码的中尽可能高的位置。
- 打开您的
checkout.liquid
文件。 - 将代码片段粘贴到
checkout.liquid
代码的中尽可能高的位置。
将 Google 跟踪代码管理器中的第二个代码片段复制到您的
theme.liquid
和checkout.liquid
代码的标签:
- 在您的 Shopify 后台,打开
theme.liquid
页面。 - 将代码片段粘贴到
theme.liquid
页面的中尽可能靠前的位置。
- 打开
checkout.liquid
页面。 - 将代码片段粘贴到
checkout.liquid
代码的中尽可能高的位置。
- 在您的 Shopify 后台,打开
在 Shopify 后台,点击保存。
在 Google Tag Manager 中,继续安装 Google Tag Manager。当系统提示您添加标记时,请勿添加以下类型的标记:
- 适用于 Google Analytics 的 Universal Analytics
- 适用于 Google Analytics 的 Classic Google Analytics
- Meta Pixel。
验证是否已安装 Google 跟踪代码管理器
要验证您是否已正确安装 Google 跟踪代码管理器,您可以使用:
- Google 跟踪代码管理器中的预览模式
- Google Tag AssistantChrome 扩展。