集成到您的网站
集成功能
- 客服可以实时查看正在浏览网站的访客,主动发起会话施展话术。
- 在您网站的页面上显示一个引导访客与客服交流的动态聊天窗口。
- 无论访客打开多少个网站页面或聊天窗口,聊天内容都是实时同步的,访客可以在切换浏览的网站页面后在任意页面继续与客服的交流。页面跳转不会中断聊天,访客可以一边浏览网站一边与客服交流。
集成到 PC 网站效果
在网站右下角(或左下角)显示一个可折叠的浮动聊天窗口。
访客点击,或客服主动发起会话,以及新消息到达后,浮动聊天窗口展开。
对于 PC 端网站,访客可以点击弹出聊天框右侧的最大化按钮,将打开新的独立的浏览器窗口显示聊天画面。
集成到手机网站效果
在页面底部显示一个可折叠的浮动聊天窗口。
访客点击,或客服主动发起会话,以及新消息到达后,浮动聊天窗口展开。
后台客服
将客服系统集成到您的网站之后,客服人员就可以通过客服程序,实时监控网站上的访客,实时获知他们的浏览情况,主动会话,开展营销活动。
右击正在访问网站的访客,选择“开始会话”,即可直接发起会话。客服主动开始会话不需要经过访客同意,会话开始后聊天窗口将自动在网站上弹出。
集成方法
对于在线使用版本,登录 Web 后台,在站点列表中点击站点名称,画面显示“集成方法”,请按提示完成站点的集成。
对于私有化部署版本,参考以下流程,注意引用的相关域名替换成您私有化部署时所使用的域名。
直接打开聊天窗口,不跟踪识别访问中的访客
如果您希望通过自己的链接,直接打开聊天窗口,无需识别访问中的访客,可以直接打开以下聊天页面网址:
PC:
https://kf-resource.shengxunwei.com/WebChat/WebChat.html?siteCode=站点代码
手机(支持嵌入微信、QQ等公众号平台内打开):
https://kf-resource.shengxunwei.com/WebChat/MobileWebChat.html?siteCode=站点代码
聊天窗口页面可以根据设备自动切换 PC 或移动页面,如果你自行识别后直接打开对应的页面可以避免一次跳转。
集成到网站上跟踪识别访客
如果需要识别正在访问网站的访客,并在页面使用浮动图标和嵌入式小聊天窗口,则需要在您的网站中,嵌入以下代码:
<script src="https://kf-resource.shengxunwei.com/ua-parser.min.js"></script>
<script src="https://kf-resource.shengxunwei.com/embedded.js?siteCode=站点代码"></script>
站点代码是您选择的站点的代码,在 Web 后台给出的提示中,会自动显示正确的站点代码。如果修改了站点代码,必须修改您网站中引用的 js 文件后携带的站点代码。
私有化部署免费版的站点代码是 freesite
。
注意:
- 必须嵌在
body
标签之内,在其结束之前的任意位置。 - 只有引用了代码的页面,才能使用客服系统,可以把代码添加在全局的模板页面中。
- 如果您的网站已经引用过了
ua-parser
,则无需重复引用。
只需添加以上 2 行 js 文件引用,即完成了基本的网站集成。
在集成的同时自主打开聊天窗口
对于嵌入了 embedded.js 的页面,访客可以点击嵌入的小聊天窗口与客服交流,也可以放大到独立窗口与客服交流。
您也可以另行设计一个与网站风格高度统一的链接或图标来打开聊天窗口。
请注意:如果您希望在使用 embedded.js 跟踪访客的同时,能通过自己设计的链接打开聊天窗口,则必须通过
kf_getWebChatUrl()
方法来获取目标链接地址:
<a href="javascript:void(0)" onclick="openChatWindow()" >打开聊天窗口</a>
function openChatWindow()
{
var targetUrl = kf_getWebChatUrl();
window.open(targetUrl);
}
kf_getWebChatUrl()
方法能够返回一个有效的 URL 地址,这个地址带有 embedded.js 已经生成的相关信息。必须携带这些信息才能保持对访客身份的持续识别。
此外,该函数能够
- 通过当前终端设备的类型,判断返回 PC 端页面还是 手机端页面。
- 根据是否有客服人员在线或自动回复机器人,判断返回聊天窗口还是留言窗口。