search

聊天窗口是否可见

我们提供了一个回调方法让你能够实时捕获到聊天窗口是否可见。 注意：使用开放接口需要一定技术能力，请由网站技术人员参考本文代码对接实现。

hashtag
接口函数：_ZHCHAT('visibleCallback')

请确保在页面底部</body>前插入「网页接入代码」再按需调用。 网页接入代码在客服工作台「客户接入渠道」里创建「网页」类型的渠道生成。

hashtag
示例代码：

<!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>

    <script>
      //请确保在页面底部 </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://res.onechat.one/plug/widget.js';
        if (d.head) d.head.appendChild(s);
      })(document, window, '_ZHCHAT');
      _ZHCHAT('ini',{ channelId : 'xxxxx' });
      //以上是网页接入代码


      //自定义方法
      function visibleCallback(visible){
        if(visible == 'show'){
          console.log('聊天窗口展开了')
        }
        if(visible == 'hide'){
          console.log('聊天窗口隐藏了')
        }
      }

      //聊天窗口是否可见的回调
      _ZHCHAT('visibleCallback', visibleCallback);

    </script>
</body>
</html>
Previous显示历史聊天记录Next单页应用

Last updated