那么,我们该怎么做呢?
如何使用 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 帐户。现在转到管理 > 自定义定义 > 创建自定义维度。在提供的字段中输入以下详细信息: