本章导读

随着Internet的普及和发展，各种类型的站点也纷纷建立起来。这些站点为了更好地为用户服务，需要及时地和客户进行交流、沟通。在这种趋势下，各Web站点纷纷使用各种客服工具与客户进行交流。在线客服是指在网络上实现和客户的信息交流，甚至是生意洽谈。在线客服模块是网站程序开发中常用的功能模块。本章介绍现实应用中的几种主流客服软件，以及在ASP开发过程中调用软件的方法。

4.1 QQ客服

QQ是腾讯公司推出的聊天工具，一经推出后便受到了广大网民的青睐，并且被广泛地应用于各站点的在线服务模块中。

4.1.1 QQ客服概述

读者对QQ的使用方法已十分熟悉了。下面将介绍如何在页面中调用QQ窗口。QQ的调用十分简单，只需在需要的地方输入下面的代码即可。

…………………………………

上述两段代码都可实现在线调用QQ窗口的功能。其中，在“站点名称”中可以输入想要显示的站点名称；“客服QQ号”是设置的客服QQ号码；调用的图片可以到http://is.qq.com/cgi-bin/ webpresence/wpa_code页面设置。例如，要在页面中调用聊天窗口，与号码为371972484的客服进行交流，可以通过下面的代码实现。

……………………………………

QQ：371972484

</a>

……………………………………

上述代码执行效果如图4-1所示。

图4-1 调用QQ界面效果图

4.1.2 实例应用

读者可以直接通过语句，调用本书光盘的“04\qq\qq.asp”文件，在任意页面调用QQ。文件qq.asp执行效果如图4-2所示。

图4-2 qq.asp文件运行效果图

文件qq.asp的主要代码如下所示：

adm_qq="111111,22222,333333,444444" '定义显示的客服QQ号

QQ=split(adm_qq,",") '以逗号为界区分号码

for N=0 to UBound(QQ)

MyQQ=MyQQ+QQ(N)+":" 'QQ显示变量赋值

……………………………

var online= new Array();

if (!document.layers)

document.write('<div id="divStayTopLeft" style="position:absolute">')

</script>

……………………………

for N=0 to UBound(QQ) '将客服QQ赋值予变量N

……………………………

if (online[<%=n%>]==0)

document.write("  <img src=lzimages/QQoffline.gif border=0 align=middle><a class='qqb' target =blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='客服不在线，请留言'><%=QQ(n)%></a>");

else

document.write("  <img src=lzimages/QQonline.gif border=0 align=middle><a class='qqa' target= blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='在线即时交谈'><%=QQ(n)%></a>");

</script >

……………………………

<%next%>

……………………………

var verticalpos="frombottom"

if (!document.layers)

document.write('</div>')

function JSFX_FloatTopDiv()

{

//默认情况显示在屏幕左侧，若要显示在右侧，修改下面的代码

var startX =885,

startY =320;

var ns=(navigator.appName.indexOf("Netscape") != -1);

var d=document;

function ml(id)

{

var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

if(d.layers)el.style=el;

el.sP=function(x,y){this.style.left=x;this.style.top=y;};

el.x=startX;

if (verticalpos=="fromtop")

el.y=startY;

else{

el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body. clientHeight;

el.y -= startY;

}

return el;

}

window.stayTopLeft=function()

{

if (verticalpos=="fromtop"){

var pY = ns ? pageYOffset : document.body.scrollTop;

ftlObj.y += (pY + startY - ftlObj.y)/8;

}

else{

var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

ftlObj.y += (pY - startY - ftlObj.y)/8;

}

ftlObj.sP(ftlObj.x, ftlObj.y);

setTimeout("stayTopLeft()", 10);

}

ftlObj = ml("divStayTopLeft");

stayTopLeft();

}

JSFX_FloatTopDiv();

</script>

………………………………

4.2 MSN客服

MSN Messenger 是微软公司推出的即时消息软件，凭借该软件自身优秀的性能，目前在国内已经拥有了大量的用户群。

4.2.1 MSN概述

MSN以使用灵活方便而著称，它不仅能够实现在线交流，而且能够和微软的其他产品交互使用，极大地方便了用户。使用MSN Messenger可以与他人进行文字聊天、语音对话和视频会议等即时交流，还可以通过此软件查看联系人是否联机。

调用MSN窗口的方法十分简单，只需在需要的地方输入下面的代码即可。

其中，“XXXXXX@hotmail.com”是在线客服的MSN登录号。这样，用户登录MSN后，可以通过单击“聊天”超链接实现和在线客服的及时沟通。

4.2.2 实例应用

本书光盘的“04\msn\”目录下的文件msn.asp，可以实现和QQ一样在线客服功能。文件运行效果如图4-3所示。

图4-3 msn.asp文件运行效果图

文件msn.asp的主要代码如下所示：

………………………………

<!--

