点评:主要目的是有效区分对话的来源,应该是一个在线客服系统。





首先,为什么要使用GA来监控在线客服

主要目的是为了有效区分对话的来源。原来,这件事应该做的在线服务系统。如果你想有效区分交通源,有必要与着陆页的URL和Referer的合作。目前,大多数的在线客服系统都不能很好的支持这方面。对于GA和其他网站分析工具,最好区分流量源,因此需要创建使用GA来跟踪在线客户服务上对话的数量。

二、跟踪的基本思想

这种跟踪理念与外向的点击和文件下载的想法一致,那就是跑_trackpageview或_trackevent记录点击对话框窗口的时候。但是,有一点不同,对话窗口一般是通过js动态输出,因此,我们需要使用DOM树中找到对应的元素,并添加事件监控,用户点击按钮时的对话,然后调用_trackpageview或_trackevent记录。

这是找个对象听从DOM树的onclick事件的麻烦。

三。具体跟踪的例子

首先,引入一个函数。
监听功能(obj,寅,func){
如果(obj。addEventListener){
Obj.addEventListener(寅,功能,假);
} else if(obj。attachevent){
obj.attachevent(+寅,功能);
}
}

这主要用于使浏览器兼容。

这里有三个参数:

Obj:添加事件监听对象。

事件:要监视的事件不需要写入。

Func:捕获事件后运行的函数。重要的是要注意,函数只需要编写函数名而不是(),这意味着当相应事件发生时,运行函数不是函数的结果。

这个函数有很多用途,比如监视页面中所有链接的点击、跟踪出站链接等等。

下一步是找到要监视的事件的对象。

首先,我使用Firebug查看输出对话框窗口,找到两个图片的位置。
在下面的表中输入21个标签。
无功表1 = document.getelementbyid(lr_tb4 )
VaR的链接= table1.getelementsbytagname()

我们找到这21个标签的ID和标签名。

下一步是定义要运行的函数。
功能textacc(){
警报(接受)
_gaq.push({ '_trackpageview ' /业务/接受});
}
功能构造(){
警报(拒绝)
_gaq.push({ '_trackpageview ' /业务/拒绝});
}

为了测试,我添加了两个警告。

最后,将两个按钮添加到事件监视器中,当按钮命中事件时,调用相应的函数。

此时,基本监视代码已完成。

最后一步是在GA.定义相应的目标。

Four. 注意事项

1、在线客服系统提供各种不同的咨询咨询图标、图标、对象进行监控,例如,我看到你,有两种图标。

2、业务系统的负载是比较缓慢的,为了避免因加载错误的企业是不成功的,这些可以监控作为一个函数的代码,当窗口onload完成运行。

3,这种方式只能监视用户是否点击咨询按钮,但无法确定它是否是一个有效的协商。

4。如果在线客服以flash的形式使用,则此方法无效。

五。完整的代码示例
功能trackchat(){
如果(document.getelementbyid(lr_tb4 )){
无功表1 = document.getelementbyid(lr_tb4 )
VaR的链接= table1.getelementsbytagname()
监听(链接{ 0 },点击
监听(链接{ 1 },点击
}
如果(document.getelementbyid(lrfloater0 )){
无功_divchat = document.getelementbyid(lrfloater0 )
Var _imgchat=_divchat.getElementsByTagName (img)
监听(_imgchat { 1 },点击
}
}
监听(窗口,负荷
监听功能(obj,寅,func){
如果(obj。addEventListener){
Obj.addEventListener(寅,功能,假);
} else if(obj。attachevent){
obj.attachevent(+寅,功能);
}
}
功能textacc(){
_gaq.push({ '_trackpageview ' /业务/接受});
}
功能构造(){
_gaq.push({ '_trackpageview ' /业务/拒绝});
}