如何将自定义 GTM 容器与 Growform 结合使用
Posted: Wed Dec 04, 2024 5:48 am
Google 标签管理器 (GTM) 是一款极其强大的“标签管理器”，可让您轻松地将标准和自定义标签添加到您的网站或表单中。
要提供一些示例来说明您可以使用自定义 GTM 容器执行哪些操作，阿尔及利亚手机数据您可以：
当用户到达某个步骤或完成表单时触发像素事件
当用户点击某个按钮时触发 Google Ads 转化
使用像 Fullstory 这样的屏幕录像机来查看用户在表单中的行为方式。
几乎还有你能想到的任何其他东西！
目录
本指南以视频形式提供！
快速回顾一下 GTM 主要概念
首先阅读本文：iFrame 引起的极其复杂的问题，以及为什么 Growform 使用两个容器
1 – 创建或登录您的 Google 跟踪代码管理器帐户
2 – 下载我们的入门父容器和子容器
3 – 将我们的父容器和子容器导入到您的 GTM 帐户
4 – 发布您的容器并将其添加到您的 Growform 表单中
接下来怎么办？
常见问题
本指南以视频形式提供！
这个 13 分钟的视频将引导您完成使用 Growform 设置 Google 跟踪代码管理器容器所需的每一个小步骤：
完成视频后，请前往本文底部查看下一步可以做什么。
快速回顾一下 GTM 主要概念
在开始之前，我们先快速回顾一下 GTM 的主要概念：
容器是一个独特的“区域”或存储库，用于保存标签、触发器和变量。容器是有版本的，GTM 有一个方便的版本控制系统，如果你搞砸了某些东西，可以让你“倒带”。
标签是一段在发生某些事情时应该触发的代码。 GTM 有一个可供您使用的标准标记库（例如 Google Ads），但您也可以添加自己的自定义 HTML 标记。通常建议使用标准标签，因为它会降低复杂性并减少出错的空间。
触发器是标签应该触发的“时间” 。常见的用例是“所有页面视图”，或者单击某个按钮时。当满足特定条件（或一组条件）时，触发器将被激活，并且该触发器下的所有标签都会被触发。
变量是 GTM 内部的一小块存储，可以轻松使用和重用数据。例如，我们将表单 ID 存储在 GTM 变量中，以便轻松重用并插入到您自己的标签中。
Growform 实际上使用两个容器而不是一个，这将在下一节中解释......
首先阅读本文：iFrame 引起的极其复杂的问题，以及为什么 Growform 使用两个容器
与许多嵌入式代码片段一样，Growform 在 iFrame 内运行，以确保它不会干扰您的网站（反之亦然）。
这个美丽的插图很好地捕捉到了这一点：
iFrame 就像它自己的浏览器窗口。
iFrame 无法看到您网站上的任何内容，您的网站也无法看到 iFrame 内的任何内容。
它们实际上是两个不同的网站。
这给跟踪带来了严重的问题 - 特别是因为大多数广告合作伙伴无法在 iFrame 内运行。
为了应对这一挑战，我们咨询了一些超级先进的 GTM 专家并创建了两个 GTM 容器 - 我们已准备好供您下载并导入到您自己的 GTM 帐户中：
一个子容器。子容器的工作是跟踪表单内发生的情况并将其发送到父容器。它也可以是一个有用的地方来触发需要在 iFrame 内“查看”的标签，例如屏幕录制应用程序。
父容器接收来自子容器的事件并实际触发标签。
因此，我们可以将子容器和父容器添加到图表中，如下所示，箭头表示两个容器之间的通信：
回顾一下：
Growform 表单在 iFrame 内运行。尝试将标签插入 iFrame 并使其正常工作注定会失败。
为了解决这个问题，我们为您创建了一个父容器和一个子容器。
子容器获取iFrame 内发生的事情并将信息发送到父容器。
父容器接收来自子容器的信息并触发实际的标签……并且该标签实际上起作用了。
我们创建了这些容器并可供下载，作为您标记冒险的“起点”。
这听起来很复杂，但我们将引导您完成几个示例，以便您立即触发标签。
设置方法如下...
1 – 创建或登录您的 Google 跟踪代码管理器帐户
首先，导航到Google 跟踪代码管理器并创建一个新帐户（如果您还没有帐户）。
设置完成后，您可能需要在 Google 跟踪代码管理器中创建一个帐户 - 此时您应该单击帐户上的“三点”菜单，然后点击“创建容器”。
您现在应该创建两个容器 - 父容器和子容器，并且都应设置为“Web”作为目标容器：
（容器的名称并不重要，但我们建议使用“Growform 自定义父容器”和“Growform 自定义子容器”）。
2 – 下载我们的入门父容器和子容器
您可以在此处下载我们的父容器和子“入门”容器：
不要删除或更改入门容器附带的任何标签、变量或激活（除非您真的知道自己在做什么）——您的容器依赖这些才能正常运行。
3 – 将我们的父容器和子容器导入到您的 GTM 帐户
现在您已经下载了我们的容器，是时候将它们导入到您在步骤 1 中创建的全新空白容器中了。
打开您的父容器并导航到“Admin”，然后点击“导入容器”。你会看到这样的屏幕：
选择growform-parent-container.json（在步骤2中下载），然后选择“现有工作区”，然后选择“默认工作区”。您可以安全地使用覆盖选项，因为您的容器无论如何都是空白的。
您现在应该对子容器重复此过程，以便您的帐户中同时拥有子容器和父容器，并填充了我们为您设置的标签和变量。
要提供一些示例来说明您可以使用自定义 GTM 容器执行哪些操作，阿尔及利亚手机数据您可以：
当用户到达某个步骤或完成表单时触发像素事件
当用户点击某个按钮时触发 Google Ads 转化
使用像 Fullstory 这样的屏幕录像机来查看用户在表单中的行为方式。
几乎还有你能想到的任何其他东西！
目录
本指南以视频形式提供！
快速回顾一下 GTM 主要概念
首先阅读本文：iFrame 引起的极其复杂的问题，以及为什么 Growform 使用两个容器
1 – 创建或登录您的 Google 跟踪代码管理器帐户
2 – 下载我们的入门父容器和子容器
3 – 将我们的父容器和子容器导入到您的 GTM 帐户
4 – 发布您的容器并将其添加到您的 Growform 表单中
接下来怎么办？
常见问题
本指南以视频形式提供！
这个 13 分钟的视频将引导您完成使用 Growform 设置 Google 跟踪代码管理器容器所需的每一个小步骤：
完成视频后，请前往本文底部查看下一步可以做什么。
快速回顾一下 GTM 主要概念
在开始之前，我们先快速回顾一下 GTM 的主要概念：
容器是一个独特的“区域”或存储库，用于保存标签、触发器和变量。容器是有版本的，GTM 有一个方便的版本控制系统，如果你搞砸了某些东西，可以让你“倒带”。
标签是一段在发生某些事情时应该触发的代码。 GTM 有一个可供您使用的标准标记库（例如 Google Ads），但您也可以添加自己的自定义 HTML 标记。通常建议使用标准标签，因为它会降低复杂性并减少出错的空间。
触发器是标签应该触发的“时间” 。常见的用例是“所有页面视图”，或者单击某个按钮时。当满足特定条件（或一组条件）时，触发器将被激活，并且该触发器下的所有标签都会被触发。
变量是 GTM 内部的一小块存储，可以轻松使用和重用数据。例如，我们将表单 ID 存储在 GTM 变量中，以便轻松重用并插入到您自己的标签中。
Growform 实际上使用两个容器而不是一个，这将在下一节中解释......
首先阅读本文：iFrame 引起的极其复杂的问题，以及为什么 Growform 使用两个容器
与许多嵌入式代码片段一样，Growform 在 iFrame 内运行，以确保它不会干扰您的网站（反之亦然）。
这个美丽的插图很好地捕捉到了这一点：
iFrame 就像它自己的浏览器窗口。
iFrame 无法看到您网站上的任何内容，您的网站也无法看到 iFrame 内的任何内容。
它们实际上是两个不同的网站。
这给跟踪带来了严重的问题 - 特别是因为大多数广告合作伙伴无法在 iFrame 内运行。
为了应对这一挑战，我们咨询了一些超级先进的 GTM 专家并创建了两个 GTM 容器 - 我们已准备好供您下载并导入到您自己的 GTM 帐户中：
一个子容器。子容器的工作是跟踪表单内发生的情况并将其发送到父容器。它也可以是一个有用的地方来触发需要在 iFrame 内“查看”的标签，例如屏幕录制应用程序。
父容器接收来自子容器的事件并实际触发标签。
因此，我们可以将子容器和父容器添加到图表中，如下所示，箭头表示两个容器之间的通信：
回顾一下：
Growform 表单在 iFrame 内运行。尝试将标签插入 iFrame 并使其正常工作注定会失败。
为了解决这个问题，我们为您创建了一个父容器和一个子容器。
子容器获取iFrame 内发生的事情并将信息发送到父容器。
父容器接收来自子容器的信息并触发实际的标签……并且该标签实际上起作用了。
我们创建了这些容器并可供下载，作为您标记冒险的“起点”。
这听起来很复杂，但我们将引导您完成几个示例，以便您立即触发标签。
设置方法如下...
1 – 创建或登录您的 Google 跟踪代码管理器帐户
首先，导航到Google 跟踪代码管理器并创建一个新帐户（如果您还没有帐户）。
设置完成后，您可能需要在 Google 跟踪代码管理器中创建一个帐户 - 此时您应该单击帐户上的“三点”菜单，然后点击“创建容器”。
您现在应该创建两个容器 - 父容器和子容器，并且都应设置为“Web”作为目标容器：
（容器的名称并不重要，但我们建议使用“Growform 自定义父容器”和“Growform 自定义子容器”）。
2 – 下载我们的入门父容器和子容器
您可以在此处下载我们的父容器和子“入门”容器：
不要删除或更改入门容器附带的任何标签、变量或激活（除非您真的知道自己在做什么）——您的容器依赖这些才能正常运行。
3 – 将我们的父容器和子容器导入到您的 GTM 帐户
现在您已经下载了我们的容器，是时候将它们导入到您在步骤 1 中创建的全新空白容器中了。
打开您的父容器并导航到“Admin”，然后点击“导入容器”。你会看到这样的屏幕：
选择growform-parent-container.json（在步骤2中下载），然后选择“现有工作区”，然后选择“默认工作区”。您可以安全地使用覆盖选项，因为您的容器无论如何都是空白的。
您现在应该对子容器重复此过程，以便您的帐户中同时拥有子容器和父容器，并填充了我们为您设置的标签和变量。