首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >给自己的网站增加在线客服功能,还能接入智能大模型知识库

给自己的网站增加在线客服功能,还能接入智能大模型知识库

作者头像
唯一Chat
发布2025-09-25 08:17:17
发布2025-09-25 08:17:17
9300
代码可运行
举报
文章被收录于专栏:陶士涵的菜地陶士涵的菜地
运行总次数:0
代码可运行

我们系统可以接入  gofly.v1kf.com

联系vx:llike620

网页链接接入

PC网站或H5网站可以通过多种方式接入客服系统,直接访问或跳转聊天链接,是最简单的一种方式

获取聊天链接

前往【部署】【团队设置】【网站接入】【普通模式】可以找到聊天链接,直接把该链接放入自己网站的任何位置,就可以点击直接聊天了。

下面还有一个根据该链接生成的二维码,可以直接截图二维码,发布到网站上。尽量不要在主域名下分发到微信,容易被腾讯封禁域名。

聊天链接传递参数

你们有自己的会员系统,想要知道当前访客是谁,那你得把自己的会员信息从url上带过来,下面是get传参

visitor_id: 自定义会员ID

visitor_name: 自定义会员名称

avator: 自定义会员头像

展示多语言

默认会根据浏览器语言进行自动切换

URL聊天链接中传递参数,例如:lang=en 则界面就展示为英文

lang: 多语言 cn 中文 , en英文,tw繁体

界面上的文案部分,是可以通过语种文件进行转换展示,但是内容部分是不会跟着变的

所以,建议每一个语种建立一个商家。例如:英文客服,中文客服,日文客服分为三个商家

APP接入

移动端网页/APP接入

移动端网页可以直接跳转该聊天链接,聊天咨询界面是基于响应式的设计,在移动端网页上表现良好,可以直接访问。

移动端APP可以使用webview组件接入,通过APP点击咨询按钮,跳转界面将聊天链接直接嵌入,也可以跳转默认浏览器打开聊天链接。

网页JS弹窗接入

网站可以通过多种方式接入客服系统,使用JS弹窗形式也比较方便,该形式会在网站右下角出现客服弹窗,无需跳转页面,可在当前页面聊天沟通

获取弹窗代码

前往【部署】【团队设置】【网站接入】【弹窗模式】可以找到JS代码,直接把该代码粘贴到网页任何位置,就可以点击右下角图标直接聊天了。

image
image

JS代码示例

代码语言:javascript
代码运行次数:0
运行
复制
<script type='text/javascript'>
    (function(a, b, c, d) {
        let h = b.getElementsByTagName('head')[0];let s = b.createElement('script');
        s.type = 'text/javascript';s.src = c+"/static/js/kefu-front.js";s.onload = s.onreadystatechange = function () {
            if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") d(c);
        };h.appendChild(s);
    })(window, document,"https://gofly.v1kf.com",function(u){
        KEFU.init({
            KEFU_URL:u,
            KEFU_KEFU_ID: "商户账号",
            KEFU_ENT: "商户ID",
        })
    });
</script>

传递参数

代码语言:javascript
代码运行次数:0
运行
复制
KEFU_URL: 网站的URL地址,例如 https://域名
KEFU_KEFU_ID: 客服账号用户名
KEFU_ENT: 客服的商户ID
KEFU_LANG: cn 中文 , en英文
KEFU_SHOW_TYPES: 展示样式,0:不展示,1:普通右下角,2:圆形icon
KEFU_AUTO_OPEN: true 是否自动弹出,false 不自动
VISITOR_ID:访客id
VISITOR_NAME:访客昵称
VISITOR_AVATOR:访客头像
KEFU_WIDTH_HEIGHT:["380px","560px"],  弹窗的窗口宽高
KEFU_OFFSET:'rb',  弹窗的位置,auto是居中 ,rb是右下角

自定义客服图标

代码语言:javascript
代码运行次数:0
运行
复制
KEFU_SHOW_TYPES:0 可以隐藏掉默认的客服图标

自行开发一个图标按钮界面,增加以下点击事件,可以在右下角打开聊天窗口

代码语言:javascript
代码运行次数:0
运行
复制
代码语言:javascript
代码运行次数:0
运行
复制
KEFU.showPanel()

或者完全自行开发弹窗功能,弹窗页面使用聊天链接。如果存在iframe嵌入聊天链接,应注意添加以下参数。否则不展示头部效果

代码语言:javascript
代码运行次数:0
运行
复制
聊天链接 &show_title=yes

接入智能大模型知识库

许多用户向我们咨询,询问我们的系统或浏览器插件能否接入Deepseek。其实,这种说法并不准确。正确的理解应该是:我们需要接入的是支持Deepseek的AI知识库平台(扣子,fastgpt,dify,或自研知识库等),而不是直接接入Deepseek本身,并且各平台通常支持多种大模型切换。

扣子智能体平台

非技术人员,现在建议直接使用coze.cn   扣子的功能很多,字节下面的,不至于说特别不稳定,包括知识库文档AI问答,角色扮演,工作流等

FastGPT或Dify智能体平台

有一定技术能力,了解大模型接口API,可以独立部署社区版FastGPT或Dify,更加的灵活可控以及数据文件存在私有本地

自研知识库

需要有技术能力,了解大模型接口API,满足基础功能,不想让客户感知使用其他平台。可以使用本系统自带简易RAG知识库

接入FastGPT

点击【应用】【外部使用】【API访问】【新建】新建一个KEY,同时也可以看到我们的API根地址

这个根地址和Key可以填入任何支持OpenAI接口的应用里,这个接口是兼容OpenAI格式。

image
image
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-09-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 网页链接接入
    • 获取聊天链接
    • 聊天链接传递参数
    • 展示多语言
  • APP接入
  • 网页JS弹窗接入
    • 获取弹窗代码
    • JS代码示例
    • 传递参数
    • 自定义客服图标
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档