第三方接入指引说明
一、首先你需要注册一个客服账号:地址: https://im.opencodetiger.cn, 注册成功后,用户手机号或密码登录到客服端系统。进入到客服接待主界面。如下图:

二、点击左下角【小人】图标,进入客服中心,选择其中的【第三方接入指引】进入接入代码生成页面,分为:移动端和PC电脑端代码的生成。 如下图:


三、移动端接入代码生成 (小程序,APP,H5/Wap,公众号接入)
1)根据页面代码生成的提示,准确填写各项参数,其中的:[客服手机号] 为必填。 其他的请仔细阅读说明,有疑问请咨询官网工程师,单击右下角工程师在线咨询按钮。
2)代码生成成功后,如:
/* 进入IM客服系统 | |
* */ | |
function locationEnterImWap() { |
|
var _enterUrl = "//im.opencodetiger.cn/EnterIm/VisitorEnter?ShopUserID=66666666666666666&VisitType=Official&MobileNum=15675178605&IsShowTitleHeader=true&BuyerUserID=0&BuyerNick=&BuyerHeaderImg=&VisitorMemo=&TopTitle=全栈工程师为您服务&TopAHref=//imm.opencodetiger.com&ShowItemHeaderImgUrl=//im.opencodetiger.cn/Assets/Imgs/Icon/ThirdEnter/service_header_im.png&ShowTitle=全栈工程师为您服务&ShowTitleSub=连接全栈工程师成功,可以咨询聊天啦!&OsType=Wap&rnd=" + Math.random(); | |
window.location.href = _enterUrl; |
|
} |
1、如果是: H5/Wap,公众号接入:请在页面或Js文件中,调用此方法 locationEnterImWap() 即可。。那么用户单击时自动跳转到咨询聊天页面。
2、如果是:小程序,APP接入:请将方法中的网址:
//im.opencodetiger.cn/EnterIm/VisitorEnter?ShopUserID=66666666666666666&VisitType=Official&MobileNum=15675178605&IsShowTitleHeader=true&BuyerUserID=0&BuyerNick=&BuyerHeaderImg=&VisitorMemo=&TopTitle=全栈工程师为您服务&TopAHref=//imm.opencodetiger.com&ShowItemHeaderImgUrl=//im.opencodetiger.cn/Assets/Imgs/Icon/ThirdEnter/service_header_im.png&ShowTitle=全栈工程师为您服务&ShowTitleSub=连接全栈工程师成功,可以咨询聊天啦!&OsType=Wap&rnd=" + Math.random();
用类似WebView的方式打开网址即可,那么WebView自动加载聊天咨询页面。


四、PC电脑端接入代码生成(PC端网站或PC其他软件)
1)根据页面代码生成的提示,准确填写各项参数,其中的:[客服手机号] 为必填。 其他的请仔细阅读说明,点击【生成电脑端代码】,有疑问请咨询官网工程师,单击右下角工程师在线咨询按钮。
2) 代码生成如下:
<script src="//im.opencodetiger.cn/Assets/Js/EnterThird/VisitorEnterPC.js?sv=66&winw=60&winh=180&ShopUserID=66666666666666666&BuyerUserID=0&BuyerNick=empty&BuyerHeaderImg=empty&VisitorMemo=empty&VisitType=Official&MobileNum=15675178605&IsShowTitleHeader=false&TopTitle=全栈工程师为您服务&TopAHref=empty&ShowItemHeaderImgUrl=//im.opencodetiger.cn/Assets/Imgs/Icon/ThirdEnter/service_header.png&ShowTitle=全栈工程师为您服务&ShowTitleSub=连接全栈工程师成功,现在可以咨询聊天啦!"></script>
将这段Js代码放在页面标签<body>的最后即可,那页面右下方会显示一个在线客服的按钮,访客点击即可咨询聊天。如下图:


五、客服登录访客接待主界面,就可以看到当前有多少访客在线,咨询聊天的具体信息等。
六、可单独提供定制客服图片,图标,显示方式等,安装定制调试费用每次:600元