智能体链接挂载组件

链接挂载组件是什么

  • 定义: 允许开发者在智能体对话中嵌入外部链接,如网页、文章、视频等,方便用户一键跳转,增加信息获取的便捷性。使用场景包括推荐阅读、内容分发、产品详情页引导等。

  • 场景举例: 链接挂载组件,作为一种内容展示和互动手段,可应用于多个场景和行业。通过丰富内容形式、提升用户体验和互动性、扩大传播范围等方式,为开发者和企业带来更多的流量和收益,以下为细分应用场景及举例。

应用场景场景举例
官方导流官网跳转: 在智能体回答中放入官网链接,可通过对话跳转官网进行导流。
服务引流: 当内容中挂载官方服务,根据用户需要实现服务引流。
内容扩展与互联跨内容引用: 在智能体回答中嵌入超链接,允许用户点击后跳转到其他相关文章、视频或页面,实现内容的互联互通。
资料补充: 当回答中涉及特定知识、数据或观点时,可以通过链接挂载组件提供相关资料或来源的链接,以增加内容的权威性和可信度。
小程序与功能展示小程序推广: 在对话中挂载小程序链接,用户点击后可直接跳转到小程序页面,实现小程序功能的直接展示和使用。
调查问卷: 在内容中挂载调查问卷链接,引导用户填写并提交反馈意见。
广告与营销广告投放: 可在智能体回答中挂载广告链接或营销页面链接,实现广告的精准投放和转化。
内容变现: 开发者可以在自己的文章中挂载相关商品链接或跳转服务,引导用户进行下单,实现内容变现。

如何挂载组件能力

1、如何配置

  • 步骤一:进入文心智能体平台 PC 端编辑界面。
  • 步骤二:在高级配置-商业化能力-链接挂载中点击“添加链接”。

  • 步骤三:填写链接地址、链接图标、链接名称、链接描述、链接触发场景说明和问题示例,确认无误后点击“确认”则添加成功。

【填写说明】

  1. 链接图标:上传 1:1 比例的 png/jpg/jpeg 图片,用来作为链接卡片显示的图标内容。建议上传和链接内容相关的图片、或者是公司 logo,便于用户理解。
  2. 链接名称:此处填写该链接的名称,要能清楚表达链接页面内容,例如:「活动报名入口」/「xx电器说明书」等。
  3. 链接描述:此处填写对链接内容的进一步描述,例如:「点击链接填写信息即可报名」、「点击连接查看更多详情」等。
  4. 链接地址:此处填写链接的跳转地址。
  5. 场景说明:详细描述你希望在对话中召回链接的对应场景,例如「当用户询问哪里可以查看说明书,或者询问某一个功能如何使用时,召回该链接」
  6. 问题示例:对上面的场景说明进行进一步细化,举例说明用户提问问题。此处填写的问题示例最好与场景描述中的问题示例不完全一致,以便模型更好理解多样的用户问题,准确召回链接。

2、配置 Tips

  • 单个智能体可配置 50 个链接挂载。
  • 请确保挂载链接与 agent 的相关性,以确保审核通过率。
  • 智能体回答生成的链接分为两种,文字蓝链和链接卡片。回答中文字蓝链通常是生成内容的补充、延展,其来源为知识库中储备的链接数据;而链接挂载通常做为配合回答提供的增益服务,如提效工具、生活服务、购物消费等,并可为目标网站进行引流。
  • 指导文档:平台上新 | 文心智能体支持各类型链接挂载,开发创想打开了!

3、注意事项

  1. 确保所有链接、商品信息均合法合规,尊重用户隐私。
  2. 请定期检查并更新链接和商品信息,保持内容的时效性和准确性。

如何让智能体有效召回、展现组件

组件类型Bad Case ❌语料优化小 Tips💡Prompt 举例
链接挂载组件❌ 场景说明描述宽泛,不填写或错误填写问题示例,导致召回失败❌未按要求填写场景说明和问题示例,或场景说明填写过于宽泛,导致召回失败❌展示的表单信息过于生硬,导致广告感满满✅名称、描述、场景说明和问题示例对链接的应用场景进行了详细说明,具有强指向性
✅链接内容与智能体问答紧密相关
✅场景说明全面覆盖智能体用户提问的核心场景
✅问题示例能准确复现场景说明中提到的用户提问内容。
✅场景说明和问题示例的准确性越高,召回的概率便会越大
✅ 避免重复填写含义相近的多个场景说明或问题示例,尽量覆盖尽可能多的场景
・ 同时可以向用户推荐“XXX”来进行在线设计。
・ 尝试提供相关的资源或建议以帮助他们找到答案。
・ 若用户认可,则进一步提供详细的信息引
### 部署智能体至自定义前端页面 为了将智能体部署到自定义前端页面,通常涉及几个关键技术环节:选择合适的智能体框架、配置服务器环境以及集成必要的通信接口。具体操作如下: #### 1. 准备工作 确保拥有一个支持Node.js运行环境的服务器实例,在本地环境中可以利用Docker容器简化安装过程[^1]。 #### 2. 安装依赖库和服务端程序 使用npm或yarn管理项目所需的JavaScript包,执行命令`npm install`下载所有必需项;接着设置好Express或其他HTTP中间件作为后端支撑平台。 ```bash # 初始化一个新的nodejs应用程序 npm init -y # 添加express web framework和其他必要模块 npm install express body-parser cors ws ``` #### 3. 构建RESTful API 或 WebSocket 接口 创建用于接收来自客户端请求的服务端逻辑处理函数,并通过WebSocket实现实时双向通讯功能。 ```javascript const express = require('express'); const { createServer } = require('http'); const WebSocket = require('ws'); // 创建 Express 应用程序 let app = express(); app.use(express.json()); // 启动 HTTP Server 并挂载 WebSocket 支持 let server = createServer(app); let wss = new WebSocket.Server({ server }); wss.on('connection', (ws) => { console.log('新连接建立...'); // 处理消息事件 ws.on('message', function incoming(message) { console.log(`收到消息: ${message}`); // 发送响应给客户端 ws.send(JSON.stringify({ type: 'response', content: `已接收到您的信息 "${message}"`, })); }); }); server.listen(8080, () => { console.log('监听端口 8080...'); }); ``` #### 4. 嵌入智能交互组件于HTML文件中 在目标网页内部引入WebSockets Client Library并与上述搭建好的服务端保持持久化链接状态,从而允许用户输入查询并通过AJAX调用来获取返回的结果数据。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Chatbot Demo</title> <script src="/socket.io/socket.io.js"></script> <style> /* 自定义样式 */ </style> </head> <body> <div id="chatbox-container"> <!-- 对话框 --> </div> <input type="text" placeholder="请输入..." id="user-input"/> <button onclick="sendMessage()">发送</button> <script> var socket; function connectToSocket() { const url = window.location.protocol === "https:" ? "wss://" : "ws://"; socket = io(url + location.host); socket.on('connect', ()=>{ console.log("成功连接"); }); socket.on('response', ({content})=>{ displayMessage(content); }); } function sendMessage(){ let userInput=document.getElementById('user-input').value; document.getElementById('user-input').value=''; if(userInput){ displayMessage(`您说: ${userInput}`,true); socket.emit('message', JSON.stringify({type:'request',content:userInput})); } } function displayMessage(text,isUser=false){ var chatBoxContainer = document.getElementById('chatbox-container'); var messageElement = document.createElement('p'); messageElement.textContent=text; isUser?messageElement.classList.add('user-message'):null; chatBoxContainer.appendChild(messageElement); } window.onload=()=>{ connectToSocket(); }; </script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值