Croct
Croct · コーディング · 生産性向上
CroctはパーソナライズとA/Bテストを内蔵したコンポーネント型ヘッドレスCMSだ。コンテンツをサーバー側で解決するため、ページは訪問者に合わせた状態で届く。最初に既定のバージョンが一瞬表示されることはない。マーケティングチームはこれを使い、毎回開発チケットを切らずに実験を回し、ページを調整する。すでに運用しているCMSを置き換えるのではなく、その隣に並ぶ形で動く。A/Bテストツールとコンテンツ管理システムが一つのパッケージになったものと考えればいい。
Croct について
Croctとは何か
Croctは、別々のCDP、フィーチャーフラグツール、分析契約をつなぎ合わせることなく、訪問者ごとに表示内容を変えたいチーム向けに作られたパーソナライズプラットフォームだ。コンテンツはスロットに置かれる。スロットとはアプリケーションに差し込むプレースホルダーのことである。各スロットはコンポーネントをレンダリングし、Croctがリクエスト時にサーバー側でその訪問者が受け取るバリエーションを決める。
このサーバー側の設計は、多くのチームが最初に気づく点だ。既定コンテンツのちらつきがなく、スクリプトの読み込み中にページを空白にするアンチフリッカー用のスニペットもない。Croctによれば、エンドツーエンドの応答時間は95パーセンタイルで90ミリ秒未満だ。Core Web Vitalsを気にするなら、この数字は意味を持つ。
引き換えとなるのは適用範囲である。Croctは長い記事を書いたりメディアライブラリを管理したりする汎用CMSではない。コンテンツを文脈に応じたものにするために作られている。誰が何をいつ見るのか、そしてどのバリエーションが勝つのか。チームが記事の下書きを置く場所だけを必要としているなら、これは必要以上の仕組みだ。ヘッドレス構成も前提としているため、モノリシックなサイトは作り直さなければ恩恵を受けにくい。
始め方
npx croct@latest initを実行する。SDKがインストールされ、providerが接続され、各スロットのTypeScript型が生成される。- Croctのインターフェースにサインインし、最初のオーディエンスを定義する。行動と特性からでも、英語に近いクエリ言語であるCQLからでもよい。
- アプリケーションにスロットを追加し、設定が終わったらインターフェース内で体験とA/Bテストを作成する。
- 公開してCroctにサーバー側でコンテンツを解決させ、すべてのプランに含まれる非サンプリングの分析から結果を読む。
AIツール情報
Croctの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- マーケティングチーム
- グロースとCROの担当者
- ヘッドレス構成の開発者
タスク
- ランディングページのパーソナライズ
- A/Bテストと多変量テストの実施
- リアルタイムオーディエンスの構築
シーン
- すでに費用を払って集客しているサイト
- 地域別のオファー
- 新たなデータベンダーに慎重なチーム
主な機能
サーバー側のコンテンツ解決
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は、Web・モバイル・Salesforceアプリ向けにエンドツーエンドテストを構築して実行するAIテスト自動化プラットフォームだ。機械学習を頼りに、インターフェースが変わってもテストを安定させ、チームが壊れたセレクターの修正に費やす時間を減らす。今日から使い始められる自動テストツールとしては悪くない。ブラウザで操作を録画してテストを作り、より細かい制御が必要なときはJavaScriptを足す。忙しいQAチームにとって堅実な選択肢である。