首先声明,EC客户通的GA事件跟踪代码并非本人所写,代码的作者是我在上家公司天拓的一位技术同事所写,参照了cloga的这篇文章:使用GA监测商务通等在线客服的对话。
EC是深圳市六度人和科技有限公司开发的一款在线客服系统,曾经获得腾讯的天使投资,现今被众多企业所使用。
目标设置是进行任何网络推广的第一步,对于大大多数企业网站来说,最为关键的目标就是在线咨询数,我们或许能够在一些在线咨询软件中看到关于咨询者的一些数据,比如来源IP,咨询时间,用户的计算机分辨率等数据,有些软件还能看到关键词等数据,但是如何把这些数据与我们的推广活动进行贯通,则需要借助于我们的一些高级配置。
在这里,我们就是使用Google Analytics的事件跟踪对网站内各个在线咨询按钮的点击情况进行跟踪,这些数据可以在热点事件中查看,并且我们可以进一步对这些事件设置为目标。
/* 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控制台”来查看。
作为一个数据分析师,你没有必要懂得写代码,你只需要把你的思路告诉技术人员,由他们帮你实现,然后你再负责监控效果。当然,如果能够看懂一些基本的代码,也是大有裨益的。