展开聊天窗
如果需要点击网站的自定义按钮实现弹出聊天窗口,可以调用合从提供的开放接口方法来实现。
注意:使用开放接口需要一定技术能力,请由网站技术人员参考本文代码对接实现。
接口函数:_AIHECONG('showChat')
请确保在页面底部</body>
前插入「网页接入代码」再按需调用。
网页接入代码在客服工作台「客户接入渠道」里创建「网页」类型的渠道生成。
示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
<!-- 点击下面的按钮展开聊天窗 -->
<button onclick="openChat()">联系客服</button>
<script>
//点击按钮处理事件
function openChat(){
//在确保网页插入接入代码后,JS 可以直接调用全局函数 _AIHECONG('showChat') 实现弹出聊天窗口
_AIHECONG('showChat')
}
//请确保在页面底部 </body> 前插入接入代码
//接入代码在客服工作台「客户接入渠道」里创建生成
(function(d, w, c) {
var s = d.createElement('script');
w[c] = w[c] || function() {
(w[c].z = w[c].z || []).push(arguments);
};
s.async = true;
s.src = 'https://static.ahc.ink/hecong.js';
if (d.head) d.head.appendChild(s);
})(document, window, '_AIHECONG');
_AIHECONG('ini',{ channelId : 'xxxxx' });
//以上是接入代码示例,请务必使用自己创建生成的接入代码。
</script>
</body>
</html>