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

来源：互联网发布：兰卡斯特大学知乎编辑：程序博客网时间：2024/04/28 16:47

按照 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&Uin=2920004979&Site=六月购客服1&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&Uin=2457100173&Site=六月购客服2&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&Uin=2637082263&Site=六月购售后&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>");

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