一段脚本,无需改后端
给你的网站,
加上反馈入口。
访客可以在当前页面直接说明问题,页面地址、设备信息和可选截图会一起发送到你的后台。默认显示右下角按钮,也能接到你现有的帮助菜单里。
3
复制代码
放入页面
提交测试
先让反馈按钮出现
把代码放到网站公共布局的 </body> 前。加载成功后,每个页面右下角都会出现“反馈”按钮。
使用自己的反馈按钮
如果目标网站已经有按钮、菜单或帮助中心入口,可以关闭默认按钮,只调用 FeedbackPlus.open()。
接入步骤
1
在 Feedback++ 后台创建网站,复制专属嵌入代码。
2
把脚本放到目标网站公共布局,通常是 </body> 前。
3
打开目标网站提交测试反馈,在后台确认是否收到。
常用配置
data-site-key:公开站点标识,用于区分来源网站,不是私密密钥。data-locale="en":指定反馈弹窗语言;不传时默认中文。data-launcher="false":隐藏默认右下角按钮。data-label="反馈":修改默认按钮文字。data-position="left":把默认按钮放到左下角。data-screenshot-mode="readable":截图模式,可选readable、balanced、compact。data-feedback-private:给敏感 DOM 添加该属性,截图时自动排除。
截图与隐私
Feedback++ 默认用 DOM 截图,不需要用户授权屏幕录制。默认截图模式是 readable,优先保证页面文字可识别;弱网或跨区域上传场景可以改为 compact。截图前会隐藏反馈弹窗本身。跨域图片、iframe、视频或复杂 canvas 可能无法完整截取。
排查清单
- 页面没有按钮:确认脚本已加载、
siteKey正确、浏览器控制台无 CSP 拦截。 - 提交失败:确认后台网站设置里的“允许来源”包含目标网站域名。
- 截图缺内容:检查图片资源是否允许 CORS,或把截图作为增强能力而不是必填能力。
- 自定义按钮无效:确认脚本先加载,再调用
FeedbackPlus.open()。