Question

我在Marketo中构建了一个简单的表单登录页面。该表单使用Ajax。传统的Form触发器不会起作用，历史记录也不会改变。什么应该这么简单就是变得过于复杂。

提交按钮上的点击是跟踪，但这不准确，因为表单需要验证。

有关在成功表单上提交标记的任何想法都会提交，以便我可以在Google Analytics中跟踪表单潜在客户吗？

非常感谢！

Answer 1

检查：

表单提交会触发有效的提交浏览器事件。
此事件必须传播到文档节点。

根据这一点，您需要使用自定义事件监听器的JavaScript代码在Google跟踪代码管理器中创建自定义HTML代码。实现取决于没有表单提交事件（1）或事件未传播（2）。

阅读Simo Agava关于该主题的精彩博文：

http://www.simoahava.com/analytics/track-form-engagement-with-google-tag-manager/

Answer 2

假设您使用的是Forms 2.0，请使用此处提供的文档：

http://developers.marketo.com/documentation/websites/forms-2-0/

以下设置对我有用。在跟踪代码管理器中创建这样的自定义HTML标记：

<script>
MktoForms2.whenReady(function (form) {
    form.onSubmit(function(){
        dataLayer.push({
            'event': 'hello',
            'message': 'world'
        });
    });
});
</script>

创建一个在您的情况下有意义的触发器。我们在Marketo着陆页上使用这些表单，因此每当网址与我们用于着陆页的模式匹配时，我都会将标记设置为触发。

在表单提交上，您应该看到这个推送到dataLayer（我不得不疯狂地点击键盘上的esc键以防止页面刷新，因此我可以确保将其推送到dataLayer）。

文档显示您也可以将onSuccess用作事件。

此设置的灵感来自幻灯片＃46：http://www.slideshare.net/stijnheijthuijsen/marketo-user-group-nl-20150209-hands-on-google-analytics

在Google跟踪代码管理器中跟踪Ajax表单

2 个答案: