1 插件代码嵌入
将下面代码嵌入到你网站页面 <head> 标签之间即可启用，其中<[你的站点ID]>处改为您的站点编号。
(function (w, d, s, i, v, j, b) {
w[i] = w[i] || function () {
(w[i].v = w[i].v || []).push(arguments)
};
j = d.createElement(s),v
b = d.getElementsByTagName(s)[0];
j.async = true;
j.charset = "UTF-8";
j.src = "https://www.v5kf.com/[你的站点ID]/v5kf.js";
b.parentNode.insertBefore(j, b);
})(window, document, "script", "V5CHAT");
V5网页插件嵌入以及接口调用示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta name="keywords" content="V5KF, V5智能客服, 免费的智能客服"/>
<meta name="description" content="v5kf.com"/>
<title>V5KF</title>
<script type="text/javascript">
// 网页插件嵌入示例
(function (w, d, s, i, v, j, b) {
w[i] = w[i] || function () {
(w[i].v = w[i].v || []).push(arguments)
};
j = d.createElement(s),
b = d.getElementsByTagName(s)[0];
j.async = true;
j.charset = "UTF-8";
j.src = "https://www.v5kf.com/[你的站点ID]/v5kf.js";
b.parentNode.insertBefore(j, b);
})(window, document, "script", "V5CHAT");
// 调用V5CHAT接口示例（本例实现延迟10s显示对话按钮）
V5CHAT('withoutBtn'); // 不显示浮动对话按钮
V5CHAT('onPluginLoad', function() {
// 插件加载完成的回调
setTimeout(function() {
V5CHAT('showBtn'); // 10s后显示浮动对话按钮
}, 10000);
});
// 指定人工服务示例
V5CHAT('human', {
human: 3, // 指定客服模式:
wid: 0, // 指定的客服编号
gid: 10001 // 指定的客服分组编号
});
</script>
<!-- 为了确保V5CHAT可在你的业务内调用，你的js最好在插件代码嵌入之后，若使用`defer`或`async`则无需关心先后 -->
<script charset="UTF-8" src="您网站上的其他js" async></script>
</head>
<body>
<div class="main">
<h1><a href="https://www.v5kf.com">V5智能客服</a></h1>
</div>
</body>
</html>
嵌入了V5插件代码的页面就可以显示V5的对话框了，并且插件加载完成后页面上包含属性 v5_href 的节点会具备点击打开对话框的功能， v5_href 还可以设置指定对话链接作为其值（可指定服务的客服组编号和客服编号，链接生成请参见V5后台【系统接入】-【网站】-【对话链接】页面），不指定则打开默认的对话框或者对话链接，例如：
<!-- 打开指定对话链接 -->
<div v5_href="https://www.v5kf.com/public/chat/chat?sid=[你的站点ID]&entry=5&ref=link&worker_id=[指定的客服编号]&group_id=[指定的客服分组编号]">
联系我们
</div>
<!-- 打开默认对话链接 -->
<div v5_href>
联系我们
</div>
此外，我们定义了以下一系列 接口 来实现更多的扩展需求。