最近用的网易七鱼客服系统,总结一下 网易七鱼用代码接入网站的方法。
官网 开发指南
web-sdk使用的demo都可以在上图里的接入demo里找到。接入demo直接下载是不能打开的。
代码里的js需要替换成,你在七鱼买了账号之后的七鱼给你的js。这个js可以在你登录了七鱼账号后,点击左侧的设置,然后接入设置,网站接入,就可以看到相应的js了。
代码一:七鱼准备完毕后加载。
var isSdkReady = false;ysf('onready', function () {isSdkReady = true;})if(isSdkReady){location.href = ysf('url');}
代码二:保留客户信息
需要在location.href = ysf('url')之前配置,uid是必需的,unconfirm:1不是必需,是为了在客服页面按物理返回的时候,不出现确认框,直接退出。
ysf('config', {uid: userInfoMsg.id,unconfirm:1,data: JSON.stringify([{ "key": "real_name", "value": userInfoMsg.username },{ "key": "mobile_phone", "value":userInfoMsg.mobile },// { "key": "email", "value": "13800000000@163.com" },// { "index": 0, "key": "account", "label": "账号", "value": "zhangsan", "href": "http://example.domain/user/zhangsan" },// { "index": 1, "key": "sex", "label": "性别", "value": "先生" },// { "index": 2, "key": "reg_date", "label": "注册日期", "value": "2015-11-16" },// { "index": 3, "key": "last_login", "label": "上次登录时间", "value": "2015-12-22 15:38:54" },{ "index": 0, "key": "campany", "label": "所在集团", "value": companyName },{"index": 1, "key":"avatar","label":"头像","value":userInfoMsg.avatar}])})
代码3:接入聊天时,给客服发送产品信息。
ysf('product', {show: 1,//1显示 0不显示title: productMsg.title||'',desc: "",picture: productMsg.logo,note: price,url: 'packageDetail/?id='+productMsg.id,// sendByUser: 0success: function(){ // 成功回调// ysf('open');},error: function(){ // 错误回调}});