本文へスキップ
ui.design

Growth

改善ファネルをGA4とClarityで計測する

改善ナレッジは公開して終わりではありません。どの検索意図から来て、どの所見で止まり、どの修正ガイドが次の行動につながるかを測る必要があります。

ui.design: analyticsui.design: llm-growth

まず確認する症状

  • Learn記事の閲覧は分かるが、Scanや購入相談へ進んだか追えない。
  • Clarityで入力URLやメールが見えてしまう懸念がある。

なぜ問題か

  • GA4のイベント設計がないと、記事追加やコピー改善の優先順位を判断できません。
  • セッション録画は有用ですが、入力データのマスクを前提にしないと信頼を損ないます。

診断で見る指標

learn_view
scan_start
scan_result_view
learn_reference_click
review_pack_apply

修正方法

最小修正

主要遷移をイベント化する

LearnからScan、結果からLearn、Review Pack申込をイベントとして送ります。

推奨修正

Search Consoleと合わせて見る

検索クエリ、クリック率、記事閲覧、Scan開始を同じ週次レビューで確認します。

さらに改善

Clarityで迷いを観察する

マスク設定を確認したうえで、フォーム直前の離脱やスクロール不足を観察します。

受け入れ条件

  1. 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
  2. 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
  3. 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。

コーディングエージェント向け修正指示

目的: Learn閲覧、Scan開始、結果閲覧、修正ガイドクリック、Review Pack申込のイベント名と計測位置を整理してください。診断URL、メール、個人情報はClarityでマスクされる前提を守ってください。

参考資料

よくある失敗

  • PVだけを見て、Scan開始や結果後の行動を測らない。
  • 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
  • 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。

関連ページ