UStackUStack
floors.js favicon

floors.js

floors.js 将任何网站转变为一个交互式的 3D 社交空间,访客以虚拟形象出现,可以四处走动浏览页面,并实时顺畅地聊天。

floors.js

什么是 floors.js?

floors.js — 将您的网站变成一个《哈宝旅馆》风格的场所

什么是 floors.js?

floors.js 是一项革命性的脚本,它通过一行 JavaScript 代码,将实时、持久的社交互动直接注入到您现有的网站中。它将您的静态网页转换为可探索的等距 3D 房间,让人联想到《哈宝旅馆》等经典社交游戏。访客不再是被动地消费内容,而是化身为有形的 3D 虚拟形象,可以看到彼此,可以在不同页面(房间)之间移动,并直接在您的域名上进行实时对话。这从根本上将网站互动从单向广播转变为持久的、共享的数字空间。

该工具解决了跳出率高和访客意图无法捕捉的关键问题。通过将您的网站变成一个“场所”而不仅仅是一个文档,floors.js 使您能够保持在场、提供即时帮助、收集自发反馈,并建立真正的社区氛围。它完全不需要后端设置、SDK 集成或复杂的配置——只需添加脚本标签,您的网站就会立即充满活力。

核心功能

  • 即时 3D 在场感: 访客到达时立即以方块状 3D 虚拟形象出现,配有随机名称,消除了注册障碍。他们可以实时看到其他访客。
  • 等距房间映射: 您网站的每个页面都会自动映射到一个独特的、可探索的等距房间布局,配有地板和墙壁。
  • 实时导航: 虚拟形象会根据用户的点击在地面上行走。房间切换是无缝的,通过导航变化自动检测(SPA 兼容 React、Next.js、Vue 等)。
  • 无摩擦聊天: 消息以漂浮的对话气泡形式出现在虚拟形象上方。您可以在访客积极浏览您的内容时直接与他们聊天。
  • 零配置设置: 脚本会自动扫描导航链接(<nav>)来定义房间。它在静态网站、WordPress、Shopify 和现代 JavaScript 框架中通用。
  • 注重隐私: 没有 Cookie,没有 IP 日志记录,只在本地存储一个随机的假名。它默认设计为符合 GDPR 要求。
  • 自定义选项: 丰富的 data 属性允许自定义强调色、显示名称、每个房间的固定欢迎消息,以及指定所有者虚拟形象。

如何使用 floors.js

开始使用 floors.js 的设计目标是极其快速和简单,对于基本实现只需要一个步骤:

  1. 获取您的密钥: 注册并获取您的唯一 data-key
  2. 粘贴脚本: 将提供的 <script> 标签插入到您网站的 HTML 中,通常放在关闭的 </body> 标签之前。
    <script src="https://floorsjs.com/embed.js" data-key="flr_..." ></script>
    
  3. 自动创建房间: 脚本会立即开始扫描您网站的导航结构,将不同的页面定义为不同的聊天室。
  4. 互动: 加载后,您和您的访客将看到虚拟形象出现。您可以点击小部件图标(通常在右下角)打开聊天面板,开始与同时浏览您网站不同部分的用户互动。

如需高级控制,您可以向脚本标签添加可选属性,例如 data-accent 以匹配您的品牌,或 data-pinned-message 以设置特定房间的公告。

使用场景

  1. 电子商务支持与销售: 与依赖静态实时聊天弹窗不同,销售人员可以“走进”产品页面房间,主动迎接停留的购物者,提供即时、情境化的建议或追加销售机会。
  2. SaaS/软件文档中心: 技术作者和支持人员可以监控文档页面。当用户在复杂的指南中遇到困难时,专家虚拟形象可以立即出现在他们旁边提供澄清,从而减少支持工单。
  3. 虚拟活动和会议: 使用 floors.js 为托管在标准网站上的虚拟活动创建持久的休息室或分组讨论室,让与会者在预定会议之间进行交流和社交。
  4. 博客/论坛的社区建设: 将高流量的博客文章转变为持久的聚会点,读者可以在其中实时讨论文章内容,围绕您的内容培养更强的社区感。
  5. 实时反馈收集: 发布新功能或登陆页面,观察访客如何与之互动。您可以与首次体验新设计或功能的用户聊天,收集即时、定性的反馈。

常见问题 (FAQ)

问:并发访客究竟指什么? 答:并发访客是指在同一时刻积极连接到您网站的任何人。如果访客关闭了标签页或完全导航离开您的域名,他们的名额就会释放。终身套餐支持每个网站最多 100 个并发访客。

问:这是否需要对 Next.js 或 Shopify 等现代框架进行复杂的集成? 答:不需要。对于 Shopify 和静态网站,只需将脚本标签粘贴到主题页脚中。对于 Next.js、Vue 或 Astro 等单页应用 (SPA),floors.js 会自动钩入路由系统(pushState/popstate),确保用户在内部导航时房间切换无缝进行。

问:如果我超过了并发访客限制会怎样? 答:新访客将被置于等待队列中。一旦有现有访客离开,他们将自动加入 3D 空间,确保当前在场的人永远不会被断开连接。

问:这是否符合 GDPR? 答:是的,floors.js 旨在优先考虑隐私。它不使用 Cookie,不记录 IP 地址,并且只在本地存储中存储一个临时的、随机的假名。它基本功能不需要明确的同意提示。

问:如果产品不适合我的需求,有什么保证吗? 答:floors.js 提供 7 天退款保证。如果您在试用服务的第一周内不满意,可以向团队发送电子邮件以获得全额退款。