客服接入方式
一、小程序接入
1、小程序设置使用第三方插件
请登录微信小程序后台,进入“设置-第三方服务-插件管理”,搜索“腾讯云智服”,进行添加。成功后,即可按照下述方式进行接入,使用该插件。
登录小程序后台
2、按如下方式配置插件,进行使用:
详细接入方式参见:小程序插件接入方式
一、使用插件
1、在使用插件前,首先登录微信公众号平台,要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台,通过 appid 查找插件并添加。如果插件无需申请,添加后可直接使用;否则需要申请并等待插件开发者通过后,方可在小程序中使用相应的插件。
2、在小程序 app.json 中配置, 小程序插件appid是 wx738958e0f4c894f9, 请使用最新稳定版本。
{
"plugins": {
"myPlugin": {
"version": "1.1.0",
"provider": "wx738958e0f4c894f9"
}
}
}
二、组件初始化
1、在pages/index.js中初始化
var plugin = requirePlugin("myPlugin");
Page({
onLoad() {
plugin.init({
sign: '490e6e3833404d9269f6db3f5f826d5466c03de76ad576fc070b983baea556d419031ae65a9b111d4f0813246fc54dc8d8f4daf9ba1298cb3e1d6a92583565f5', //必传,公司渠道唯一标识
token: '', //非必填
uid: '', //用户唯一标识,如果没有则不填写,默认为空
title: '', //非必填,如果未填写,默认获取配置标题
isRMB: '', //商品是否显示人民币¥,默认显示,false不显示
data: { //参数c1,c2,c3,c4,c5用于传递用户信息,参数d1,d2,d3,d4,d5用于传递商品信息,默认为空
c1: '芒果方订单号',
c2: '',
c3: '',
c4: '',
c5: '',
d1: '', //商品描述
d2: '', //价格
d3: '', //原价格
d4: '', //展示商品图片链接
d5: '', //商品跳转链接
d6: '', //商品id
data: ''//加密串,非必填
},
viewUrl(res){ //需要跳转的链接,则需要配置一个web-view
if (res) {
wx.navigateTo({
url: '/pages/webview/index?href=' + res
})
}
},
setTitle(res){ //设置标题
if (res) {
wx.setNavigationBarTitle({
title: res
})
}
},
setBarColor(res) { //设置导航栏背景色
if (res) {
wx.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: res
})
}
},
success(res){ //初始化成功时调用
if (res.data == 'success') {
console.log('success');
}
},
fail(res){ //初始化失败时调用
if (res.data == 'initError') {
console.log('initError');
}
},
leave(res){ //离开会话页面
if (res) {
console.log(res);
}
}
})
}
})
2、在组件内进行配置,在页面的配置json内进行配置,比如 pages/index/index.json
{
"usingComponents": {
"chat": "plugin://myPlugin/chat"
}
}
3、使用组件
<view>
<chat></chat>
</view>
二、H5接入
1、链接跳转
2、插件嵌入方式:
<script src="https://yzf.qq.com/xv/web/static/chat_sdk/yzf_chat.min.js"></script>
<script>
//参数说明
//sign:公司渠道唯一标识,复制即可,无需改动
//uid:用户唯一标识,如果没有则不填写,默认为空
//data:用于传递用户信息,最多支持5个,参数名分别为c1,c2,c3,c4,c5;默认为空
//selector:css选择器(document.querySelector, 如#btnid .chat-btn等),用于替换默认的常驻客服入口
//callback(type, data): 回调函数,type表示事件类型, data表示事件相关数据
//type支持的类型:newmsg有新消息,error云智服页面发生错误, close聊天窗口关闭
window.yzf && window.yzf.init({
sign: '37ef9b97832007c02a429aea4de8b3304292b7ca6c6b137947228125805a75f1860f93cda315bdc07d3ea4dd2dee311a600decb2',
uid: '',
data: {
c1: '',
c2: '',
c3: '',
c4: '',
c5: ''
},
selector: '',
callback: function(type, data){}
})
//window.yzf.close() 关闭1已打开的回话窗口
</script>
修改时间 2 年前