<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <style>
        body { background-color: #eee;color: #555; }
        button, a { display: block;margin: 20px 0;background: #00CEB9;border: none;color: #fff;line-height: 40px;width: 200px;cursor: pointer;outline: none;text-align: center; }
        button:hover, a:hover { box-shadow: 0 0 5px #33CEB9; }
        button:active, a:active { background: #fff;color: #00CEB9; }
        input { height: 40px;outline: none;width: 300px;text-align: center;font-size: 16px;color: #00CEB9; float: left;border: 1px solid #fff; }
    </style>
</head>
<body>
    <a href='javascript:;' onclick='easemobim.bind({
        tenantId: 16038,
        dialogWidth: "500px"
    })'>窗口加宽示例</a>
    <a href='javascript:;' onclick='easemobim.bind({
        tenantId: 16038,
        emgroup: "售后"
    })'>绑定技能组示例</a>


    <script>
        window.easemobim = window.easemobim || {};

        easemobim.config = {
            tenantId: '',		//租户id
            to: '',		    	//指定关联对应的im号
            appKey: '',	    	//关联的appkey,				appKey: 'orgName#appName'
            domain: '',	    	//环信客户互动云域,			domain: '//kefu.easemob.com',
            path: '',	    	//im.html的本机服务器路径,	path: '//XXX'
            staticPath: '',		//访客插件static的路径,		staticPath: '//XXX/static'
            xmppServer: '',		//环信IM服务器,				xmppServer: 'im-api.easemob.com'
            restServer: '',		//环信REST服务器,			restServer: 'a1.easemob.com'
            visitor: '',		//访客信息
            agentName: '',		//指定坐席
            ticket: true,		//是否展示留言入口
            hideStatus: false,	//是否显示会话创建、接起、转接、结束等提示

            /*extMsg: {	    	//移动端点击联系客服按钮自动发送订单消息demo
                "imageName": "mallImage3.png",
                "type": "custom",
                "msgtype": {
                    "order": {
                        "img_url": "h\n.pn",
                        "title": "mmm",
                        "desc": "mmm端午节粽子四",
                        "order_title":"mmm订单号:123456789012345678901234567890",
                        "price": "",
                        "item_url": "http://www.baidu.com?s=order_sn/123123"
                    }
                }
            },*/
            autoConnect: false,  	//自动连接
            buttonText: '联系客服',	//设置小按钮的文案
            hide: true,    	  	//是否隐藏小的悬浮按钮
            resources: false,    	//是否启用收消息同步
            dragenable: true,    	//是否允许拖拽, H5不支持
            hideKeyboard: false,  	//是否隐藏H5右上角的键盘图标
            dialogWidth: '400px',  	//聊天窗口宽度, H5不支持
            dialogHeight: '500px', 	//聊天窗口高度, H5不支持
            minimum: true,  	  	//是否允许窗口最小化, H5不支持
            satisfaction: true,  	//是否允许访客主动发起满意度评价
            soundReminder: true,  	//是否启用声音提醒(低版本浏览器和H5不支持)
            dialogPosition: { x: '10px', y: '10px' },	//聊天窗口初始位置,坐标以视口右边距和下边距为基准, H5不支持
            onmessage: function ( message ) { },		//收消息回调, 只对当前打开的聊天窗口有效
            onready: function () {
                //PC端点击联系客服按钮自动发送订单消息demo
                /*easemobim.sendExt({ext: {
                    "imageName": "mallImage3.png",
                    "type": "custom",
                    "msgtype": {
                        "order": {
                            "img_url": "h\n.pn",
                            "title": "pc",
                            "desc": "pc端午节粽子四",
                            "order_title":"pc订单号:123456789012345678901234567890",
                            "price": "",
                            "item_url": "http://www.baidu.com?s=order_sn/123123"
                        }
                    }
                }});*/
            },						//聊天窗口加载成功回调
            onsessionclosed: function () { },		//会话结束回调

            /*
             * 可集成自己的用户,如不集成,则使用上面配置的appkey创建随机访客
             * 如果上面没有配置appkey,那么将使用配置的tenantId获取APP关联,使用第一个APP关联的相关信息
             * 验证的方式二选一,必填,另一项为空即可
             */
            user: {
                username: '',				//集成时必填
                password: '',				//password验证方式
                token: ''  		  		//token验证方式
            }
        };
    </script>
    <script src='//kefu.easemob.com/webim/easemob.js'></script>
</body>
</html>