ecshop下启用QQ在线服务,并能实时更新QQ在线状态
按照 http://blog.csdn.net/zurich1979/article/details/9082201 可轻松实现在线客服,
但是使用后发现一个问题,那就是这种情况下在线客服不能根据QQ的在线或离线等状态,
及时更新客服面板上企鹅的状态,并且企鹅状态始终处于离线,如下图所示:
本文就是叙述如何修改这种情况,使得在线客服能够按照QQ的在线状态,及时更新在线客服面板上企鹅的状态。
如下图,
然后选择"提供在线服务",系统提示输入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>");
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的状态在做及时的更新,如下图: