如何通过扣子将智能助手快捷部署到网页端并嵌入个人博客-人工智能-PHP中文网

扣子提供一键嵌入的网页sdk方案，复制发布后获取的bot_id及嵌入代码，粘贴至博客html的前即可实现访客免登录、免跳转与ai对话。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如何通过扣子将智能助手快捷部署到网页端并嵌入个人博客

想让访客在你的个人博客页面上直接和AI助手对话，不用跳转、不用登录、不额外安装插件——扣子（Coze）提供了一键嵌入的网页SDK方案，只需复制一段代码，粘贴进博客HTML即可生效。

确认智能体已发布并获取唯一ID

登录扣子平台 → 进入「Bot管理」→ 找到你要部署的智能体 → 点击右上角「发布」按钮 → 在弹出窗口中勾选「网页」渠道 → 点击「发布」。

发布成功后，页面会跳转至「发布设置」页，此时页面URL形如 https://www.coze.cn/console/bot/[bot_id]/publish/web，其中 【[bot_id]】 就是你要用的智能体唯一标识符，务必完整复制，漏一位会导致SDK加载失败。

若未看到该URL，说明尚未完成发布，需返回重新操作；切勿使用「测试链接」或「分享链接」里的ID，它们不是Web SDK所需的bot_id。

扣子Coze CLI工具

与 Coze CLI (@coze/cli) 交互——创建/部署 Coze 项目、管理空间和组织、向项目发送消息、生成图像/音频/视频等功能

下载

获取并配置网页嵌入代码

在「发布设置」页向下滚动，找到「嵌入代码」区域，点击「复制代码」按钮，得到一段以 <script src="https://lf-cdn.coze.cn/obj/unpkg/flow-platform/chat-app-sdk/...%20%E5%BC%80%E5%A4%B4%E7%9A%84JS%E4%BB%A3%E7%A0%81%E3%80%82

%0A

%E8%BF%99%E6%AE%B5%E4%BB%A3%E7%A0%81%E9%BB%98%E8%AE%A4%E5%8C%85%E5%90%AB%E5%9F%BA%E7%A1%80%E9%85%8D%E7%BD%AE%EF%BC%9A%E6%82%AC%E6%B5%AE%E7%90%83%E4%BD%8D%E7%BD%AE%E3%80%81%E5%AE%BD%E9%AB%98%E3%80%81%E5%9B%BE%E6%A0%87%E8%B7%AF%E5%BE%84%E7%AD%89%E3%80%82%E5%A6%82%E9%9C%80%E8%87%AA%E5%AE%9A%E4%B9%89%EF%BC%8C%E5%8F%AF%E6%89%8B%E5%8A%A8%E4%BF%AE%E6%94%B9%E5%85%B6%E4%B8%AD%E7%9A%84%20botId%E3%80%81width%E3%80%81themeColor%E3%80%81avatar%20%E7%AD%89%E5%AD%97%E6%AE%B5%E2%80%94%E2%80%94%E4%BE%8B%E5%A6%82%E6%8A%8A%20width:%20"> 改成 <code>width: "100%"</script> 可适配移动端窄屏。

注意：【不要删除或改动 script 标签内的 src 地址】，该地址指向CDN上的最新版Chat SDK，手动替换版本号可能导致功能异常或鉴权失效。