网站集成
版本要求: 标准版及以上
网站集成功能支持用户通过 零代码/低代码 的方式快速将LinkAI智能体接入 web站点 中,提供 悬浮窗口嵌入、iframe嵌入、独立页面链接 三种方式供灵活选择。
详细介绍参考文章:如何将 LinkAI 智能体快速接入你的网站?
一、创建集成
在LinkAI控制台 应用接入 菜单,选择 网页嵌入 渠道,点击创建,根据弹窗的操作步骤填写第1步:
可选择接入应用或工作流(应用接入支持流式输出,工作流接入不支持流式输出)。创建完成后,点击确定前往客户端配置页面进行配置。
二、客户端配置
网页嵌入可在 客户端 菜单中进行配置:
1. 基础设置
配置网页对话窗的基本信息和基础样式:
配置项说明:
网站名称: 使用网页嵌入的独立页面链接模式,在浏览器打开时的浏览器页签名称
绑定应用: 对话能力所使用的智能体,可选择应用/工作流,保存后用户端使用的即是对应的智能体(注:工作流暂不支持流式输出)
标题、副标题: 对话窗顶部的标题及副标题内容
欢迎语: 用户打开对话窗口时的提示和欢迎语,可配置智能体的介绍,用户使用指引,推荐提问等内容
输入框提示: 用户提问输入框内的提示文案
禁用页面: 一个站点中的某些页面如不需要显示悬浮窗,可在禁用页面中添加设置不需要展示的页面路由列表
背景色: 对话窗顶部标题栏的背景颜色,可输入HEX色号
语音输入: 开启后支持用户在提问时输入语音,AI识别语音后回复。注意:所嵌入的网站需是通过HTTPS协议访问才支持使用该功能,另外需保用户访问网页的浏览器能够获取设备的麦克风权限
清除记录: 开启后支持用户手动清除自己的对话记录和上下文记忆
完成设置后,保存即可在左侧预览效果(注意:修改设置并保存后用户端也会实时生效哦~)。
2. 集成方式
LinkAI提供三种将智能体集成到网站的方式:悬浮窗口嵌入、iframe嵌入、独立页面链接:
2.1 悬浮窗口嵌入
该方式是将整个智能体的对话能力封装为一个对话窗,可以悬浮窗的形式嵌入到网站页面中,通过添加 几行JS代码 ,即可将智能对话的能力接入到自己的网站中,轻便灵活、交互美观。
该方式的优点是无需由用户自己设计和实现对话页面,将封装好的能力直接接入。可根需求自由配置网站内哪些页面需要嵌入悬浮窗、哪些页面不需要。悬浮窗可点击展开/收起;支持流式对话输出;支持Markdown格式;支持发送图片、视频素材。
2.2 iframe嵌入
如果需要在网页的某个局部位置嵌入对话窗,可选择iframe嵌入的方式。iframe 即 HTML 中一种用于将一个网页嵌入到另一个网页中的标签方法。
该方式的优点是你可以在网站页面任意位置嵌入智能体对话窗,并自由调整窗口尺寸。
2.3 独立页面链接
如果需要将智能体对话窗以独立页面展示,可选择独立页面链接的方式,该方式可提供一个可直接公开访问的链接地址。
该方式的优点是足够灵活,且最为方便,点开链接地址即是对话窗,无需登录操作。独立页面链接功能可直接使用,也可基于此将智能对话能力快速接入到自己的网站、APP、小程序中,只需在系统中设计一个点击后打开新页面的功能操作,并设置目标地址为上述独立页面链接地址即可实现。
3. 高级设置
所属要求: 专业版
专业版支持用户对网页嵌入对话窗的各种图标进行自定义,以体现个性化的品牌效果:
配置项说明:
悬浮图标: 使用悬浮窗方式嵌入时,点击后可收起/展开对话窗的图标样式
机器人头像: 对话窗内AI机器人的头像
底部标识和标语: 对话窗底部的logo标识和标语
跳转地址: 配置链接后,点击对话窗底部的标识或标语可跳转到该第三方地址
转人工: 开启对话窗里的手动转人工能力。用户可手动操作转人工客服,此时客服人员在 "对话管理" 页面可以收到消息并实时回复推送。转人工完整能力,可参考转人工文档。
4. 其他说明
4.1 图像输入
web集成支持用户在提问时输入图像,AI图像识别后回复。使用方法为:在web集成所接入的应用配置中,打开「图像识别」插件,则web集成对话窗默认打开图像发送能力。
4.2 限流配置
此外,为防止开放出去的AI服务被过高频率访问或盗刷,可以配合限流配置模块一同使用,对访问用户的访问次数进行限制,详情查看 限流配置说明:
可按 渠道 + 用户维度进行限流配置: