Formbricks 浏览器 JS 库

请看 窗体砖。 。 。 . 具体来说, 快速启动/ 实施细节。 。 。 .

什么是福布瑞克斯吗

Formbricks是你的解决方案 对于产品内部的微观调查, 将会超额增加你的产品体验! 🚀 详情请查看 formbricks.com (英语)。 。 。 .

如何使用此库

1. 在您的工程中使用 npm 安装 Formbricks 包 :

npm install @formbricks/js

1. 导入窗体并初始化您主组件中的部件( 例如 App. tsx 或 App.js) :

import formbricks from "@formbricks/js";

if (typeof window !== "undefined") {
  formbricks.setup({
    workspaceId: "your-workspace-id",
    appUrl: "https://app.formbricks.com",
  });
}

将工作空间标识替换为工作空间标识。 您可以在 设置检查列表 在 Formbricks 设置中。 如果您想要使用用户身份识别功能, 请查看 详细文件。 。 。 .

environmentId 仍然为后向相容性所接受,但已贬值,并将在未来版本被删除。 偏爱 workspaceId。 。 。 .

预选和内容安全政策

SDK默认预选了勘测渲染器. 如果您的主机应用程序的内容安全 策略块这些预选请求, 在设置时禁用 :

formbricks.setup({
  workspaceId: "your-workspace-id",
  appUrl: "https://app.formbricks.com",
  prefetch: false,
});

当一次勘测被触发时,渲染器仍然会装载. 选择 prefetch 保存默认; prefetch: true 明确允许预选。 这需要一个 Formbricks 实例服务 积分为 prefetch 支助。 旧实例忽略了选项, 因此更新了 npm 软件包 单靠它不会禁用他们的先验请求 .

黑暗模式

调查默认是光明的。 过 appearance 改为 setup(),或随时修改 setAppearance()数字 : "light", (中文(简体) ), "dark",或 "system" 以跟踪访问者的浏览器设置。 打开 调查开关到位。 需要Formbricks 6.1 或以后.

formbricks.setup({
  workspaceId: "your-workspace-id",
  appUrl: "https://app.formbricks.com",
  appearance: "system",
});

formbricks.setAppearance("dark");

关于不同框架的更详细指南,请检查我们 框架指南。 。 。 .