ibangkf在线客服系统应对自适应网站图标异常的解决方案_在线客服代码-网站免费在线客服系统软件

20个最新文章

10个随机文章

当前位置: 首页 > 客服中心 > 客服动态 >

ibangkf在线客服系统应对自适应网站图标异常的解决方案

时间:2018-10-09 14:06来源:www.ibangkf.com 作者:在线客服系统@ibang客服

在自适应手机/PC的网站下，ibangkf在线客服系统可能会出现：手机访问下的在线客服图标比较大或者图标不靠边等情况。ibangkf在线客服系统针对上述问题，可以通过让自适应网站也能配置不同的风格进行设置。

具体设置步骤如下：

1、需要在ibangkf在线客服系统的客服端顶部，管理--选项设置--风格设置中添加新风格用于手机界面设置（风格名称随意设定，主要方便您识别），在风格设置中可以对客服图标、邀请窗口等图标进行设置，建议选择符合手机小屏幕的图标。风格设置方法请参见http://www.ibangkf.com/info/702.html

2、在网站</body>前加如下代码（网站id、新增风格编码是您对应账号的信息，风格编号可以在网页代码中获取）：

if(/android|blackberry|Mobile|ipad|iphone|ipod|Windows Phone/i.test(navigator.userAgent)){

document.write("<scr"+"ipt src='https://c.ibangkf.com/i/c-网站id_风格编码.js' type='text/javascript'></scr"+"ipt>");

} else {

document.write("<scr"+"ipt src='https://c.ibangkf.com/i/c-网站id.js' type='text/javascript'></scr"+"ipt>");

}

示例：

图1. 顶部管理--选项设置--风格管理中添加风格

图2. 获取新增风格的风格编号，图例中79341就是新增风格的编码

【代码示例】
if(/android|blackberry|Mobile|ipad|iphone|ipod|Windows Phone/i.test(navigator.userAgent)){

document.write("<scr"+"ipt src='https://c.ibangkf.com/i/c-test_79341.js' type='text/javascript'></scr"+"ipt>");

} else {

document.write("<scr"+"ipt src='https://c.ibangkf.com/i/c-test.js' type='text/javascript'></scr"+"ipt>");

}

添加上述代码后，手机和PC将可以自行显示不同的客服图标、邀请窗口等信息。

上一篇：ibangkf在线客服系统对话窗口打开方式介绍
下一篇：在线客服代码 V3.1.0.668 发布

您可能有兴趣的文章：

ibangkf在线客服系统支持网页直接对话功能