Croct
Croct · 程式設計 · 生產力
Croct 是內建個人化與 A/B 測試的元件式無頭 CMS。它在伺服器端解析內容，所以頁面送達時就已經針對訪客調整好，而不是先閃出一個預設版本。行銷團隊用它來執行實驗並調整頁面，不必每次都開一張開發工單，而且它是放在你已經在用的 CMS 旁邊，而不是取代它。可以把它想成把 A/B 測試工具與內容管理系統打包成一體。
關於 Croct
Croct 是什麼
Croct 是為想要改變每位訪客所見內容、又不想自己串接一套獨立的 CDP、功能旗標工具與分析合約的團隊所打造的個人化平台。內容存在於插槽（slot）中，也就是你放進應用程式裡的預留位置。每個插槽會渲染一個元件，而 Croct 在請求當下於伺服器端決定該訪客會拿到哪個版本。
這種伺服器端設計是多數團隊最先注意到的地方。不會有預設內容閃現，也沒有反閃爍程式碼在指令碼載入時把頁面清空。根據 Croct 的說法，端到端回應時間在第 95 百分位低於 90 毫秒。如果你在意 Core Web Vitals，這個數字就很重要。
取捨在於適用範圍。Croct 不是用來撰寫長篇文章或管理媒體庫的通用 CMS。它是為了讓內容具備情境脈絡而打造的。誰在什麼時候看到什麼，以及哪個版本勝出。如果你的團隊主要只是需要一個地方起草文章，那這套機制對你來說太多了。它同樣預設了無頭架構，所以沒有重新建置，單體式網站得不到太多好處。
開始使用
- 執行
npx croct@latest init，它會安裝 SDK、接上 provider，並為每個插槽產生 TypeScript 型別。 - 登入 Croct 介面並定義你的第一批受眾，可以依據行為與特徵，也可以用 CQL，也就是它類似英文的查詢語言。
- 在應用程式裡加入插槽，設定完成後再於介面中建立體驗與 A/B 測試。
- 上線並讓 Croct 在伺服器端解析內容，然後從每個方案都內含的未取樣分析讀取結果。
產品資訊
快速了解 Croct 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 行銷團隊：完成初始設定後，受眾、體驗、A/B 測試、排程與預覽全都在 Croct 介面中進行，所以你能推送變更而不必等開發人員。
- 成長與 CRO 專家：貝氏實驗與內建分析讓測試與量測集中在同一處，而不是分散在三家供應商之間。
- 使用無頭架構的開發者：具型別的 SDK 與版本化的元件結構描述讓插槽保持一致，而備援內容能在出錯時讓頁面繼續運作。
任務
- 個人化到達頁面：依訪客所在位置與其行為，在頁面渲染前就決定要切換的標題、優惠與幣別。
- 執行 A/B 與多變數測試：測試多個版本，對已登入使用者維持跨裝置一致性，並過濾掉機器人流量。
- 建立即時受眾：訪客一符合條件，分群就立即更新，所以回購買家與首次訪客會立刻受到不同對待。
情境
- 你已經付費導流的網站：在請求當下讓訊息與訪客相符，有助於轉換你已經買到的流量。
- 依地區而定的優惠：依地點調整定價、促銷與語言，不必手動重建頁面。
- 對再找一家資料供應商有疑慮的團隊：輪廓、分眾與分析都內建，所以沒有另一套 CDP 要買、要串接。
主要功能
伺服器端內容解析
Croct 在頁面送出前就決定每位訪客看到什麼，而不是等它在瀏覽器載入後才決定。這代表不會閃爍，也沒有反閃爍程式碼在決定時挾持頁面。對於看過頁面在個人化啟動時明顯重新排列的人來說，這就是最關鍵的差異。
貝氏 A/B 測試
實驗在未取樣資料上採用貝氏統計，讓你能從完整受眾而非一小部分讀取結果。你有 A/B、A/B/n 與多變數測試，再加上跨裝置一致性，讓已登入使用者的版本無論在哪裡著陸都保持不變。機器人過濾則把爬蟲流量排除在數字之外。
以 CQL 進行受眾分眾
受眾以 CQL 撰寫，這種查詢語言讀起來接近白話英文。像 user is returning and location's city's name is "New York" 這樣的規則，行銷人員不用資料團隊就能自己寫、自己檢查。訪客一符合條件，分群就會立即更新。
元件式 CMS
內容存在於具型別、有版本的元件與插槽中，而不是靜態頁面。這正是讓同一份內容能適應不同訪客的原因，而型別也會一路帶到產生的 TypeScript，所以你的編輯器與程式碼對結構的認知一致。這裡的內容管理指的是決定誰看到什麼，不只是儲存一份草稿。
即時使用者輪廓
Croct 隨著行為發生即時建立訪客輪廓。當有人登入時，它會把匿名造訪與已識別身分串連起來。輪廓可以用你自己的資料擴充並匯出，如果你不想讓客戶資料被鎖在平台裡，這點很重要。
內建分析
Croct 的分析與實驗跑在同一批未取樣資料上，每個方案都包含在內，免費方案也是。你不必另外加裝第三套量測工具，實驗結果與流量數字也說著同一種語言。
優缺點
優點
- 個人在伺服器端解析，所以不會閃爍，也沒有阻擋渲染、拖慢頁面的指令碼。
- 單一平台涵蓋分眾、輪廓、實驗與分析，讓一套獨立 CDP 與相關供應商退出你的技術堆疊。
- 能與 Storyblok、Sanity、Strapi、Contentful 及 Shopify Hydrogen 並行運作，而不是逼你搬遷。
- 行銷人員在第一次設定後，就能在 Croct 介面操作受眾、體驗與測試。
- 真正可用的免費層級，含核心功能、免信用卡，適合小型網站與試辦專案。
缺點
- 定價綁定每月活躍使用者，所以高流量網站在超過免費的 10,000 MAU 後會很快爬升到更高的用量級距。
- 永久免費方案限制你只能用 3 個內容插槽與 1 個體驗或實驗，真正要測試時很快就會不夠用。
- 它預設無頭架構，所以使用單體式 CMS 的團隊得先重建，才看得到任何好處。
- 一旦超出額度，Croct 會停止提供個人化與追蹤，直到你升級或月份重新計算。
常見問題
它管理內容、決定每位訪客該看到哪個版本，再量測結果。可以把它想成一個讓內容能適應觀看者的 CMS，再加上支撐這些決策的測試與分析。
相關內容
探索與 Croct 相關的工具、技能與文章。
Croct 替代方案
Forefront
Forefront · 程式設計Forefront 是一個用來打造開源 AI 的網頁平台。你可以用自己的資料微調主流的開源語言模型、評估它們的表現，再透過 API 執行，或匯出後自行架設。想要封閉式平台的便利、卻堅持要自己擁有模型與資料的開發者，就是這裡的目標客群。
Startkit
StartKit.AI · 程式設計Startkit 是一套用來打造 AI SaaS 與 AI 包裝產品的樣板。可以把它想成一個 AI 新創樣板，把枯燥的部分都先接好了：驗證、Stripe 與 Lemon Squeezy 付款、用量限制、交易型電子郵件，以及一套能與 OpenAI、Anthropic、Groq 或 Llama 溝通的 AI API 啟動套件。你複製儲存庫、設定價格，然後專心在產品中使用者真正願意付費的部分。它建構於 React 與 Tailwind 之上的 Next.js，所以大部分的樣板程式碼對你來說並不陌生。
Testim
Tricentis · 程式設計Testim 是專為網頁、行動與 Salesforce 應用程式打造的 AI 測試自動化平台，用來建立並執行端到端測試。它靠機器學習在介面變動時維持測試穩定，團隊因此少花時間修補壞掉的定位器。對於一款今天就能開始使用的自動化測試工具來說，這表現不算差。你透過在瀏覽器錄製動作來建立測試，需要更多控制時再補上 JavaScript。對忙碌的 QA 團隊來說，這是個可靠的選擇。