,输入这个table下面的两个a标签。
var table1=document.getElementById("LR_Tb4")
var links=table1.getElementsByTagName("a")
通过ID和tagName我们定位了这两个a标签。
接下来就是定义要运行的函数。
function textacc(){
alert("接受")
_gaq.push(['_trackPageview','/商务通/接受']);
}
function textre(){
alert("拒绝")
_gaq.push(['_trackPageview','/商务通/拒绝']);
}
为了测试,我添加了两个alert。
最后,是为这两个按钮添加事件监听,当按钮发生点击事件时,调用对应的函数。
至此,基本的监测代码就完整了。
最后一步就是在GA中定义对应目标了。
四、一些注意事项
1、在线客服系统提供多种咨询图标,不同的咨询图标,需要监听的对象不同,比如,我看到的商务通,有两种图标。
2、商务通系统的加载比较慢,为避免由于商务通加载未成功而造成的错误,可以将这些监测代码作为一个函数,在window onload完成的时候去运行。
3、这种方式只能监测用户是否点击咨询按钮,但是,无法确定是否是有效咨询。
4、如果在线客服使用的是Flash形式,这种方法无效。
五、完整的代码示例
function trackChat(){
if (document.getElementById("LR_Tb4")){
var table1=document.getElementById("LR_Tb4")
var links=table1.getElementsByTagName("a")
startListening(links[0],"click",textacc);
startListening(links[1],"click",textre);
}
if (document.getElementById("LRfloater0")){
var _divchat=document.getElementById("LRfloater0")
var _imgchat=_divchat.getElementsByTagName("img")
startListening(_imgchat[1],"click",textacc);
}
}
startListening(window,"load",trackChat);
function startListening (obj,evnt,func) {
if (obj.addEventListener) {
obj.addEventListener(evnt,func,false);
} else if (obj.attachEvent) {
obj.attachEvent("on" + evnt,func);
}
}
function textacc(){
_gaq.push(['_trackPageview','/商务通/接受']);
}
function textre(){
_gaq.push(['_trackPageview','/商务通/拒绝']);
}