开始使用 Google 跟踪代码管理器

关于使用 Google 跟踪代码管理器

Google 跟踪代码管理器 （GTM） 是一种代码管理系统，可让您快速轻松地在网站或移动应用中添加衡量代码和相关代码片段（统称为代码）。TikTok 开发了一个标签模板，允许您与 Google 跟踪代码管理器集成，使您能够以最少或没有开发人员资源添加像素自定义代码事件。

本文介绍了将 TikTok Pixel 客户端代码添加到您的网站的步骤。

先决条件

1. 您需要拥有 Google 跟踪代码管理器工作区。
2. 您应该使用 Web 容器。
3. 您需要在网站上安装 Google 跟踪代码管理器。

开始

安装 TikTok Pixel Base Code

有两种方法可以安装 TikTok 的 Pixel Base Code。

注意：请仅使用其中一种方法。

方法 A：通过事件管理器安装（推荐）

1. 前往 TikTok 事件管理器，访问设置网络事件，然后单击通过合作伙伴平台自动设置网络事件。

2. 选择 Google 跟踪代码管理器并完成其余屏幕。

3. 按照屏幕操作并登录链接到 GTM 工作区的 Google 帐户。

• 单击“连接”按钮登录您的 Google 帐户。

• 选择要安装基本代码的容器和工作区。

• 安装基本代码后，您可以点击链接访问我们在 Google 跟踪代码管理器库中的模板。然后，按照下面的创建 TikTok 事件标签步骤进行操作。

方法 B：通过 Google 跟踪代码管理器安装

将 TikTok 的客户端模板添加到工作区

1. 登录您的 Google 跟踪代码管理器。
2. 导航到模板以访问搜索库并通过 TikTok 搜索 TikTok Pixel 模板。

3. 选择添加到工作区，将模板导入到工作区中。

4. 保存并关闭模板编辑器。

通过自定义 HTML 安装基本代码

1. 从事件管理器中复制您的 TikTok Pixel Base 代码。

2. 转到“工作区”，选择“标记”，然后选择“新建”。

3. 为您的标签命名（例如，TikTok Pixel Base Code），点击标签配置，然后选择自定义 HTML。

4. 从 TikTok 复制像素库代码，将其粘贴到 HTML 字段中，然后将触发器设置为所有页面。

创建 TikTok 事件标签

安装基本代码后，您应该计划根据您的用户旅程触发我们的 TikTok 14 活动中的任何一个，只需按照以下步骤操作即可。对于您希望创建的每个事件：

1. 转到“工作区”，选择“标记”，然后选择“新建”。

2. 为您的标签命名，例如 TikTok ViewContent，然后选择您刚刚导入的模板 （TikTok Pixel）。

3. 然后，您应该能够从您希望触发的 14 个事件中进行选择。

4. 最后，设置您选择的触发器。为了保持一致性，建议您在网页上选择要调用的 Google 跟踪代码管理器自定义事件。然后，保存您的代码。

启用高级匹配

高级匹配可通过 TikTok 业务工具获得，使企业能够发送隐私安全的客户信息，以更好地将网站活动与 TikTok 上的广告相匹配。我们建议从数据层传递经过哈希处理的电子邮件和网络事件的电话号码，以提高 TikTok 上的广告表现和归因效果。了解更多信息。

1. 编辑您创建的标签，然后选择传入 SHA256 散列电子邮件/SHA256 散列电话，或者只是普通电子邮件/电话

