在 CodeStash 中調查 AI 對 Formbricks 的滿意度
介紹
所以，我一直在開發 CodeStash，這是一個用於共享和討論程式碼片段的平台，有點像 Reddit 和 Stack Overflow 的結合體。最酷的部分？有一個內建的人工智慧可以解釋程式碼片段，由 Google Gemini 提供支援。無論是一些粗糙的 JavaScript 還是 Python 程式碼，CodeStash 都可以讓使用者按需請求 AI 解釋。但是……人工智慧的解釋可能有點隨意。有些用戶可能會發現這個回覆非常有幫助，而其他用戶呢？沒那麼多。這就是 Formbricks 的用武之地。
在這篇文章中，我將向您展示如何添加 Formbricks 在用戶獲得 AI 答案後對他們進行調查，檢查他們是否認為它有用。如果您對應用程式內回饋感到好奇，或者只是想了解 Formbricks 如何融入您的項目，請留下來！
為什麼要費心調查？
人工智慧令人印象深刻，但讓我們面對現實吧——有時它沒有達到目標。透過直接詢問用戶解釋是否有幫助，我得到了誠實的、即時的回饋，我可以用它來微調 CodeStash。 Formbricks 讓這些快速、簡單的調查直接添加到應用程式中變得非常簡單。雙贏。
將 Formbricks 新增至 CodeStash（帶有 Next.js）
新增 Formbricks 非常簡單，設定時間不到 10 分鐘。因此，如果您在想，“我沒有時間添加所有這些調查內容”，請相信我，它比您想像的要快。詳細介紹如下：
第 1 步：建立 Formbricks 帳戶
按照本快速入門指南中的步驟開始使用 Formbricks。
第2步：安裝Formbricks
您首先需要 Formbricks 軟體包。執行此命令來安裝它，然後按照以下步驟操作：
npm install @formbricks/js zod
現在，建立一個 app/formbricks.tsx 檔案
"use client";
import { usePathname, useSearchParams } from "next/navigation";
import { useEffect } from "react";
import formbricks from "@formbricks/js";
export default function FormbricksProvider() {
const pathname = usePathname();
const searchParams = useSearchParams();
useEffect(() => {
formbricks.init({
environmentId: "<environment-id>",
apiHost: "<api-host>",
userId: "<user-id>", //optional
});
}, []);
useEffect(() => {
formbricks?.registerRouteChange();
}, [pathname, searchParams]);
return null;
}
現在，更新您的 app/layout.tsx 檔案。
// other imports
import FormbricksProvider from "./formbricks";
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<FormbricksProvider />
<body>{children}</body>
</html>
);
}
第 3 步：嵌入調查
人工智慧解釋完成後，會彈出一項調查，詢問使用者是否喜歡它。以下是如何將調查元件嵌入到回應中。
在您的 Formbricks 帳戶中，建立一個新調查，並在設定下的調查觸發器中新增帶有鍵「ai_answer」的程式碼觸發器。
現在我們可以在程式碼中的任何位置使用 formbricks.track("ai_answer") 方法以程式方式觸發調查。
例如...
import formbricks from "@formbricks/js";
import axios from "axios";
await axios
.get("/ai/explain")
.then((res) => {
formbricks.track("ai_answer");
});
第 4 步：客製化調查問題
在 Formbricks 儀表板中，調整調查以適合您正在尋找的內容。我帶著這樣的問題去：
「這個解釋有幫助嗎？」(是，否)
「我們如何改進人工智慧的解釋？」（可選）
我讓調查簡短明了，這樣使用者就不會因為調查而分心。
最好的部分？您可以將調查設定為每隔一段時間出現一次，這樣您就不會在使用者每次要求解釋時向他們發送垃圾郵件。
截圖
查看實際回饋
一旦回覆開始滾滾而來，Formbricks 就會為您提供完整整潔的數據。現在我可以看到什麼是有效的，什麼是令人困惑的，以及什麼需要一兩個調整。
總結一下
將 Formbricks 新增至 CodeStash 可以輕鬆捕捉誠實的回饋，而不會中斷使用者體驗。因此，如果您在建置時考慮到了用戶回饋，請嘗試 Formbricks！
感謝您的閱讀，如果您和我一樣熱衷於這些工具，請不要忘記為 Formbricks 的 GitHub 存儲庫加註星標 ⭐——如果您喜歡 CodeStash，也請給它加註星號！
參考
- Formbricks 文件
- Next.js 文件
以上是在 CodeStash 中調查 AI 對 Formbricks 的滿意度的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Python vs. JavaScript：學習曲線和易用性
Apr 16, 2025 am 12:12 AM
Python更適合初學者，學習曲線平緩，語法簡潔；JavaScript適合前端開發，學習曲線較陡，語法靈活。 1.Python語法直觀，適用於數據科學和後端開發。 2.JavaScript靈活，廣泛用於前端和服務器端編程。
JavaScript和Web：核心功能和用例
Apr 18, 2025 am 12:19 AM
JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互；2)在用戶提交數據前進行客戶端驗證，提高用戶體驗；3)通過AJAX技術實現與服務器的無刷新通信。
JavaScript在行動中：現實世界中的示例和項目
Apr 19, 2025 am 12:13 AM
JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用，涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。
了解JavaScript引擎：實施詳細信息
Apr 17, 2025 am 12:05 AM
理解JavaScript引擎內部工作原理對開發者重要，因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段；2)執行過程中，引擎會進行動態優化，如內聯緩存和隱藏類；3)最佳實踐包括避免全局變量、優化循環、使用const和let，以及避免過度使用閉包。
Python vs. JavaScript：社區，圖書館和資源
Apr 15, 2025 am 12:16 AM
Python和JavaScript在社區、庫和資源方面的對比各有優劣。 1)Python社區友好，適合初學者，但前端開發資源不如JavaScript豐富。 2)Python在數據科學和機器學習庫方面強大，JavaScript則在前端開發庫和框架上更勝一籌。 3)兩者的學習資源都豐富，但Python適合從官方文檔開始，JavaScript則以MDNWebDocs為佳。選擇應基於項目需求和個人興趣。
Python vs. JavaScript：開發環境和工具
Apr 26, 2025 am 12:09 AM
Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda，適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack，適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。
C/C在JavaScript口譯員和編譯器中的作用
Apr 20, 2025 am 12:01 AM
C和C 在JavaScript引擎中扮演了至关重要的角色，主要用于实现解释器和JIT编译器。1）C 用于解析JavaScript源码并生成抽象语法树。2）C 负责生成和执行字节码。3）C 实现JIT编译器，在运行时优化和编译热点代码，显著提高JavaScript的执行效率。
Python vs. JavaScript：比較用例和應用程序
Apr 21, 2025 am 12:01 AM
Python更適合數據科學和自動化，JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色，使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺，用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用，支持全棧開發。
