ecshop下启用QQ在线服务,并能实时更新QQ在线状态

 

按照 http://blog.csdn.net/zurich1979/article/details/9082201 可轻松实现在线客服,

但是使用后发现一个问题,那就是这种情况下在线客服不能根据QQ的在线或离线等状态,

及时更新客服面板上企鹅的状态,并且企鹅状态始终处于离线,如下图所示:

 

本文就是叙述如何修改这种情况,使得在线客服能够按照QQ的在线状态,及时更新在线客服面板上企鹅的状态。

 

访问 http://wp.qq.com/  

如下图,

然后选择"提供在线服务",系统提示输入QQ账号和密码,如下图:

 

登录成功后,选择相应的组件样式,本文选择简洁型,然后系统自动产生代码,

显示如下:

 

只需要把生成的代码拷贝到我们的代码中即可,

 

源代码如下:

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

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

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

 

新代码如下:

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=2:12345678:52'  border='0' alt='QQ' />六月购客服1</a></li>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=2:12345678:52'  border='0' alt='QQ' />六月购客服2</a></li>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=2:12345678:52'  border='0' alt='QQ' />六月购售后1</a></li>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=2:12345678:52'  border='0' alt='QQ' />六月购售后2</a></li>");

 

这样,刷新首页, 你就能看到我们的在线客服栏中QQ的状态在做及时的更新,如下图:

 

 

 

 

 

 

posted @ 2013-07-31 20:24  坚固66  阅读(318)  评论(0编辑  收藏  举报