javascript - 如何在另一个表单对象中加载不同的 Marketo 表单？

Question

您好，我正在使用 Marketo 的表单 2.0 api 尝试在我们的网站上构建一个顺序表单(我想将一个大表单分成两部分)。我们还希望能够在用户单击“下一步”加载表单的第 2 部分时跟踪放弃率。所以我试图在提交第一个表单时加载另一个表单。以前有人这样做过吗？或者有更好的方法来做到这一点。这是我到目前为止的代码。

<script src="//app-sjp.marketo.com/js/forms2/js/forms2.js"></script>
<form id="mktoForm_333"></form>
<script>
    MktoForms2.loadForm("//app-sjp.marketo.com", "466-AGZ-592", 333, function(form) {
        form.onSuccess(function(callback) {
            form.getFormElem().hide();
            MktoForms2.loadForm("//app-sjp.marketo.com", "466-AGZ-592", 334, function(forms) {
                form.getFormElem().show();
            });
        });
    });
</script>

如有任何建议，我们将不胜感激。谢谢

-约翰

Answer 1

您的实现是有意义的。要跟踪放弃率，您可以使用 Marketo's Munchkin web tracking与 Marketo Form 2.0 methods 。

在下面的示例中，我将事件(表单 1 加载、表单 2 加载、表单 2 提交)捕获为点击事件，并通过 Munchkin 将数据发送到 Marketo。

//Load Marketo's Munchkin tracking
<script src="http://munchkin.marketo.net/munchkin.js"type="text/javascript"></script>
<script src="//app-sjp.marketo.com/js/forms2/js/forms2.js"></script>
<form id="mktoForm_333"></form> 

<script>
    MktoForms2.loadForm("//app-sjp.marketo.com", "466-AGZ-592", 333, function(form) {
    //Measures form 1 load event .
    Munchkin.munchkinFunction("clickLink",{href:"/form1load"})
    form.onSuccess(function(callback) {
    //Measures form 2 load event. This should be equal to form 1 submission count.
        Munchkin.munchkinFunction("clickLink",{href:"/form2load"})
        form.getFormElem().hide();
        MktoForms2.loadForm("//app-sjp.marketo.com", "466-AGZ-592", 334, function(form) {
            form.getFormElem().show();
            //Measures form 2 submission. Uses Marketo Form's onSuccess method.
            form.onSuccess(function(values, followUpUrl){
                Munchkin.munchkinFunction("clickLink",{href:"/form2submission"})
                //Keep user on same page after form submission
                return false;
            });
        });
    });
});
</script>