Skip to main content

网站集成

概述

通过 零代码/低代码 的方式快速将LinkAI智能体快速接入 web站点 中,提供 悬浮窗口嵌入iframe嵌入独立页面链接 三种方式供灵活选择。该功能标准版可用。


详细介绍参考文章:如何将 LinkAI 智能体快速接入你的网站?

一、创建网页集成

在应用管理页面进入应用设置:


点击 "应用接入",选择 "Web集成",新建一个网站嵌入项(可自定义嵌入项名称):

二、选择嵌入方式

LinkAI 为用户提供三种AI智能体嵌入Web网站的方式:悬浮窗口嵌入、iframe 嵌入、独立页面链接。三种实现方式所需的信息都在“应用接入”—“Web集成”页面直接展示。

1.悬浮窗口嵌入

该方式是将整个AI对话智能体的能力进行了封装,以网页内悬浮窗的交互方式提供,你可通过 几行JS代码 的添加,将智能对话能力嵌入到自己的网站站点中。

该方式的优点是无需由用户自己进行交互设计,且可根据需要自由配置在网站站点内哪些页面需要嵌入悬浮窗。悬浮窗支持点击后展开/收起;支持对话流式输出;支持对话以Markdown格式输出;支持发送图片。在网站内使用时悬浮窗的方式灵活轻便、风格美观。

2.iframe嵌入

如果需要在网页的某个局部位置嵌入并直接展示出对话窗,可选择用iframe嵌入的方式。iframe即HTML中一种用于将一个网页嵌入到另一个网页中的标签,iframe元素会创建包含另外一个网页的内联框架(即行内框架),作用是实现“网页中的网页”,或“网页中浮动的框架”的效果。

该方式的优点是可以在你的网站页面上的任意位置嵌入AI智能体的对话窗,并由你自由调整窗口尺寸。此外,同样支持与悬浮窗一致的信息格式输出能力。

3.独立页面

如果需要将AI智能体对话窗(在移动端或PC端)以独立的页面展示,可选择独立页面的方式,将以一个页面链接的形式提供。该链接可为自有系统配置为点击后跳转的目标地址,也可直接提供给终端用户保存后随时访问。

该方式的优点是足够灵活,且最为方便,点开链接则是能够直接使用的AI智能体,随时可访问,随时能对话。此外,同样支持与悬浮窗一致的信息格式输出能力。

三、样式和高级设置

完成接入之后,我们还可以根据场景需要,修改对话窗的风格配置。可设置窗口的主标题、副标题、问候语(打开窗口后AI智能体第一次主动发出的内容)。此外还可以自由设置对话窗的主题颜色(支持输入HEX色号)。


还有一些高级设置,例如开启人工客服后,用户端即可选择是否需要转到人工客服,此时客服人员在 "对话管理" 页面可以收到消息并实时回复推送。此外如果一个站点中的某些页面不想接入悬浮窗口,也可以设置不需要展示的页面路由列表:


此外,为了防止开放出去的AI服务被过高频率访问或盗刷,可以配合限流配置模块一同使用,对访问用户的访问次数进行限制,详情查看 限流配置文档