设置为在所有页面浏览量
Posted: Sun Dec 22, 2024 4:52 am
那么，我们该怎么做呢？
如何使用 GTM 设置 Pardot 表单跟踪
要跟踪 iframe 内的表单提交情况，托管表单的网站（您的 Pardot 域）和嵌入表单的网站需要相互通信。
为此，Pardot 表单需要向主网站发送一条已完成的消息，主网站需要监听该消息。
好消息是，GA4 中事件跟踪的简便性使得跟踪 Pardot 表单变得更加容易，只需六个步骤。
步骤 1：Pardot 表单模板代码
它看起来应该像这样（复制和粘贴时请注意标点符号）：
Pardot 表单布局代码的屏幕截图
此代码的作用是在表单完成后向表单的父窗口（本质上是 iframe 上方的窗口）触发一个 postMessage。此 postMessage 包含事件名称“pardot_form_submit”和一个 formName 变量，该变量将动态捕获表单的名称。
如果您希望使用不同的事件名称，请在此处以及以下说明中看到它的任何位置进行更改。
完成后，打开 Google Tag Manager 并前往您的网站容器。
步骤 2：PostMessage 事件监听器标签
将标签上触发，并将标签命名为“Pardot Form Listener”。
GTM 触发器在所有页面浏览量上触发的屏幕截图
步骤 3：创建自定义 formName 数据层变量
仍在 Google Tag Manager 中：
导航到左侧菜单中的“变量”。
向下滚动到“用户定义变量”并单击“新建”。
选择“变量配置”框并选择“数据层变量”。
输入数据层变量名称作为“formName”。
将变量命名为“Pardot 表单名称变量”并点击“保存”。
GTM 中的变量配置截图
步骤 4：创建 Pardot 表单提交事件
创建一个类型为“Google Analytics：GA4 事件”的新标签。
事件名称应为“pardot_form_submit”（这与 Pardot 表单模板中的 墨西哥电话 监听器代码中使用的事件名称相匹配），并且您需要添加一个事件参数“form_name”，其值为您刚刚创建的新 formName 变量。
GTM 标签的屏幕截图
触发器应为“自定义事件”，事件名称为“pardot_form_submit”，设置为在“所有自定义事件”上触发。
GTM 自定义事件的屏幕截图
现在，使用右上角的蓝色“提交”按钮保存所有 Google Tag Manager 更改。
第 5 步：在 GA4 中创建自定义维度
现在，表单跟踪设置已在 GTM 中完成，您应该开始看到数据被拉入 GA4。您可以通过管理设置在 GA4 媒体资源的“事件”部分中查看此信息。这也是将您的事件标记为“转化”的地方，您可能希望对表单提交执行此操作。
但是，由于我们设置了衡量非标准维度的自定义事件，因此我们也需要创建这些事件。如果您不熟悉 GA4 术语，“维度”是指我们想要跟踪的属性或特征。在这种情况下，我们希望跟踪单个表单，而不仅仅是所有表单的单个事件，非标准维度就是我们实现此目的的方式。
因此，请前往 Google Analytics 并选择您的 GA4 帐户。现在转到管理 > 自定义定义 > 创建自定义维度。在提供的字段中输入以下详细信息：
如何使用 GTM 设置 Pardot 表单跟踪
要跟踪 iframe 内的表单提交情况，托管表单的网站（您的 Pardot 域）和嵌入表单的网站需要相互通信。
为此，Pardot 表单需要向主网站发送一条已完成的消息，主网站需要监听该消息。
好消息是，GA4 中事件跟踪的简便性使得跟踪 Pardot 表单变得更加容易，只需六个步骤。
步骤 1：Pardot 表单模板代码
它看起来应该像这样（复制和粘贴时请注意标点符号）：
Pardot 表单布局代码的屏幕截图
此代码的作用是在表单完成后向表单的父窗口（本质上是 iframe 上方的窗口）触发一个 postMessage。此 postMessage 包含事件名称“pardot_form_submit”和一个 formName 变量，该变量将动态捕获表单的名称。
如果您希望使用不同的事件名称，请在此处以及以下说明中看到它的任何位置进行更改。
完成后，打开 Google Tag Manager 并前往您的网站容器。
步骤 2：PostMessage 事件监听器标签
将标签上触发，并将标签命名为“Pardot Form Listener”。
GTM 触发器在所有页面浏览量上触发的屏幕截图
步骤 3：创建自定义 formName 数据层变量
仍在 Google Tag Manager 中：
导航到左侧菜单中的“变量”。
向下滚动到“用户定义变量”并单击“新建”。
选择“变量配置”框并选择“数据层变量”。
输入数据层变量名称作为“formName”。
将变量命名为“Pardot 表单名称变量”并点击“保存”。
GTM 中的变量配置截图
步骤 4：创建 Pardot 表单提交事件
创建一个类型为“Google Analytics：GA4 事件”的新标签。
事件名称应为“pardot_form_submit”（这与 Pardot 表单模板中的 墨西哥电话 监听器代码中使用的事件名称相匹配），并且您需要添加一个事件参数“form_name”，其值为您刚刚创建的新 formName 变量。
GTM 标签的屏幕截图
触发器应为“自定义事件”，事件名称为“pardot_form_submit”，设置为在“所有自定义事件”上触发。
GTM 自定义事件的屏幕截图
现在，使用右上角的蓝色“提交”按钮保存所有 Google Tag Manager 更改。
第 5 步：在 GA4 中创建自定义维度
现在，表单跟踪设置已在 GTM 中完成，您应该开始看到数据被拉入 GA4。您可以通过管理设置在 GA4 媒体资源的“事件”部分中查看此信息。这也是将您的事件标记为“转化”的地方，您可能希望对表单提交执行此操作。
但是，由于我们设置了衡量非标准维度的自定义事件，因此我们也需要创建这些事件。如果您不熟悉 GA4 术语，“维度”是指我们想要跟踪的属性或特征。在这种情况下，我们希望跟踪单个表单，而不仅仅是所有表单的单个事件，非标准维度就是我们实现此目的的方式。
因此，请前往 Google Analytics 并选择您的 GA4 帐户。现在转到管理 > 自定义定义 > 创建自定义维度。在提供的字段中输入以下详细信息：