我正在尝试为 iFrame 中设置的 Pardot 表单设置转换跟踪。我已将 HTML 代码添加到表单感谢页面并在 Google 跟踪代码管理器中设置了 2 个标记。看起来我的第二个标签没有触发,我不知道为什么。我将发布到目前为止我已采取的代码和步骤。
感谢页面代码:
<script>
try {
parent.postMessage(‘iframeTestPageLoad’, ‘https://www.websitename.com‘);
} catch(e) {
// Something went wrong…
window.console && window.console.log(e);
}
</script>
Google 跟踪代码管理器中的侦听器代码 1:
带有自定义 HTML 的标签
在所有页面上触发
window.addEventListener('message',function(){ if (event.origin === "https://go.pardot.com" && event.data === 'iframeTestPageLoad') { window.dataLayer.push({ 'event': 'formSubmit'}); } else { console.log('标签不工作') } }, false)
标记 2 向 GA 发送信息:
- 轨道类型是事件
- 名为“formSubmit”的自定义事件触发器
在预览模式下测试并提交表单标签 1 被触发但不是标签 2。使用开发工具运行时,我看到以下错误:“无法加载资源:net::ERR_NAME_NOT_RESOLVED”与 iFrame 代码中的网站相关联。当我单击表单上的“查看框架源”时,我可以找到代码中使用的这个网站....
<link rel="stylesheet" href="https://xxxxxxxx.azurewebsites.net/Static/_fonts.css">
对此的任何帮助将不胜感激!