/**
* https://api.kefu.leimingyun.com/ 服务器host,如 http://kefu.xxx.com
* wss://api.kefu.leimingyun.com/websocket socketurl,如: ws://119.3.209.5:8081
* 365fef747a9e493fb631b621ee36eed1 客服坐席的id,跟谁聊天,这里就是谁的id
* kefu_site_color 文字图片颜色
* kefu_site_backgroundColor 背景颜色
* 20 对应kefu.autoHelloTime
* 你好,请问需要我的帮助吗?
您可以加QQ群763362335寻求帮助。
本客服可以自动跟访客打招呼引导沟通,当然这些文字你可以在客服后台自行设置。 对应kefu.autoHelloText
*/
var kefu_site_color = '#5fb878';
var kefu_site_backgroundColor = '#dcd2d2';
var kefu_site_host = 'https://api.kefu.leimingyun.com';
var kefu_site_socketUrl = 'wss://wss.kefu.leimingyun.com:49781/websocket';
var kefu_zuoxi_id = '365fef747a9e493fb631b621ee36eed1';
var kefu_autoHelloTime = '20';
var kefu_autoHelloText = '你好,请问需要我的帮助吗?
您可以加QQ群763362335寻求帮助。
本客服可以自动跟访客打招呼引导沟通,当然这些文字你可以在客服后台自行设置。';
//加载kefu资源
function loadKefu(){
var head0 = document.getElementsByTagName('head')[0];
/* 引入js */
var msgScript = document.createElement("script"); //创建一个script标签
msgScript.type = "text/javascript";
msgScript.src = 'https://res.zvo.cn/msg/msg.js';
head0.appendChild(msgScript);
var msgScript = document.createElement("script"); //创建一个script标签
msgScript.type = "text/javascript";
msgScript.src = 'https://res.zvo.cn/wm/wm.js';
head0.appendChild(msgScript);
var kefuScript = document.createElement("script"); //创建一个script标签
kefuScript.type = "text/javascript";
kefuScript.src = 'https://res.zvo.cn/kefu/kefu.js';
//kefuScript.src = '/template/2/kefu.js';
head0.appendChild(kefuScript);
var onlineKefuInterval = setInterval(function(){
console.log('onlineKefuInterval === ');
if(typeof(kefu) != 'undefined'){
kefu.document.set('wangmarket_site_kefu_iframe');
var iframeHead0 = kefu.document.get().getElementsByTagName('head')[0];
/* 引入css */
/*
var styleSss = kefu.document.get().createElement('link');
styleSss.type='text/css';
styleSss.rel = 'stylesheet';
styleSss.href = 'https://res.zvo.cn/kefu/css/style.css';
iframeHead0.appendChild(styleSss);
*/
kefu.util.loadCss('https://res.zvo.cn/kefu/css/style.css');
/*
var styleCss = kefu.document.get().createElement('link');
styleCss.type='text/css';
styleCss.rel = 'stylesheet';
styleCss.href = kefu_site_host+'/template/2/news.css';
iframeHead0.appendChild(styleCss);
*/
kefu.util.loadCss(kefu_site_host+'/template/2/news.css');
/* 创建list、chat 的div */
var listDiv = kefu.document.get().createElement('div');
listDiv.id = 'list';
listDiv.style.display = 'none';
kefu.document.get().body.appendChild(listDiv);
var chatDiv = kefu.document.get().createElement('div');
chatDiv.id = 'chat';
chatDiv.style.position = 'fixed';
chatDiv.style.top = '0px';
chatDiv.style.zIndex = '99999999';
kefu.document.get().body.appendChild(chatDiv);
//写入css style
var style = kefu.document.get().createElement('style');
style.innerHTML = '#head,#pc #chat_footer #input_area #footerButton .send{background-color:' + kefu_site_color + '!important;}';
kefu.document.get().body.appendChild(style);
kefu.document.get().kefu = parent.kefu;
//在 kefu.api.domain 设置之上,加载 KefuJsInterface 接口扩展的插件的 jsFile , 下面这个注释会被动态替换为插件要引入的jsFile,不要删除。比如会被替换为 try{ kefu.util.synchronizesLoadJs('http://www.zvo.cn/xxxxxxx.js'); }catch(e){ console.log(e); }
//{KefuJsInterface.kefuJsAppendJsFile}
kefu.api.domain = kefu_site_host; //http://kefu.wfyuntu.com
kefu.socket.url = kefu_site_socketUrl; //ws://119.3.209.5:8081
//图标颜色
kefu.ui.color.extendIconColor = kefu_site_color;
kefu.ui.color.shuruTypeColor = kefu_site_color;
//发送按钮
//kefu.document.get().getElementById('sendButton').style.backgroundColor=kefu_site_color;
//在 initKefu() 之上,加载 KefuJsInterface 接口扩展的插件的 jsCode
//{KefuJsInterface.kefuJsAppendJsCode}
initKefu();
clearInterval(onlineKefuInterval);//停止
console.log('onlineKefuInterval stop');
}
}, 500);
}
function initKefu(){
kefu.extend.onlineKefu = {};
kefu.ui.list.renderAreaId = 'list';
kefu.ui.chat.renderAreaId = 'chat';
if(kefu.client.isMobile()){
//手机
kefu.mode='mobile';
kefu.extend.onlineKefu.initChat = function(){
kefu.document.get().getElementById('back').onclick = function(){
//kefu.document.get().getElementById('chat').innerHTML = '';
//kefu.ui.list.entry();
//kefu.document.get().getElementsByTagName('html')[0].style.fontSize = originalHtmlSize;
document.getElementById(kefu.document.iframeId).style.display='none';
};
//计算rem,免得有的手机看起来文字非常小
var kefu_html = kefu.document.get().getElementsByTagName('html')[0];
var originalHtmlSize = kefu_html.style.fontSize; //当前网页本身原始的font-size
//375调试的正常宽度 16是调试的字体大小
var kefu_font_size = kefu_html.offsetWidth/375*16;
if(kefu_font_size == null || kefu_font_size == 0){
kefu_font_size = 16;
}
//设置rem - px 比例
kefu_html.style.fontSize = kefu_font_size+'px';
};
//在线客服的显示位置,更靠右下角一点
wangmarket_site_kefu_zuoxi.style.right = '1rem';
wangmarket_site_kefu_zuoxi.style.bottom = '1rem';
//调起客服的iframe
document.getElementById(kefu.document.iframeId).style.bottom = '0px';
document.getElementById(kefu.document.iframeId).style.height = '100%';
document.getElementById(kefu.document.iframeId).style.width = '100%';
document.getElementById(kefu.document.iframeId).style.right = '0px';
document.getElementById(kefu.document.iframeId).style.left = '0px';
document.getElementById(kefu.document.iframeId).style.maxWidth = 'none';
}else{
//pc
kefu.mode='pc';
kefu.ui.chat.html = kefu.ui.chat.pc.html;
/* pc chat */
kefu.extend.onlineKefu={
initChat:function(){
kefu.chat.shuruType = 'jianpan'
kefu.chat.shuruTypeChange();
// kefu.ui.chat.pc.moveInit(); //鼠标移动
//kefu.ui.chat.pc.sizeChange.moveInit(); //拖动大小
//console.log(kefu)
kefu.document.get().getElementById('close').innerHTML = kefu.ui.images.close.replace(/#000000/g,kefu.extendIconColor);
kefu.document.get().getElementById('close').onclick=function(){
document.getElementById(kefu.document.iframeId).style.display = 'none';
kefu.currentPage = 'list';
}
}
};
/* 重写 图片插件的放大方法,点击后直接在新窗口打开 */
kefu.extend.image.fullScreen = function(imagesUrl){
window.open(imagesUrl);
}
}
//kefu.js 初始化
kefu.init();
//重写socket的消息接收
var oldSocketOnMessage = kefu.socket.onmessage;
kefu.socket.onmessage = function(res){
var messageJson = JSON.parse(res.data);
if(messageJson.type == 'MSG'){
//如果是普通的沟通消息,那么打开聊天窗口
if(kefu.currentPage != 'chat'){
if(kefu.chat.otherUser != null && kefu.chat.otherUser.id != null && kefu.chat.otherUser.id == kefu_zuoxi_id){
//聊天对象没变,只是打开窗口就行,不用在创建链接
}else{
//创建新的通道
//kefu.ui.chat.entry(kefu_zuoxi_id);
}
kefu.ui.chat.entry(kefu_zuoxi_id);
document.getElementById(kefu.document.iframeId).style.display = '';
}
}
oldSocketOnMessage(res);
}
}
//调起回话
//kefu.ui.chat.entry('403');
function showKefu(){
var kefuhtml = `