IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    GA高级技巧:通过输入分析优化表单长度

    肖庆的博客发表于 2012-04-04 00:00:00
    love 0
    很多人,包括我自己,都不喜欢填表单。表单通常很长,并且包含太多必填项,等等。然而,从商业的角度来看,表单是收集信息的绝佳工具。

    作为网站分析师的我们,要做的便是让双方都高兴并且通过输入分析优化表单长度。

        

    在本文中,我将分享 E-Nor(Google Analytics认证合作伙伴之一)在决定人们最不可能填写哪些字段时使用的技巧。我将告诉你如何将这些数据呈现给决策者和网站优化人员以便他们作出必要的更改。

    首先,我们需要添加一些JavaScript到表单的html代码中。在提交按钮代码下方的onclick事件中添加:


    一旦提交这个表单,验证函数将会被执行,从而验证字段是否为空 。


    验证函数通常被用来验证必要的字段是否包含有效信息。在此,我们将同样使用它来传递两个变量到isEntered函数:

    • 第一个变量是用户在每个字段中输入的文本。比如,如果用户在name字段中输入“John Smith”,那么document.getElementById(‘name’) = “John Smith”,而如果该字段为空的话,则document.getElementById(‘name’) = “ ”。
    • 第二个变量是该字段的名字(比如“name”),这是发送信息到GA的必要变量。

    .isEntered函数将会检查从验证函数中传递的el变量。

    • 如果该变量值为空,它将发送一个pageview到GA,表明该字段为空(比如,/forms/contact_us.htm/empty/phone)

    在GA中读取数据

    由于在我们的主配置文件中或许有成千上万的页面浏览,因此我建议为该表单创建一个特定的配置文件:

    1. 创建一个过滤器并命名为URL Filter – Contact Us Form

    2. 添加上述过滤器到一个新的配置文件,配置文件命名为Contact Us Form或其他任意名称。

    3. 去往新的配置文件 -> 内容 -> 热门内容

    上述数字清晰显示哪些表单客户通常会填写或者留空。这种层次的输入分析必定会对优化表单长度有所帮助

    注释:

    • Name 和 Email字段都是必填项;因此他们不应该会出现在我们的报告中,因为如果不填写这两个字段的话人们将无法提交表单。
    • 评论字段的页面浏览数值非常高,高达154,这表明客户并没有兴趣填写表单中的这个字段。
    • 其他要做的事情由你决定,取决于商业性质和表单目标,解决方案也各不相同。
    • 从表单中移除某些字段,从而使它们更短更扼要,这是有道理的。
    • 另外一个选择是使用如Google Website Optimizer这样的工具来测试更短的版本。结果可能是更短的表单将会获得更短提交数,但是无任何影响也是有可能的。

    更新(异步跟踪代码):

    function validate()
    

    { isEntered(document.getElementById('name'),'name'); isEntered(document.getElementById('email'),'email'); isEntered(document.getElementById('phone'),'phone'); isEntered(document.getElementById('company'),'company'); isEntered(document.getElementById('comments'),'comments');

    frm.action='/thankyou.aspx?src=contact_us.htm'; }

    function isEntered(el, field_name) { if((el.value=="") || (el.value==null)) { gaq.push(['trackPageview', '/contact_us.htm/empty/'+field_name]); }

     else
     {
     return false;
     }
    

    }

        

    译者肖庆原创翻译自:http://www.e-nor.com/blog/index.php/web-analytics/code-update-optimize-form-length-with-input-analysis/



沪ICP备19023445号-2号
友情链接