floors.js — 將您的網站變成 Habbo Hotel

什麼是 floors.js？

floors.js 是一個革命性的腳本，它只需一行 JavaScript 程式碼，就能為您現有的網站注入即時、持久的社交互動功能。它能將您的靜態網頁轉換成可探索的等距視角 3D 房間，讓人聯想到像 Habbo Hotel 這樣的經典社交遊戲。訪客不再是被動地消費內容，而是化身為實體的 3D 虛擬人偶，他們可以看到彼此，在不同頁面（房間）之間移動，並直接在您的網域上進行即時對話。這從根本上將網站互動從單向廣播轉變為持久的共享數位空間。

此工具解決了跳出率高和訪客意圖無法捕捉的關鍵問題。透過將您的網站變成一個「場所」而不僅僅是一份文件，floors.js 讓您可以保持在場、提供即時協助、收集自發性的回饋，並建立真正的社群氛圍。它完全不需要後端設定、SDK 整合或複雜的配置——只需貼上腳本標籤，您的網站就會立即充滿訪客的臨場感。

主要功能

• 即時 3D 臨場感： 訪客一到達就會立即以方塊狀 3D 虛擬人偶的形式出現，配有隨機名稱，消除了註冊的摩擦。他們可以即時看到其他訪客。
• 等距房間映射： 您網站上的每個頁面都會自動映射到獨特的、可探索的等距 3D 房間佈局，配備地板和牆壁。
• 即時導航： 虛擬人偶會走到使用者點擊的位置。房間轉換是無縫的，透過導航變化自動偵測（SPA 適用於 React、Next.js、Vue 等）。
• 無摩擦聊天： 訊息會以漂浮的對話泡泡形式出現在虛擬人偶上方。您可以在訪客主動瀏覽內容時直接與他們聊天。
• 零配置設定： 腳本會自動掃描導航連結 (<nav>) 來定義房間。它適用於靜態網站、WordPress、Shopify 和現代 JavaScript 框架。
• 注重隱私： 沒有 Cookie，沒有 IP 記錄，只使用儲存在本機的隨機化名。它預設設計為符合 GDPR 規範。
• 自訂選項： 豐富的資料屬性允許自訂強調色、顯示名稱、每個房間的固定歡迎訊息，以及指定擁有者虛擬人偶。

如何使用 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. 即時回饋收集： 發布新功能或登陸頁面，並觀察訪客與其在 3D 中的互動。您可以透過與使用者在他們首次體驗新設計或功能時聊天，來收集即時、定性的回饋。

常見問題 (FAQ)

問：同時在線訪客的確切定義是什麼？ 答：同時在線訪客是指在同一時刻主動連接到您網站的任何人。如果訪客關閉了標籤或完全導航離開您的網域，他們的位置就會釋放出來。終身方案支援每個網站最多 100 個同時在線訪客。

問：這需要針對 Next.js 或 Shopify 等現代框架進行複雜的整合嗎？ 答：不需要。對於 Shopify 和靜態網站，只需將腳本標籤貼到您的主題頁尾。對於 Next.js、Vue 或 Astro 等單頁應用程式 (SPA)，floors.js 會自動掛接到路由系統 (pushState/popstate)，確保使用者在內部導航時房間切換順暢。

問：如果我超過了同時在線訪客限制會發生什麼事？ 答：新訪客將被置於等待佇列中。一旦現有訪客離開，他們就會自動加入 3D 空間，確保已經在場的人永遠不會被中斷連線。

問：這個產品符合 GDPR 規範嗎？ 答：是的，floors.js 的設計是以隱私為優先。它不使用 Cookie，不記錄 IP 位址，並且只在 localStorage 中儲存一個臨時的隨機化假名。它不需要明確的同意提示即可實現基本功能。

問：如果產品不符合我的需求，有什麼保證嗎？ 答：floors.js 提供 7 天退款保證。如果您在嘗試服務的第一週內不滿意，可以發送電子郵件給團隊以獲得全額退款。