在线客服代码

添加在线客服代码,您可以

立即获得免费在线客服
立即看到谁在浏览您的网站
实时洞察客户行为
协助网站客户购买商品
网站流量转化为销售订单数量
网站拥有专业在线客服系统

获取在线客服代码
ibangkf
当前位置: 首页 > 客服资讯 >

分享一段在线客服代码的讲解(一)

时间:2012-01-07 19:48来源:www.ibangkf.com 作者:在线客服代码@ibang客服

 

今天我在这里分享一段支持QQ在线客服代码,MSN在线客服代码,淘宝旺旺在线客服代码,由于很多用户都不了解代码的中的详细含义。对不同的网站有不同的代码需求,那么有些客户就提出了,我们想改改这个QQ图标的显示位置,我们想让QQ显示的更明显点。。。

 

今天我就针对下面这段代码进行详细的解释。

 

下面这几段是通过javascript的文档写入函数,产生几段层

document.write("<div class='QQbox' id='divQQbox' >"); 这是整个在线客服代码的窗口层,所有的内容都将在这里显示出来。

document.write("<div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display : none;'>"); 这是显示QQ在线客服列表的层,每天添加一个QQ在线客服代码,就会可以直接在这里复制粘贴一下即可。

document.write("<div class='t'></div>"); 这个是信息展示层

document.write("<div class='infobox'>我们营业的时间<br>9:00-18:00</div>"); 这里显示我们的工作时间。

document.write("<div class='con'>");

 

document.write("<ul>");

 

这行我们添加一个QQ在线客服代码,你们看,超链接的地址是 wpa.qq.com,这是QQ的服务器地址,后面的Uin需要写入QQ号码。

再看后面的img标签,是个图片,图片的内容也是QQ的服务器地址,这个地址主要是动态产生客服图片,当你的QQ不在线时,就显示离线的图片,当你的QQ在线时就显示在线的客服图片,链接标签中的文字“QQ咨询”你可以随便填写,比如改成网站在线客服

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&amp;Uin=123456&amp;Site=QQ咨询&amp;Menu=yes' target='_blank'><img src=' http://wpa.qq.com/pa?p=1:123456:4'  border='0' alt='QQ' />QQ咨询</a></li>");

 

下面这两段可就简单了,就是将MSN和陶博旺旺添加到刚才的客服列表里面去。

img标签里面是msn的图片,这里由于msn并未提供msn在线或离线的接口,所以我们的msn图片就只能一直显示在线的图片。离线的图片肯定就无法显示了。

我们看到a标签里面的链接地址是msnim:chat?contact=,这其实是调用客户电脑上的MSN的协议,只有安装了msn的电脑才会支持这种协议。

document.write('<li><img src="OKQQ/images/msn.gif" width="18" height="17" border="0" alt="MSN" /> <a href="msnim:chat?contact=MSN帐号">MSN咨询</a></li>');

 

这段是淘宝旺旺的在线客服代码了,讲到这里大家肯定很清楚了,a标签里面的超链接是淘宝旺旺的弹出窗口地址,amos1.taobao.com就是淘宝旺旺的地址,uid同样也是填写旺旺号码,可喜的是淘宝旺旺也是支持旺旺在线和离线的判断的,所以会显示在线图片或离线图片。

document.write('<li><a href="http://amos1.taobao.com/msg.ww?v=2&uid=旺旺号码&s=2" target="_blank"><img src="http://amos1.taobao.com/online.ww?v=2&uid=旺旺号码&s=2" width="16" height="16" border="0" alt="淘宝旺旺" />在线旺旺</a></li>');

 

下面就是填写你们网站的咨询电话了。

document.write('<tr><td><li>咨询电话:010-88888888</li></td></tr>');

 

这里其实是上面的一些标签的结尾标志,照些即可。

document.write("</ul>");

 

document.write("</div>");

 

document.write("<div class='b'></div>");

 

document.write("</div>");

 

document.write("<div id='divMenu' onmouseover='OnlineOver();'><img src='OKQQ/images/qq_1.gif' class='press' alt='在线咨询'></div>");

 

document.write("</div>");

 

 

今天就先讲到这里,下次我们将会讲解如何让这些客服图片都浮动在浏览器上。

 

 


本文地址:http://www.ibangkf.com/info/461.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!



    您可能感兴趣的文章: