關於 UserFeedChat
UserFeedChat 是什麼
UserFeedChat 是一款意見回饋小工具，只要放進網站，訪客就能從一個小小的浮動面板送出留言、心情和螢幕截圖。這個程式庫以 web component 的形式發布，因此能在 React、Vue、Svelte 或純 HTML 中運作，不必改寫。底層是一支約 63 KB 的腳本，也沒有任何伺服器要架設。
有趣的是它「不做」的事。它不會把意見回饋存進公司的資料庫，而是觸發一個 feedchat:submit 瀏覽器事件，把內容交給你。送往哪裡由你決定：你自己的 API、數據分析、電子郵件 webhook，或任何你已經在跑的東西。作為使用者意見回饋工具，它只做到收集為止。資料因此留在你的環境裡，也意味著另一端不會有一層分析在等著你。
那麼送出之後會發生什麼？什麼都不會，除非你把程式寫出來。
沒有資料庫。沒有帳號。沒有月費帳單。
取捨是真的。它沒有儀表板、沒有 AI 分析、也沒有內建收件匣，所以任何摘要或分類都得在下游完成。如果你想要一套現成、附帶托管洞察的研究套件，這不是。你買的是簡單，而簡單是有代價的。
開始使用
- 用
npm install feedchat或pnpm add feedchat安裝套件。 - 在應用程式裡匯入腳本，並在你想讓使用者看到的位置加上
<feedchat-widget>元素。 - 設定
label、user-id、app-version等選用屬性，讓每次送出都帶上有用的脈絡。 - 監聽
feedchat:submit事件，把每次送出的內容導向你的 API、數據分析或 webhook。 - 覆寫 CSS 變數，讓它符合你的品牌色彩與字型。
產品資訊
快速了解 UserFeedChat 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 前端開發者：把這個 web component 意見回饋小工具放進去，用現成的程式處理 submit 事件，不需要新的後端。
- 獨立創辦人：把它當成輕量的使用者研究工具來收集意見，不必付費買托管平台，也不必接資料庫。
- 產品團隊：把輕量的 GitHub 意見回饋小工具嵌進現有網頁應用，讓每次送出都留在公司系統內。
任務
- 在應用內收集意見：使用者不必離開頁面就能評價心情並附上螢幕截圖。
- 為送出內容加上標記：user-id、應用版本與自訂資料屬性會跟著每次送出一起傳送，方便之後篩選。
- 打造自己的審閱流程：把事件送進你自己的工具，讓分類、通知與摘要都沿用現有流程。
情境
- 推出新功能：在上線後第一週觀察情緒與螢幕截圖如何湧入。
- 進行測試版：在測試站向測試者收集結構化意見，同時把資料留在自家。
- 稽核結帳流程：在使用者放棄的確實那一頁抓出困惑點。
主要功能
不綁框架的 web component
UserFeedChat 以 custom element 形式發佈，因此能在 React、Vue、Svelte 或一般 HTML 頁面運作。你安裝它、匯入腳本，然後把 <feedchat-widget> 放在啟動器該出現的位置。沒有特定框架的包裝層要維護，也就是說，一次整合就能涵蓋你團隊目前正在跑的所有前端。
情緒加上螢幕截圖
每次送出都帶有必填的心情（難過、普通或開心），外加一段文字留言與任何附加的圖片。這讓你快速看出使用者的感受，而不只是他說了些什麼。在選好情緒、且有留言或至少一張圖片之前，送出按鈕會保持停用。這類簡單的防護會默默減少空白或誤觸的回報，在它們進到你的收件匣之前就擋下。
豐富的送出脈絡
每次送出都包含頁面網址、標題、user agent、ISO 時間戳與視窗大小。你可以加上 user-id、app-version 和任何 data-* 屬性，它們會同步到這次送出的中繼資料裡。當你確切知道回報從何而來、如何送出，除錯就輕鬆許多。這正是重點。脈絡永遠勝過猜測。
不需要後端
這個小工具本身不儲存任何東西。它觸發 feedchat:submit 事件就停下，因此資料要進 API、webhook 還是分析工具，由你決定。除非你放上去，否則沒有東西會待在別人的伺服器上，而正是這個設計選擇，讓它幾乎和所有你拿來比較的托管研究平台都不一樣。從頭到尾，都是你的資料。
可套用你的品牌主題
CSS 變數控制強調色、表面、面板、邊框、文字與字型，還有啟動按鈕的背景、圓角與顏色。你可以讓面板融入設計系統，而不必分叉原始碼。不需要重新建置。把變數指向你的色盤，它就對上了。
免費且開源
專案以 MIT 授權釋出，完整原始碼在 GitHub 上。你可以閱讀程式碼、自行托管並修改。沒有價格分級、沒有用量上限、沒有帳號。這很少見。大多數意見回饋工具在你看到任何東西之前，都要你先註冊帳號。
極小的執行檔
執行檔打包後約 62.6 KB，小到不會明顯拖慢頁面載入。對已經在擔心第三方腳本的團隊來說，這點很重要。它很小。沒人會注意到它在載入。
優缺點
優點
- 免費、MIT 授權且完全可自行托管，因此沒有供應商綁定或訂閱，你也能在它送到使用者面前之前檢查每一行程式碼。
- 不綁框架的 web component，能套用於 React、Vue、Svelte 與純 HTML。
- 情緒與螢幕截圖捕捉提供了純文字意見所缺少的脈絡。
- 沒有後端或資料庫，代表設定快速，資料也留在你的環境裡。
缺點
- 沒有內建儀表板、收件匣或分析，所以你必須先打造自己的審閱流程，收集到的意見才有用。
- 只捕捉難過／普通／開心的情緒，加上文字與圖片，沒有評分尺度或多題式問卷。
- 事件觸發後，每次送出的儲存與安全防護都落在你身上，對小團隊來說是實實在在的額外工作。
常見問題
它用來直接在網站內收集意見。可以把它想成一個待在頁面裡的使用者意見回饋工具。使用者從一個小面板送出留言、心情與選用的螢幕截圖，你的應用則以瀏覽器事件的形式收到資料。
相關內容
探索與 UserFeedChat 相關的工具、技能與文章。
UserFeedChat 替代方案
ngram 2.0
ngram · 影片 · 行銷ngram 2.0 是給團隊使用的 AI 影片生成器。一句描述、一段螢幕錄影或一個產品網址，就能變成配好旁白的解說影片、產品示範或 AI 虛擬主播影片，而且每個場景都還能修改。
shippedit.me
Krawlup · 行銷 · 商業shippedit.me 現在會轉向 Krawlup，這是一個每週稽核 SEO、AEO 與載入速度的網站平台，並透過 MCP 把修正交給 AI 編碼代理執行。
MePersona
MePersona, Inc. · 寫作 · 生產力 · 行銷MePersona 是為創作者設計的 AI 統一收件匣。它學習你的說話方式，在 12 個平台上草擬粉絲訊息回覆，只送出你核准的內容。