在 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的执行效率。
从网站到应用程序：JavaScript的不同应用
Apr 22, 2025 am 12:02 AM
JavaScript在网站、移动应用、桌面应用和服务器端编程中均有广泛应用。1)在网站开发中，JavaScript与HTML、CSS一起操作DOM，实现动态效果，并支持如jQuery、React等框架。2)通过ReactNative和Ionic，JavaScript用于开发跨平台移动应用。3)Electron框架使JavaScript能构建桌面应用。4)Node.js让JavaScript在服务器端运行，支持高并发请求。
