全栈工程师-咨询电话:15675178605 (微信同号)

H5/Wap移动端,公众号端-接入教程

第一步:手机注册登录,修改登录密码

首先,你需要注册账号,绑定手机,然后,修改登录密码。
具体请参见:https://impc.opencodetiger.com/OctIm/DevelopDocIm_90015_0.html

第二步:生成移动端接入代码

1)用第一步绑定的手机号和登录密码,登录【访问接待】聊天界面,登录地址:https://im.opencodetiger.cn  在咨询聊天界面的左侧底部有一个【小人】图标,点击进入【客服中心】后台,在下面的图标导航列表中,选择【第三方接入指引】项。根据项目内容,填写相应的值,建议全部都填写,填写完整后点击【生成移动端代码】。
如下图:


2)生成的移动端代码如下图:


点击【复制代码】按钮,然后,进入到移动端具体H5网页当前,将生成的【JS代码】粘贴到网页中,因为,生成的是一个JS函数,所以,需要用如:<script type="text/javascript"> </script>包裹。然后,在页面中的按钮或悬浮图标的Click点击事件中,调用此方法函数即可实现URL跳转。当然,也可以用<a href=""></a>直接实现URL链接地址的跳转。如下图:


3)点击调用了此方法函数的按钮或图标,就可以直接跳转到访客咨询聊天对话框了。如下图:


4)特别注意:在填写各项生成代码参数时,有一项【图标链接URL】在链接URL中是【TopAHref=https://impc.opencodetiger.com】控制着【访客咨询聊天对话框】右上角的【小屋图标】的链接地址,即点击这个【小屋图标】跳转到的网址,设置此值为自己想要跳转的网址即可。

5)客服登录到【访问接待】聊天界面,在左侧访客列表中,就可以看到访客请求聊天对话的头像啦,点击直接发送聊天内容就可以了。

第三步:在所有需要在线客服的H5网页中,同样的方式,加入生成的【Js代码】并调用方法函数,即可实现咨询聊天跳转。