网站分析:GA监测商务通在线客服的对话数
一、为什么要使用GA监测商务通等在线客服的对话数?
主要是为了有效的区分对话的来源。本来呢,这个事情应该是在线客服服系统去做。如果想要有效的区分一个流量的来源,需要Landing page URL和referer配合才可以。目前大部分在线客服系统对这方面的支持都不是那么好,而对于GA等网站分析工具,在区分流量来源这方面做的则比较好。 因此,产生了这样的需求,用GA来跟踪在线客服的对话数。
二、跟踪的基本思路
这个的跟踪思路其实与出站点击、文件下载的思路一致,就是在点击对话窗口时运行_trackPageview或者_trackEvent记录下来就 可以了。但是,有一点不同是,对话窗口一般都是通过JS动态输出的,因此,我们需要通过在Dom树上查找到对应的元素,并添加事件监 听,当用户点击对话按 钮时,则调用_trackPageview或者_trackEvent记录。
这里比较麻烦的是从Dom树里找到要监 听onclick事件的对象。
三、具体的跟踪实例
先介绍一个函数。
function startListening (obj,evnt,func) {
if (obj.addEventListener) {
obj.addEventListener(evnt,func,false);
} else if (obj.attachEvent) {
obj.attachEvent("on" + evnt,func);
}
}
这个主要是用来搞定浏览器兼容性。
这里有三个参数:
obj:要添加事件监 听的对象。
event:要监 听的事件,不需要写on。
func:捕捉到事件后要运行的函数。这里要注意的是,func只需要写函数名,而不需要(),其含义是当对应事件发生了,运行函数,而不是函数的结果。
这个函数还有许多用途,比如监测页面内所有链接的点击情况,跟踪出站链接等等。
接下来首先是找到要监 听的事件对象。
首先,我用firebug查看输出的对话窗口,找到这两个图片所在的位置。
<table id=”LR_Tb4″ align=”center” cellspacing=”0″ cellpadding=”0″ style=”WIDTH: 400px; HEIGHT: 104px;border:0;margin:0; padding:0;”>,输入这个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','/商务通/拒绝']);
}
更多文章
-
CloudFlare官方免费CNAME接入配置教程
目录一、功能简介二、配置接入订阅CloudFlare for SaaS设置源站添加自定义主机名验证域名所有权SaaS域名解析三、结语从2021年11月开始,CloudFlare禁用了Partner使用的zone_setAPI以避免滥用(因为该API接入不需要验证域名所有权),通过Par
-
通过Censys引擎,教你绕过 CDN 精准找到源站IP
前言 大家好,我是VoltCary当我们谈论绕过CDN查找真实IP的时候,不得不提到SSL证书,它确实是我们寻找真实IP的一大利器,至于为什么SSL证书会导致源站IP泄露?很多人或许没有深入了解这个问题。目前好像还没有几篇文章详解过,只是将其作为绕过CDN查找源站IP文章中一部分。 为
-
使用高防服务器或者高防CDN后为什么还会出现源站IP被打
近来站长们应该基本都遇到过 DDOS 攻击,特别是 CC,如果放任不管,会导致服务器资源紧张,导致用户无法正常访问。有时间就算接入了高防服务器,源站 IP 还是被打,网站打不开。 为什么出现源站 IP 被打这种情况?出现源站 IP 被打怎么办? 在使用 DDoS 高防服务后,如果还存在
-
宝塔面板屏蔽 Censys的配置方法(防止源站 IP 泄露)
Censys 搜索引擎很强大。Censys 每天都会扫描 IPv4 地址空间,以搜索所有联网设备并收集相关的信息,并返回一份有关资源(如设备、网站和证书)配置和部署信息的总体报告。 在 IP 前加上 https 访问时,Nginx 会自动返回该网站的 https 证书,从而暴露相关域名
-
国外域名注册商 2025年一些靠谱好用的域名注册商推荐
想找好用的域名注册商购买域名?域名注册商是一种负责管理网站域名注册的公司,国内国外通过ICANN认证的有3860多家,那现在哪个域名商信用好且性价比高? 在本文中,我会介绍2024-2025国外好用的域名注册商,并比较优缺点和排名,下面是完整内容。 国外域名注册推荐 1. Namech