如何在没有确认页面的情况下跟踪表单上的转换?

时间:2014-08-08 13:16:34

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

我有一个目标网页,其中包含一个表单,用于收集代码所在的姓名/电子邮件/电话号码:

                        <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:如果它跟踪好的表单提交并且在字段填满时忽略了按钮,那将会很棒。

1 个答案:

答案 0 :(得分:0)

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

if(proceed) 
    {
     ...
    }

然后,您可以set up a goal根据您选择的内容进行点击,并查看转化率,转化次数等。