YEBISU SOFT(エビスソフト)ホームへ

行動解析・A/Bテスト

ヒートマップ・A/Bテスト導入の費用と実例

どこで離脱しているかを数字で特定し、改善を検証する仕組みの費用

どこで離脱しているかが見え、改善が「当たったか」を数字で言い切れる。

このデモの実装時間 約15分AIを活用した制作体制で構築
赤いボブヘアとシアンの衣装が特徴のAI広報キャラクター、クロマ
YOUR AI GUIDEクロマAI広報
エビスさんと一緒に新しい可能性を、案内します。

DESIGN 04 / Codescan現場を見通す管制室|映像壁と走査線。等幅の文字と緑の信号で、監視室の解像度を出す。

LOADING DEMO…

How to use

  • 上の画面を何度かクリックすると、ヒートマップが濃くなっていきます
  • 「訪問者を流す」でA/Bテストが進み、勝ち負けの判定が更新されます
  • サンプル数が少ないうちは「判定できない」と表示されます(そこが重要な部分です)
NOTEどこまでが実装で、本番では何が変わるか

ヒートマップは本物です。あなたがこのデモ画面をクリック・タップした位置を実際に記録し、Canvasに密度として描画しています(記録はブラウザの中だけで、外部には送信しません)。A/Bテストの部分は、2案に一定の真の反応率を設定した訪問者シミュレーションで、クリック率と有意差の判定計算そのものは本番と同じ式です。実案件では、この記録を計測基盤に送り、実際の訪問者のデータで同じ画面を作ります。

Cost & Duration

費用と期間の目安

「いくらかかるか」を先に出します。金額はサイト制作のプラン表と同じ基準で、この機能だけの特別料金は設けていません。

COST¥680,000〜

サイト制作に含めてご依頼いただく場合の「スタンダード」プランが目安です。

3プランの料金表
DURATION計測の実装は1〜2週間、改善の検証は運用で継続

このデモ自体は約15分で実装しました。実案件では要件整理・原稿・検証を含めて上記が目安です。

VARIABLES金額が変わる要素
  • 計測する画面数と、記録するイベントの種類
  • 既存ツール(GA4等)を使うか、自社で計測基盤を持つか
  • 改善案の実装まで任せるか、レポートまでにするか

Business Impact

導入すると、何が変わるか

クリック位置・スクロール到達率を記録して可視化し、2案を同時に出して勝ち負けを統計的に判定します。デザインの好みの議論を、数字の議論に変えます。

01「なぜ売れないか」が特定できる

読まれずに閉じられているのか、CTAが押されないのか、フォームで止まっているのか。位置ごとの数字が出れば、直す場所を間違えません。

02改善の成否を証明できる

同じ期間に2案を同時に出せば、季節や広告の影響を受けずに比較できます。「変えたら良くなった気がする」を、有意差のある結論に変えられます。

03社内の合意が速くなる

デザインの好みは決着しませんが、数字は決着します。関係者の主観で止まっていた変更が、テストの結果として進むようになります。

CAN DOできること
  • クリックヒートマップ・スクロール到達率の可視化
  • A/Bテストの出し分けと自動判定(有意差の検定)
  • フォームの離脱ポイントの特定
  • GA4 / Search Console のデータをAIで要約
  • 改善提案の定期レポート化
WHO FORこんな企業に
  • 広告を出しているがCVRが伸び悩んでいるLP
  • 問い合わせフォームの離脱が多いサイト
  • 改善の優先順位を決めきれない運用チーム
STACK使用する技術
  • Canvas 2D(ヒートマップ描画)
  • IntersectionObserver(到達率)
  • 統計的仮説検定(Z検定)
  • GA4 / BigQuery・Edge Middleware

行動解析・A/Bテストを、
自社サイトでも。

「どこまでできるか」「いくらかかるか」だけでも構いません。初回のご相談・お見積もりは無料です。

電話で相談090-8208-7295無料で相談するお見積もりも無料