A/Bテストに「実サイトでプレビュー」と「判定まであと何人」の目安を追加

ヒートマップエックス エンジニアチーム3分で読了
  • ab-testing
  • preview

A/Bテストに2つの機能を追加しました。「実サイトでプレビュー」 で公開前の見た目を本番のサイト上で確かめられるようになり、結果画面には 「判定まであと何人」の目安 が出るようになりました。

実サイトでプレビュー

これまでの作成画面のプレビューに加えて、お客様のサイトそのものの上でパターンを確認できるようになりました。

実験の詳細画面に「実サイトでプレビュー」欄が追加され、パターンごとに 「プレビューURLをコピー」 ボタンが並びます。コピーしたURLをブラウザーで開くと、そのパターンの変更を適用したページが表示されます。

  • 下書き・一時停止中の実験でも確認できます。 開始前に、文言の収まりやレイアウトの崩れを実際のページで確かめられます。
  • プレビュー中は計測を一切行いません。 表示数・成果・ヒートマップのどれにも記録されないため、何度開いても結果に影響しません。
  • リダイレクトのテストにも対応しています。 振り分け先のページに移ったうえで、プレビュー表示になります。
  • URLをチームのメンバーや制作会社に送れば、同じ見た目を共有できます。

プレビューが効くのは、URLを開いた最初のページだけです。サイト内の別のページへ移動すると通常の表示に戻ります。

判定まであと何人の目安

結果画面の上に、次のような目安が表示されるようになりました。

勝者判定の最低ラインまで、あと約160人の訪問が必要です(今のペースで約4日)

  • 人数は、各パターンが判定の最低ライン(パターンごとに100人)に届くまでの不足分の合計です。
  • 日数は、テスト開始からの実際の訪問ペースをもとに、いちばん遅いパターンが最低ラインに届くまでの日数を出します。配信比率を偏らせている場合も、短く見積もりすぎることはありません。
  • 日数は開始から1日たち、訪問が入ってから表示されます。それまでは人数だけを表示します。
  • すべてのパターンが最低ラインに届くと、この目安は消え、これまでどおり勝者候補の表示に切り替わります。

最低ラインは判定を始められる下限です。パターン間の差が小さい場合は、さらに多くの訪問が必要になります。

この機能の公開前から実行中のテストでは、開始日時の記録がないため、日数は表示されず人数だけが出ます。

料金プラン

どちらも、無料プランを含む 全プラン でご利用いただけます。

影響範囲

既存の計測タグをそのまま使います。サイト側の設定変更は不要です。計測タグ(tracker.js)はブラウザーに最大24時間キャッシュされるため、公開直後は一部の環境で「実サイトでプレビュー」の反映が翌日になることがあります。

Claude Codeから動かすヒートマップを、まずは無料で。

計測タグを1行貼って、ブラウザ操作なしで分析・改善提案までCLIから受け取れます。クレカ不要・30秒でセットアップ。