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

【问题标题】：How to track conversion on a form without confirmation page?如何在没有确认页面的表单上跟踪转换？
【发布时间】：2014-08-08 13:16:33
【问题描述】：

我有一个登录页面，上面有一个收集姓名/电子邮件/电话号码的表格，代码是：

                        <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>

我想在 Google Analytics 中跟踪表单提交，为该事件设定一个目标。但我发现的所有解决方案都涉及提交或要跟踪的外部页面。有人可以知道我该怎么做吗？

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

非常感谢您的帮助，

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

【问题讨论】：

标签： php forms google-analytics analytics universal-analytics

【解决方案1】：

您可以使用与成功时显示模式相同的逻辑来触发Google Analytics event。在您链接到的演示中，这似乎位于以下块中：

if(proceed) 
    {
     ...
    }

然后，您可以根据您选择触发的事件set up a goal 并从那里查看转化率、转化次数等。

【讨论】：