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

news/2025/9/24 22:46:59/文章来源:https://www.cnblogs.com/taoshihan/p/19110158
我们系统可以接入  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

 

JS代码示例

<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>

 

传递参数

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是右下角

 

自定义客服图标

KEFU_SHOW_TYPES:0 可以隐藏掉默认的客服图标

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

KEFU.showPanel()

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

聊天链接 &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

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/916367.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2025/9/24

2025/9/241.学习离散数学 2.学习算法

江门建站房产获客软件

开源编辑器Notepad今天发布了最新的6.0版本。 Notepad 是一款免费的开源跨平台代码编辑器。它支持包括中文在内的多国语言&#xff0c;功能强大&#xff0c;除了可以用来制作一般的纯文字说明文件外&#xff0c;也可以作为代码编辑器。Notepad不仅可以实现语法高亮显示&#x…

JavaScript原型链终极解析:彻底搞懂prototype和__proto__的区别 - 详解

JavaScript原型链终极解析:彻底搞懂prototype和__proto__的区别 - 详解pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: …

Linux中修改主机名并立即生效的完整指南

1. 查看当前主机名 在开始修改之前,先了解如何查看当前的主机名: # 查看当前主机名 hostname# 或使用hostnamectl命令(Systemd系统) hostnamectl status# 查看所有类型的主机名 hostnamectl status --all# 查看简短…

项目经理最常见的10个管理失误,你中招了吗?

做过项目的人都知道一句话:项目从来不是“顺理成章”完成的,而是一路踩坑、一路爬坑。 明明开工时信心满满,结果一到执行就乱了套:https://s.fanruan.com/rawyp延期 超支 质量差 团队闹情绪……最后搞得项目经理疲…

阿里云国际站NAS:阿里云NAS适合我的数据库备份需求吗? - 教程

阿里云国际站NAS:阿里云NAS适合我的数据库备份需求吗? - 教程pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Co…

沈阳 网站开发小程序开发外包报价表

3.5 损失函数 本文来自开源组织 DataWhale &#x1f433; CV小组创作的目标检测入门教程。 对应开源项目 《动手学CV-Pytorch》 的第3章的内容&#xff0c;教程中涉及的代码也可以在项目中找到&#xff0c;后续会持续更新更多的优质内容&#xff0c;欢迎⭐️。 如果使用我们…

公司新建了网站以前的就网站可以全部删除吗黄山旅游攻略及费用

在当今全球化的商业环境中&#xff0c;企业寻求海外市场的拓展已成为增长的重要策略。然而&#xff0c;海外市场的复杂性和多样性为企业带来了巨大的挑战。为了有效地定位和拓展海外客户&#xff0c;许多企业选择了HubSpot 出海CRM作为他们的营销和销售管理工具。今天运营坛将带…

02020407 EF Core基础07-一对多实体类关系配置插入数据查询数据、设置额外的外键字段

02020407 EF Core基础07-一对多实体类&关系配置&插入数据&查询数据、设置额外的外键字段 1. EF Core一对多关系配置(视频3-14) 1.1 实体间关系 1、所谓“关系数据库” 2、复习:数据库表之间的关系:一对…

解码数据结构基础

数据结构基本概念 数据结构的核心是计算机存储和组织数据的方式,目的是提升后续数据访问效率,存储的通常是具有特定关系的数据集合。 核心术语定义术语 定义 示例数据(Data) 可输入计算机并被处理的符号总称 学生信…

软件工程学习日志2025.9.24

📝 2025年9月24日 - Hadoop/HBase环境搭建与排错日记 🌟 今日工作概览 今天主要完成了Hadoop和HBase集群的环境搭建,解决了多个连接和配置问题,成功实现了从IDEA远程连接虚拟机HBase数据库。 🔧 技术操作记录H…

大厂代码编写习惯简谈

在当今软件开发行业,大厂的代码编写规范已经成为行业标杆。这些规范不仅仅是格式要求,更是一种工程思维的体现。简单探讨大厂代码规范的核心要点,帮助开发者提升代码质量与工程能力。 为什么需要严格的代码规范?当…

做网站什么用网页设计专业级

产业发展背景 早在2011年5月加拿大广播电视和电信委员会&#xff08;CRTC&#xff09;就发布了新的“国家宽带计划”&#xff0c;该计划显示&#xff0c;到2015年加拿大全体国民将享有5Mbps的宽带接入速度。CRTC表示&#xff1a;“来自市场的资金及有针对性的政府拨款将继续推动…

知识导航新体验:Perplexica+cpolar 24小时智能服务 - 教程

知识导航新体验:Perplexica+cpolar 24小时智能服务 - 教程pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consol…

能不能写一个linux下类vim的编辑器 - 指南

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

串口助手开发经验 - Luis-123

串口助手开发经验Posted on 2025-09-24 22:28 Luis-123-long 阅读(0) 评论(0) 收藏 举报1.在开发log功能的时候,发现点击发送数据后,没有反应(初始化陷阱) 经检查(很漫长的检查)后发现在最后面加了上次遗留的初…

泊头网站建设公司做网站都需要自己的服务器吗

FL Studio 21是一款强大的数字音频工作站&#xff08;DAW&#xff09;软件&#xff0c;为您提供一个完整的软件音乐制作环境。它是制作高质量的音乐、乐器、录音等的完整解决方案。该程序配备了各种工具和插件&#xff0c;帮助你创建专业的虚拟乐器&#xff0c;如贝斯、吉他、钢…

电商设计网站如何制作网站视频教程

web渗透测试漏洞复现 1. ZooKeeper未授权漏洞复现1.1 ZooKeeper简介1.2 ZooKeeper漏洞复现1.3 ZooKeeper漏洞修复建议1. ZooKeeper未授权漏洞复现 1.1 ZooKeeper简介 ZooKeeper 是一个分布式的、开源的协调服务,最初由雅虎开发,现隶属于 Apache 软件基金会,是Google的Chub…

《计算机算法设计与分析》系列--算法实现题1.1-统计数字问题

引言: 这个题在原书的配套习题解答中,描述得比较简略,我不太看得懂,于是按自己的思路做了一遍。 问题描述: 一本书有n页,页码为1,2,.. N,(注意,页码的格式,0不会在最前面) 问在这所有的页码中,0-9这10个数…