1、在网页上加个按钮，class类名为tybkefu，如：
<div class="kefu">在线咨询</div>
2、脚本中写弹出爱番番聊天窗口如下（原百度商桥）
$(".kefu").click(function(e){
e.stopPropagation();//禁止响应父元素的相关事件
e.preventDefault();//防止跳转
//方法一、在当前窗口弹出百度商桥爱番番
if ($('#nb_invite_ok').length > 0) {
$('#nb_invite_ok').click();
}
if ($('.embed-chat-is-max').length > 0) {
$('.embed-chat-is-max').click();
}
//方法二、在新窗口弹出独立沟通窗口，1165279646是QQ号
window.open("tencent://message/?uin=1165279646&Menu=yes","qiao");
window.open("mqqwpa://im/chat?chat_type=wpa&uin=1165279646&version=1&src_type=web ","_self");
//方法三、在小窗口弹出沟通窗口
var url = "#";
var name = "太友帮"; //网页名称，可为空;
var iWidth = 780; //弹出窗口的宽度;
var iHeight = 600; //弹出窗口的高度;
var iTop = (window.screen.height - 30 - iHeight) / 2; //获得窗口的垂直位置;
var iLeft = (window.screen.width - 10 - iWidth) / 2; //获得窗口的水平位置;
window.open(url, name, 'height=' + iHeight + ',,innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
})
百度商桥更名为爱番番后，最新收到的通知是，不是百度推广的用户，在7月份后将不能再免费使用百度爱番番，详情可以查看他们的官方公告《 非「百度生效推广户」沟通工具停用通知 》
尽管官方说这样做的目的是防止违法诈骗行为，保护数据安全，但是这也是变相的开始做的一种收费策略了，引导用户去做百度推广。
爱番番这个工具是否好用，作者在此不置于评论，下面作者说说一些替代方案：
1）付费使用爱番番、53kefu、忠仕通等客服软件，好处是即开即用，也比较成熟，缺点是费用偏贵，数据掌握在第三方平台，比较被动
2）用QQ代替，参考上面的代码，网站用户如果是国内用户，比较推荐这种方式，目前国内用户安装QQ的还是比较多的，缺点是如果自己QQ没有登录，是不能实时收到客户发的消息的；如果客户自己没装QQ，也不能在线发送消息了；在微信里面，也不能唤醒QQ对话
3）自己可以购买一台服务器，然后安装一些市面上比较成熟的在线客服聊天软件代码，作为爱番番等在线聊天软件的替代，好处是费用相对便宜比较多，而且数据是掌握在自己手里，对于中小企业完全够用，用户体验也非常好；缺点是周期相对较长，需要配置环境搭建部署，如果要备案，周期会更长，不能即开即用，如果对于比较紧急的客户这个方法就不太适用了。
如果有第3种需求的朋友可以联系我，作者收集整理了比较多的在线客服聊天软件，并做了对比优化，可以为你节省大量的收集整理和测试时间成本，我的微信是15928132840（微信同号），欢迎免费咨询。