注意：您可以通过键入并选择可用变量来执行此操作。{{

2. 设置变量后，单击“保存标签”。

启用增强型/标准电子商务繁重工作

如果您已启用 Google 的增强型电子商务或标准电子商务以在 Google Analytics 中跟踪在线购物活动，则可以利用电子商务数据层将其他参数传递给 TikTok，以启用广告支出回报率 （ROAS）、动态展示广告 （DSA） 和基于价值的优化 （VBO） 等产品。了解更多。

1. 编辑您在上面创建的标签。

2. 在“参数配置”下，选中“使用 Google Analytics 电子商务数据层”选项。

3. 选择“增强型电子商务”或“标准电子商务”。

4. 选择触发增强型电子商务事件的正确触发器。

5. 您只需导航到您的网站，检查元素 （F12），在控制台中输入 dataLayer，找到通常包含产品详细信息的增强/标准电子商务事件，然后检查事件值。

6. 事件值应为自定义事件触发器。

7. 保存您的标签。

启用其他参数

如果您没有使用标准电子商务的任何 Google 增强型电子商务，您可以使用数据层将其他参数传回 TikTok。有关参数的更多详细信息，请参阅 TikTok 文档。

选项 1.暂无项目

此选项适用于未托管电子商务网站的广告客户。

1. 如果您不打算从事件中发送任何参数，请选择无内容。

2. 如果您打算通过从包含这些值的数据层变量中传递价值和货币来衡量 TikTok 报告中的总价值，则传递这些值和货币。

3. 保存您的标签。

选项 2.单个项目的参数

此选项适用于事件通常针对单个产品的广告客户。请参阅单个内容事件的示例：

• 查看包含单个项目的页面的用户。
• 用户将单个商品添加到购物车，但具有多个数量。

1. 将字段相应地映射到数据层变量。请参阅示例映射：

2. 如果您已将目录上传到 TikTok 目录管理器，您应该知道您的产品将具有 和 .以下是您可以使用的内容的映射表。如果您代表 1 个产品，请使用 ，否则，如果您代表一组产品，请使用SKU IDItem Group IDcontent_idproductcontent_idproduct_group

3. 然后，保存您的标签。

选项 3.多个项目的参数

此选项适用于其事件通常针对多个产品的广告客户。查看 Multiple Contents 事件的示例：

• 用户从购物车中签出多个商品
• 用户完成多件商品的支付

1.对于多个内容，您或您的网站开发人员将需要生成多个内容结构并将其添加到您的.请参阅数据层项目结构示例：dataLayercontents

// contents

[

        {

                content_id: 'SKU 1',

                content_name: 'product name 1',

                content_type: 'product',

                quantity: 1,

                price: 10

        },

        {

                content_id: 'SKU 2',

                content_name: 'product name 2',

                content_type: 'product',

                quantity: 2,

                price: 30

        },

        {

                content_id: 'SKU 3',

                content_name: 'product name 3',

                content_type: 'product',

                quantity: 1,

                price: 50

        }

]

2. 在内容字段中选择 dataLayer。

3. 保存您的标签。

从旧版本迁移

从事件生成器到 Google 跟踪代码管理器模板

仅当您之前在 Google Tag Manager 中实施了 TikTok Pixel Events Builder 时，才阅读此内容。

从 TikTok Pixel Events Builder 迁移到使用我们的 Google Tag Manager 模板意味着您将完全切换到 TikTok Pixel Custom Code.如果您已经在 Google Tag Manager 中设置了 TikTok Pixel Events Builder，您应该已经在 Google Tag Manager 中安装了基本代码，同时通过 TikTok Events Manager 中的 CSS 选择器或 URL 设置触发器。

1. 确保您在第 1 步的 Google 跟踪代码管理器中安装了该模板。
2. 按照第 2 步创建事件代码并设置参数、高级匹配等。
3. 删除 TikTok 广告管理工具中的事件生成器，这是防止事件重复的最佳实践。
   • 转到您的活动管理器并编辑您的活动。

• 由于您现在正在通过 Google 跟踪代码管理器和事件生成器通过自定义代码向 AddToCart 做出贡献 – 请先转到事件生成器来删除事件生成器事件。

• 随后，通过单击垃圾桶按钮从事件构建器中删除事件。

• 重复并删除所有事件生成器事件。

从自定义代码到 Google 跟踪代码管理器模板

仅当您之前通过 Google 跟踪代码管理器自定义 HTML 代码实施了 TikTok Pixel 自定义代码时，才阅读此内容。

1. 确保您已按照第 1 步将我们的 Google 跟踪代码管理器模板添加到您的工作区。

2. 如果您已经在 Google 跟踪代码管理器自定义 HTML 代码中安装了 TikTok Pixel Base Code，请在打开自定义 HTML 代码后选择编辑。

3. 将自定义 HTML 标签替换为已安装的模板，然后按照第 3 步设置参数、高级匹配等。

4. 保存、预览和发布您的活动。

常见故障排除错误

错误消息

• 您没有 GTM 帐号、找不到容器、找不到工作区：确保您没有在 Google 跟踪代码管理器中删除该帐号和工作区。如果你的帐户列表为 null，并且你也删除了默认容器，你将收到以下错误消息之一。
• 找不到帐户：如果列表中第一个帐户的路径为 null，则会收到此错误消息。
• 像素绑定 GTM 失败：确保您没有安装已连接到 GTM 帐户的像素，否则您将收到此错误消息。请检查您的 Google 跟踪代码管理器帐号，以确认之前是否安装过像素（重复安装像素可能会导致重复记录事件数据）。

其他问题

• 事件管理工具中不显示任何数据：即使您已成功将 TikTok Pixel 连接到 Google 跟踪代码管理器，如果您选择的容器未正确安装到着陆页上，TikTok Pixel 将无法正确记录数据。
• 未创建事件：虽然事件将在创建像素时预先填充，但必须在开始跟踪任何内容之前定义事件。详细了解如何创建活动。

支持

1. 如果您有任何问题，请联系您的 TikTok 销售代表。
2. 请不要编辑模板中的任何代码，以确保预期的功能。
3. 如果您有任何功能请求或问题，请在此处的 GitHub 中提交请求。