dify嵌入式部署需复制带id="your-app-token"的script标签插入网页前，确保http/https协议；通过css定制按钮样式，配置window.difysettings初始化参数及message事件监听实现双向通信。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要把Dify搭建好的AI应用真正用起来，必须让它出现在用户最需要的地方——你的官网右下角、产品文档页侧边、内网系统弹窗里。跳转新页面会流失62%的咨询意向，而嵌入式部署能让对话发起率提升3.4倍。
从控制台获取嵌入代码
登录Dify控制台，进入目标应用的「发布」设置页，点击「Embed Into Site」按钮。
勾选「启用嵌入」后，页面自动生成两段代码：一段是<iframe></iframe>，一段是<script></script>引用。不要直接复制iframe里的src链接，它不含token校验，外链访问会被拒绝。
复制下方带id="your-app-token"的完整script标签，这是唯一支持身份鉴权的嵌入方式。
将嵌入脚本插入网页
打开你要嵌入的网页HTML文件，在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
