Skip to main content

网站集成

版本要求: 标准版及以上

提示

网站集成功能支持用户通过 零代码/低代码 的方式快速将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服务被过高频率访问或盗刷,可以配合限流配置模块一同使用,对访问用户的访问次数进行限制,详情查看 限流配置说明



可按 渠道 + 用户维度进行限流配置: