AB Flowsとは、Webサイトにタグを1行貼るだけでA/Bテストとリダイレクトテストを配信できる、無料から使えるクライアントサイド配信型のA/Bテストツールです。ビジュアルエディタでページの見出しやボタンを変更したパターンを作り、ベイズ統計にもとづくレポートで「オリジナルを上回る確率」を確認しながら、サイト改善の判断ができます。
AB Flows の特徴
| 特徴 | 内容 |
|---|---|
| タグ1行で導入 | <script> タグを対象サイトの head に貼るだけで、すべてのテストを配信できます。テストを追加するたびにサイト側を変更する必要はありません。 |
| A/Bテストとリダイレクトテスト | 同じページの要素を変えて比べるA/Bテストと、別URLのページへ訪問者を振り分けるリダイレクトテストの2種類に対応しています。 |
| ノーコードのビジュアルエディタ | ページ上の要素をクリックして、テキスト変更・非表示・削除を設定できます。カスタムCSS・カスタムJSでの変更にも対応しています。 |
| ベイズ統計レポート | 「パターンBがオリジナルに勝つ確率 96%」のように、統計の専門知識がなくても判断できる指標を表示します。 |
| GA4連携 | Google アナリティクス 4 のイベント・キーイベントをゴールにし、パターン別に計測できます。 |
| 無料から利用可能 | アカウント作成からテストの作成・配信・レポート閲覧まで、0円から始められます。クレジットカードの登録は不要です。 |
どのような人に向いていますか？
AB Flows は、次のような利用者を想定して設計されています。
- 広告代理店・Web制作会社: 複数のクライアントサイトを「プロジェクト」として登録し、それぞれにテストを配信できます。
- ECサイト・サービスサイトの運営者: 商品ページやランディングページの見出し、ボタン、メインビジュアルを差し替えて購入率や申込率を比べられます。
- Google Optimize の代替を探している人: Google Optimize は2023年9月に提供を終了しました。AB Flows は、Google Optimize と同じ「タグ設置 + ビジュアルエディタ + 無料」の使い勝手を、GA4連携を含めて提供することを目標にしています。
無料でどこまで使えますか？
現在、AB Flows の機能はすべて無料で利用できます。
- プロジェクト（対象サイト）の登録
- A/Bテスト・リダイレクトテストの作成と配信
- ビジュアルエディタによるパターン編集
- ゴール（ページ到達・クリック・カスタムイベント・GA4）の計測
- ベイズ統計レポートと日別グラフ
- GA4連携
有料プランを追加する場合も、無料で始められる範囲は維持する方針です。
最初のABテストは何を比べる？
まずは「問い合わせボタンの文言を変えると、クリックされやすくなるか」のように、変更点と目標をひとつずつ決めます。見出しとボタンを同時に変えると、どちらが結果に影響したか切り分けにくくなります。
| 比べたい内容 | 選ぶテスト | 次に読むページ |
|---|---|---|
| 同じページの見出しやボタンの文言 | A/Bテスト。ビジュアルエディタで変更パターンを作成 | 導入手順 |
| 別URLに用意した2つのLP | リダイレクトテスト。訪問者をURLごとに振り分け | 2種類のテストの違い |
| 問い合わせボタンのクリックや完了ページへの到達 | 目的に合うゴールを設定して比較 | ゴールの設定 |
アクセスが少ないサイトでは、テストを作成しても結果の判断に必要なデータが集まるまで時間がかかります。数件のクリックだけで勝者を決めず、コンバージョン率と信用区間をあわせて確認してください。結果の改善を保証する機能ではありません。指標の意味はレポートの読み方で確認できます。
仕組みの概要
AB Flows はクライアントサイド配信型です。配信の流れは次のとおりです。
- 対象サイトに設置した配信タグ
ab.jsが、AB Flows のサーバーから実施中のテスト設定を取得します。 - 訪問者ごとに固定のIDを発行し、ハッシュ値にもとづいてパターンを決定します。同じ訪問者は再訪時も必ず同じパターンを見ます。
- 現在のURLがテストの対象ページに一致すれば、パターンのDOM変更・CSS・JSを適用します。リダイレクトテストでは指定URLへ遷移します。
- 表示（インプレッション）とゴール達成（コンバージョン）を AB Flows に送信し、レポートに集計します。
配信タグの詳しい動作は 配信タグ（ab.js）の仕様 を参照してください。