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

    EC客户通GA事件跟踪代码解析

    肖庆的博客发表于 2012-05-26 00:00:00
    love 0

    首先声明,EC客户通的GA事件跟踪代码并非本人所写,代码的作者是我在上家公司天拓的一位技术同事所写,参照了cloga的这篇文章:使用GA监测商务通等在线客服的对话。

    EC是深圳市六度人和科技有限公司开发的一款在线客服系统,曾经获得腾讯的天使投资,现今被众多企业所使用。

    目标设置是进行任何网络推广的第一步,对于大大多数企业网站来说,最为关键的目标就是在线咨询数,我们或许能够在一些在线咨询软件中看到关于咨询者的一些数据,比如来源IP,咨询时间,用户的计算机分辨率等数据,有些软件还能看到关键词等数据,但是如何把这些数据与我们的推广活动进行贯通,则需要借助于我们的一些高级配置。

    在这里,我们就是使用Google Analytics的事件跟踪对网站内各个在线咨询按钮的点击情况进行跟踪,这些数据可以在热点事件中查看,并且我们可以进一步对这些事件设置为目标。

    以下是EC客户通的GA事件跟踪代码:

    /* ec客服监听点击 */
    (function() {
    $(‘#ec_cs_pannel_mid .ec_qq:eq(0)’).live(‘click’, function() {
    _gaq.push(['_trackEvent', 'chat', 'qq', 'soso-huang',1,true]);
    });
    $(‘#ec_cs_pannel_mid .ec_qq:eq(1)’).live(‘click’, function() {
    _gaq.push(['_trackEvent', 'chat', 'qq', 'soso-zhou',1,true]);
    });
    $(‘#ec_cs_pannel_mid .ec_qq:eq(2)’).live(‘click’, function() {
    _gaq.push(['_trackEvent', 'chat', 'qq', 'soso-chu',1,true]);
    });
    $(‘#ec_cs_pannel_mid div:eq(0) span’).live(‘click’, function() {
    _gaq.push(['_trackEvent', 'chat', 'left', 'soso-huang',1,true]);
    });
    $(‘#ec_cs_pannel_mid div:eq(1) span’).live(‘click’, function() {
    _gaq.push(['_trackEvent', 'chat', 'left', 'soso-zhou',1,true]);
    });
    $(‘#ec_cs_pannel_mid div:eq(2) span’).live(‘click’, function() {
    _gaq.push(['_trackEvent', 'chat', 'left', 'soso-chu',1,true]);
    });
    })();

    我并未系统学习过任何代码,就参照网上的一些教程,进行了如下通俗解释:
    这段代码主要使用了jquery的两个函数,.eq()和.live()。首先使用jQuery 选择器选择div id=ec_css_pannel_mid中class为ec_qq的元素,以及内部div中的span元素,然后再使用.eq()遍历各个元素,并通过.live()附加上trackEvent的点击事件。至于这些元素的获取,你可将鼠标放在相应的按钮上,然后使用谷歌浏览器的“工具-JavaScript控制台”来查看。

    作为一个数据分析师,你没有必要懂得写代码,你只需要把你的思路告诉技术人员,由他们帮你实现,然后你再负责监控效果。当然,如果能够看懂一些基本的代码,也是大有裨益的。



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