function addMSN (address) {

if (MsgrUIA.MyStatus==1)

{

alert('您的MSN没有登录，请先登录');

}

else if(MsgrUIA.MyStatus==2 || MsgrUIA.MyStatus==10 || MsgrUIA.MyStatus==14 || MsgrUIA.MyStatus ==34|| MsgrUIA.MyStatus==50 || MsgrUIA.MyStatus==66 || MsgrUIA.MyStatus==6) { //2,10, 14, 34, 50,66,6

MsgrUIA.InstantMessage(address);

}

else if (MsgrUIA.MyStatus==512 || MsgrUIA.MyStatus==768)

{

alert('您的MSN正在登录，请稍等');

}

else {

alert('错误代码：'+ MsgrUIA.MyStatus + '。您没有安装MSN或使用的不是IE浏览器，请安装MSN并手动添加' + address );

}

-->

</script>

MSN客服：<span style="CURSOR: hand" onclick="javascript:addMSN('bjrzny123@126.com');">bj rzny123@126.com</span>

<div style="display:none"><OBJECT id=MsgrUIA height=0 codeType=application/x-oleobject width=0

classid=clsid:B69003B3-C55E-4b48-836C-BC5946FC3B28>

</OBJECT>

………………………………

4.3 阿里巴巴客服

阿里巴巴是当今电子商务的领军者，其日均商务交易量在B2B站点中名列第一。为使站点用户方便、及时地进行贸易洽谈，阿里巴巴推出了贸易通软件，实现了会员间信息交流的快速处理机制。

4.3.1 阿里巴巴客服概述

贸易通通过即时文字、语音视频、邮件和短信的方式，进行商务沟通和客户管理，是商人网上贸易的必备工具之一。用户只有安装贸易通并注册成为会员后，才能利用其进行商务交流。调用贸易通的方法也比较简单，只需在需要的地方加入如下代码即可。

其中，“check2”是阿里巴巴判断用户是否安装贸易通的函数；“guanxijing123”是谈话对象的贸易通号。下面通过一个具体实例讲解如何在页面中调用阿里巴巴贸易通。

4.3.2 实例应用

本实例的实现文件是maoyitong.asp，保存在光盘:\04\maoyitong\文件夹下，页面运行效果如图4-4所示。

图4-4 maoyitong.asp文件运行效果图

maoyitong.asp文件的主要代码如下所示：

………………………………………

定义用户状态

………………………………………

var OnLine = 0;

</SCRIPT>

………………………………………

下面判断用户是否安装了贸易通

………………………………………

<!--

function newCheckAlitalkInstalled(){

var obj;

try{

obj=new ActiveXObject("AlitalkSetup.Install");

}

catch(e){

}

if (null!=obj){

delete obj;

return true;

} else {

return false;

}

function NewCheckAlitalkInstalled(){

return newCheckAlitalkInstalled();

}

function startAlitalk(){

//判断浏览者是否安装了贸易通

if (newCheckAlitalkInstalled()){

window.location = "Alitalk:";

}else{

//提示安装贸易通

window.target="_blank";

window.open("http://china.alibaba.com/misc/promotion_down.htm");

}

-->

</SCRIPT>

var img_alitalkStatus = document.getElementById("img_alitalkStatus");

if(img_alitalkStatus){

if(OnLine == 1)

img_alitalkStatus.src="http://img.china.alibaba.com/images/cn/ common/icon/icon_alitalk.gif";

else

img_alitalkStatus.src="http://img.china.alibaba.com/images/cn/market/ b2bauction/icon_mytnoonline_ 16x16.gif";

}

function check2(memberId){

//判断浏览者是否安装了贸易通

if (newCheckAlitalkInstalled()){

window.location="Alitalk:SendIM?"+memberId;

}else{

//提示安装贸易通

window.target="_blank";

window.open("http://china.alibaba.com/misc/promotion_down.htm");

}

</SCRIPT>

………………………………………

和我来交谈吧</span><img src="2/list_mytlogo_online.gif" width="32" height= "32" border="0" />

</A>

………………………………………

4.4 iLiveHelp在线帮助系统

iLiveHelp是一款基于互联网的网站实时帮助系统，其交流界面美观大方。iLiveHelp被广泛应用于各类企业客户服务中心，可以很方便地同客户进行在线交谈并提供实时支持。使用者可以在http://www.itecheasy.com.cn/上免费下载。

在个人页面上调用iLiveHelp方法十分简单，申请账号后就可以获取调用代码。例如，加入如下代码即可调用iLiveHelp。

其中，“账号”是客服人员的iLiveHelp账号。下面将通过一个具体实例讲解在页面中调用iLiveHelp的实现过程。本实例保存在光盘:\04\qita\下，文件名为3.asp，运行效果如图4-5所示。

图4-5 3.asp文件运行效果图

文件3.asp的主要代码如下所示：

……………………………

</table>

guanxijing@126.com,你好,16,小龙,好人,200,10"></script>

</body>

……………………………

4.5 雅虎通客服

雅虎通是雅虎公司的聊天工具，和前面介绍的客服工具相比，其最大优势是可以和MSN用户进行交流。另外，利用雅虎通的pingme工具，可以在页面上随意调用和雅虎通用户进行沟通的窗口。

目前很多站点的在线客服工具是pingme，其使用方法比较简单，只要申请成为雅虎用户后，到http://cn.messenger.yahoo.com/pingme.php页面申请相关服务后，即可获得自己的pingme客服图标和图标代码。只要将获得的图标代码插入到指定页面，页面就会显示此客服图标。用户只要单击这个图标就可以和此图标用户进行沟通。

下面将通过一个具体实例讲解在页面中调用pingme客服图标的实现过程。本实例保存在光盘:\04\qita\下，名为yahoo.asp，运行效果如图4-6所示。