集成笔记:环信移动客服如何实现全媒体接入

本篇集成笔记参考于环信官网移动客服集成文档 ,写这篇笔记是为了让大家更直观的了解“移动客服是什么”“我能不能使用移动客服”“怎么集成移动客服”

官网移动客服集成文档地址:http://docs.easemob.com/cs/start

移动客服是由环信提供的一套完整的客服服务SaaS解决方案,既包括多渠道接入的客户端(APP,网页,微信,微博),也包括客服座席使用的服务端(Web和APP都有),只是在APP端使用了IM作为通讯方式。
访客端是由自己集成(集成步骤在下面文档会写出),目前支持:APP、微信公众号、微博公众号、网站
客服后台是由环信提供,现支持:移动端、web、pc端(插件方会在以后版本开放,具体可咨询环信在线技术支持)

QQ截图20151221160139.png

集成环信移动客服前需注册环信客服账号,并登录。
环信客服注册地址:http://kefu.easemob.com/mo/register


网页插件集成:
网页插件集成移动客服是比较简单,原理是在自己网站的</body>标签之前加入一段由环信提供的js,即可完成环信在线客服的植入,实现访客在网页端与在线客服的沟通。
QQ截图20151221160416.png

这段js获取步骤如下:
管理员模式下==》渠道设置==》网页插件
QQ截图20151221160522.png

下面来讲下网页插件的功能介绍和自定义开发(V4.1版本)
功能介绍可参考imgeek社区新产品发布:http://community.easemob.com/article/825307446 

一些常见的自定义开发
Q:网页插件 集成自定义按钮
A:首先,将插件JS串中的hide=false修改为hide=true;
其次,在你网页的目标元素上添加如下超链接,例如:<a href="javascript:;" onclick="easemobIM()" xxxxID=0000>你的目标元素</a>,即可完成自定义客服按钮
Q:网页插件区分技能组
A:http://kefu.easemob.com/webim/ ... up%3D技能组名称
注意:技能组名称外面没有单引号


手机APP集成:
手机APP集成可分为以下两步
1:先在客服后台创建一个关联
管理员模式下==》渠道设置==》手机APP 右上角添加环信关联
关联名称由自己定义,AppKey,ClientId,ClientSecret可以再环信开发者后台拿到(注册环信开发者账号https://console.easemob.com/index_register.html  注册完成创建应用--查看应用概况即可得到)
这里详细介绍下im服务号,im服务号为自己应用下的一个im账号(不用为每个用户创建,根据自己业务逻辑指定一个或者多个)
2:客户端写个联系客服按钮,点击联系客服,调用发消息方法,接收对象为客服后台创建的关联的im服务号,消息就会到客服后台,根据分配策略分配给对应的客服(V4.1版本 客服坐席分配策略为:max(客服坐席可接待人数-客服坐席已接待人数), 也就是说,新来会话会分配给理论最闲的那个客服坐席)

一些常见的自定义开发:
指定客服、技能组、满意度调查、显示用户信息可参考(原理为联系客服时通过传入扩展属性键值对,由客服后台解析辨别。键为环信实现约定好的,值是自定义。)文档地址:http://docs.easemob.com/cs/300visitoraccess/10nativeapp 


这里列举几个实现用户信息常遇到的问题
Q:已经按照文档传入用户信息,为什么客服后台还是没有看到用户信息
A:客服关闭会话,再次联系客服就行,已经建立的会话目前没有刷新访客昵称
Q:之前传入用户信息在客服后台显示了,后来传入新的用户信息为什么客服后台没有更新
A:已经在客服后台显示的用户信息不会随着扩展属性的更新而更新,目前的设计是访客第一次进入时展示信息给客服辨别,后续由客服手动备注
PS:如果自己APP 是基于h5开发的,或者不想集成环信im怎么使用环信的移动客服,可以参考之前的网页插件集成,将那段js中的tenantID填入以下网址中xxxx的位置:http://kefu.easemob.com/webim/ ... Dxxxx
在自己APP中点击联系客服跳转到这个H5会话窗口即可


微信公众号集成:
微信工作号集成需要注意的是个人的订阅号、测试公众号等,微信均没有开通客服接口的权限,所以粉丝收不到客服消息。
微信公众号集成分以下几类:
1:直接授权(通过在客服后台管理员模式==》渠道设置==》微信公众号 添加微信公众号即可)
需要注意的是授权以后自己之前对微信公众号所做的开发都不能使用,微信用户通过微信的输入框直接联系客服后台移动客服
2:通过定义菜单栏点击联系客服
QQ截图20151221160626.png

可以在微信公众号定义菜单栏,点击跳转到环信指定的网址(这个地址可参考之前的网页插件集成,将那段js中的tenantID填入以下网址中xxxx的位置:http://kefu.easemob.com/webim/ ... Dxxxx
3:回调集成(需要开发者,涉及到服务端程序的集成)
实现原理为环信发消息给微信,是通过环信的实时消息旁路接口。微信发消息给环信,是通过环信提供的REST发消息接口。
按照以下步骤:
1)在微信公众号开发者设置第三方服务器接收微信公众号的消息进行业务逻辑处理
2)调用环信rest接口将消息发给客服后台绑定的IM服务号(文档地址http://docs.easemob.com/doku.p ... sages
3)客服的回复消息是到环信服务器,通过回调接口把这消息转发到用户指定的服务器(需要符合环信格式,配置消息回调可联系环信在线技术支持)
4)服务器拿到消息之后在推给微信粉丝就行
PS:需要注意的是消息格式的变化(V4.1视频和位置暂不⽀持,会在下⼀版本提供⽀持)


微博公众号集成:
微博公众号集成目前支持私信、 @ ,评论暂不支持(V4.1版本)
集成方式:
管理员模式下==》渠道设置==》微博公众号

QQ截图20151221160725.png

3 个评论

你好,请问为什么按照官方文档上的体验客服步骤,在客服模式下收不到环信客服demo发过来的消息??
beyond

beyond 回复 追寻

检查下客服demo 的appkey设置了是自己的APPKEY吗?
如果已经设置好,看下客服demo发消息联系客服msg.to是谁?这个接收对象需要是在客服后台设置的IM服务号。如果还有问题欢迎发帖咨询,把问题详细描述下。
追寻

追寻 回复 beyond

这个问题已经解决了,谢谢!

要回复文章请先登录注册

知识价值的认可,源自您的赞赏

扫描二维码,你的支付将由imGeek代收后转给对方

×