自定义接入客服聊天

admin

在外站像插入“第三方站点统计代码” 一样插入如下代码

1. <script src="https://forum.ongl.cn/source/plugin/xchat/static/xchat/js/xchat.js"></script>
   
2. <script type="text/javascript">
   
3.         XChat.init({
   
4.             open: 2, // 取值0|1|2|3|4，0：不建立链接，最小化显示；1：建立链接，最大化显示；2：建立链接，最小化显示；3：建立链接，最大化显示，不显示最小化按钮；4：建立连接，最大化显示，刷新页面每隔10分钟弹最大化一次
   
5.             appName: '客服', // 窗口顶部插件文字
   
6.             appIcon: '', // 窗口顶部插件图标
   
7.             name: '', // 用户名称，默认ip地址所在城市名称
   
8.             avatar: '', // 用户图像，默认系统图像
   
9.             text: 'Chat', // 最小化按钮文字
   
10.             icon: '', // 最小化按钮图标
    
11.             code: '18d54c22Cdgz0TfFB-JeRMt7cpNP9hLjJfSdyk0Uz7t5',  // 客服代码- 指定接待客服，可省略
    
12.             theme: '#f00', // 主题颜色
    
13.             sendImage: 0, // 发送图片，0禁止,1允许
    
14.             sendFile: 0,  // 发送文件，0禁止,1允许
    
15.             socket: '',  // socket地址
    
16.             port: '',  // 端口，默认8011
    
17.             card: {
    
18.                 title: '',  // 标题，默认页面标题
    
19.                 cover: '',  // 卡片封面，默认页面第一张图片
    
20.                 intro: '',  // 卡片简介，默认页面描述
    
21.                 href: '',  // 卡片链接，默认页面链接
    
22.             },
    
23.             success: function(box) {
    
24.                 // 自定义函数，可自义设置“聊天窗口”样式、大小、事件等
    
25.             },
    
26.             hideStart: true,     // 取值true|false或省略，隐藏最小化按钮，用于页面自定义按钮启动
    
27.             onStart: function(cb) {     // 自定义启动
    
28.                 let init = false, xchat
    
29.                 // 页面自定义按钮click事件
    
30.                 document.getElementById('chat').onclick = function() {
    
31.                     if (!init) {
    
32.                         xchat = cb()    // 客服初始化
    
33.                         init = true
    
34.                     }
    
35.                     xchat.toggle(1) // 客服最大化，0最小化
    
36.                 }
    
37.             }
    
38.         })
    
39. </script>

复制代码