如何在没有确认页的表单上跟踪转换

Question

我有一个登陆页面，有一个收集姓名/电子邮件/电话号码的表单，代码是:

                        <fieldset id="contact_form">
                    <div id="result"></div>
                        <label for="name"><span>Name :</span><br/> 
                        <input type="text" name="name" id="name" />
                        </label>
                        <label for="email"><span>Email : </span><r/> 
                        <input type="email" name="email" id="email" />
                        </label>
                        <label for="phone"><span>Phone Number : </span><br/> 
                        <input type="text" name="phone" id="phone"  />
                        </label>
                        <button class="submit_btn" id="submit_btn">Submit</button>
                    </fieldset>

如果表单正确归档，将出现一个确认提交的框。该框的代码是:

<div id="hidden" class="confirm_page">
<div class="confirm_logo"><span class="pe-7s-check pe-5x pe-va colored"></span></div>
<div class="confirm_header">Thank you/div>
<div class="confirm_text">
    We will reach out to you very soon.
</div>

我想在谷歌分析中跟踪表单提交，为该事件设定目标。但我找到的所有解决方案都涉及提交或外部页面进行跟踪。谁知道我该怎么做?

您可以看到我在这里使用的代码的演示:http://pixfort.com/myflat/

非常感谢你的帮助，

p。S:如果它能跟踪良好的表单提交，并在字段填写不正确时不点击按钮，那就太好了。

Answer 1

您可以使用与显示成功时模态相同的逻辑来触发Google Analytics事件。在您链接到的演示中，它出现在以下块中:

if(proceed) 
    {
     ...
    }

然后你可以根据你选择的事件设定一个目标，并从那里看到转换率，转换数量等。