cro-funnel について
cro-funnelは、フォームや登録からオンボーディング、ポップアップ、ペイウォールまで、顧客ファネル全体のコンバージョン改善を計画するマーケティングスキルです。最適化の原則やパターン、段階別の指標を示します。
主な機能
- 01フォームと登録フローの最適化
- 02オンボーディングとアクティベーションの改善
- 03ポップアップのタイミングと文面の計画
- 04ペイウォールとアップグレード導線の設計
- 05ファネル段階別の指標測定
活用シーン
- 01リード獲得やデモ申込フォームの負担軽減
- 02登録後の新規ユーザーの活性化
- 03無料ユーザー向けの配慮あるアップグレード案内
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ dirnbauer/ webconsulting-skills --skill cro-funnelインストール後、Claude Code で/cro-funnelを入力して読み込まれたか確認します。
詳細
CRO ファネル最適化
出典: このスキルは、AITYTech による AgentKits Marketing を基にしています。エンタープライズグレードの AI マーケティング自動化(MIT ライセンス)。
ページ訪問から有料コンバージョンまで、あらゆる段階を対象とするフルファネルのコンバージョン率最適化:
Visitor → Page CRO → Form CRO → Signup CRO
↓
Popup CRO (capture abandoners)
↓
New User → Onboarding CRO → Activation
↓
Free User → Paywall CRO → Paid Customer
1. フォームの CRO
リード獲得フォーム、問い合わせフォーム、デモ依頼フォーム、見積もりフォームを最適化します(サインアップ/登録フォームは対象外)。
基本原則
- フィールドにはすべてコストがかかります - フィールドが1つ増えるごとに、完了率は10~25%低下します
- 価値は労力を上回る必要があります - フォームの上部に明確な価値提案を示します
- 認知負荷を減らします - 1つのフィールドにつき質問は1つにし、論理的にグループ分けします
5フィールドのルール
| フィールド数 | 一般的な影響 |
|---|---|
| 3フィールド | 基準 |
| 4~6フィールド | 10~25%の低下 |
| 7以上 | 25~50%以上の低下 |
各フィールドについて、次の点を確認します。
- 相手を支援する前に、この情報は本当に必要ですか?
- この情報を別の方法で取得できますか?
- この情報は後で尋ねられますか?
フィールドの最適化
メールアドレス:フィールドは1つにし、インライン検証と入力ミスの検出を行います
名前:「名前」1フィールドにする場合と、姓/名に分ける場合をテストします
電話番号:可能であれば任意項目にし、必須にする場合は理由を説明します
メッセージ:任意項目にし、フォーカス時に展開します
複数ステップのフォーム
次の場合に使用します。
- 5~6個を超えるフィールドが必要な場合
- セクションが論理的に分かれている場合
- 回答に応じて分岐する場合
ベストプラクティス:
- 進捗インジケーター(Yステップ中のXステップ)
- 簡単な項目から始め、機微な項目は最後にします
- 前のステップに戻れるようにします
- 入力内容を保存します
送信ボタンの文言
弱い例:「送信」、「送る」
強い例:「[アクション]+[得られるもの]」
- 「無料見積もりを依頼する」
- 「ガイドをダウンロードする」
- 「デモをリクエストする」
2. サインアップフローの CRO
登録、アカウント作成、トライアル有効化のフローを最適化します。
基本原則
- 必須フィールドを最小限にする - 最低限必要なのはメールアドレスとパスワードです
- 尋ねる前に価値を示す - 先に製品を体験してもらえますか?
- 手間を少なく感じさせる - 「所要時間は30秒です」
フィールドの優先度
| 優先度 | フィールド |
|---|---|
| 必須 | メールアドレス、パスワード |
| 必要なことが多い | 名前 |
| 通常は後回しにできる | 会社、役職、チーム規模、電話番号 |
ソーシャル認証の選択肢
- B2C:Google、Apple、Facebook
- B2B:Google、Microsoft、SSO
- 「Google でサインアップ」を主要な選択肢として検討します
1ステップと複数ステップの比較
1ステップが適している場合:フィールドが3つ以下、シンプルなB2C、購入意欲の高い訪問者
複数ステップが適している場合:フィールドが3~4個を超える、セグメンテーションが必要なB2B
段階的なコミットメントのパターン:
- メールアドレスのみ(最も低いハードル)
- パスワードと名前
- カスタマイズに関する質問(任意)
信頼につながる要素
- 「クレジットカードは不要です」(事実である場合)
- 「永久無料」または「14日間の無料トライアル」
- プライバシーに関する注記:「メールアドレスを共有することはありません」
- サインアップフォームの近くに推薦文を掲載
3. オンボーディングの CRO
サインアップ後のユーザーアクティベーションと価値実現までの時間を最適化します。
基本原則
- 価値実現までの時間がすべてです - コアとなる価値をどれだけ早く体験してもらえますか?
- 1回のセッションにつき目標は1つ - すべてを一度に教えないでください
- 見せるより、実際に操作してもらう - インタラクティブな体験 > チュートリアル
- 進捗がモチベーションを生みます - 進捗を示し、完了を祝います
アハモーメントを定義する
リテンションと最も強く相関するアクション:
| 製品の種類 | アハモーメント |
|---|---|
| プロジェクト管理 | 最初のプロジェクトを作成し、チームメンバーを追加する |
| アナリティクス | トラッキングを設定し、最初のレポートを見る |
| デザインツール | 最初のデザインを作成し、エクスポート/共有する |
| コラボレーション | 最初のチームメイトを招待する |
| マーケットプレイス | 最初の取引を完了する |
オンボーディングチェックリストのパターン
ベストプラクティス:
- 3~7項目(多すぎないようにします)
- 価値の高い順に並べます(最も効果の大きいものを最初にします)
- すぐに達成できる項目から始めます
- 進捗バー/完了率を表示します
- 完了時に達成を祝います
項目の例:
☐ Connect your first data source (2 min)
Get real-time insights from your existing tools
[Connect Now]
空の状態
空の状態は、オンボーディングの機会です。
- この領域の用途を説明します
- データがある場合の表示例を示します
- 最初の項目を追加するための明確な主要アクションを示します
- 任意:サンプルデータを事前に入力します
停滞ユーザーへの対応
- 検出:「停滞」の基準を定義します(X 日間非アクティブ)
- メールシーケンス:価値を再確認し、障壁に対処して、サポートを申し出ます
- アプリ内での復帰支援:おかえりなさいのメッセージを表示し、中断したところから再開できるようにします
- 人によるフォロー:価値の高いアカウントには個別に連絡します
4. ポップアップの CRO
ポップアップ、モーダル、オーバーレイ、スライドイン、バナーを最適化します。
基本原則
- タイミングがすべて - 早すぎると煩わしく、遅すぎると機会を逃します
- 価値を明確に示す - 明確で、すぐに得られるメリットを示します
- ユーザーを尊重する - 簡単に閉じられるようにし、設定を記憶します
表示トリガーの戦略
| トリガー | 使用する場面 | 例 |
|---|---|---|
| スクロール率(25~50%) | ブログ記事、長文コンテンツ | 「半分まで読みました。さらに詳しく」 |
| 離脱意図 | E コマース、リード獲得 | 「お待ちください!その前に……」 |
| クリックによる表示 | リードマグネット、デモ | 煩わしさゼロ |
| 時間経過(30~60 秒) | エンゲージメントが確認されている場合 | 一般的なサイト訪問者 |
ポップアップの種類
メールアドレスの取得:ニュースレターの購読
- 明確な価値提案(単に「購読」ではなく)
- 入力欄は 1 つ(メールアドレスのみ)
- 特典を検討します
リードマグネット:コンテンツと引き換えにメールアドレスを取得
- 提供する内容を見せます(カバー画像)
- 入力欄は最小限にします
離脱意図:最後のコンバージョン機会
- ユーザーが離脱しようとしていることを認識します
- 初回表示のポップアップとは異なるオファーを提示します
告知バナー:サイト全体へのお知らせ
- ページ上部に表示し、閉じられるようにします
- 表示期間を限定します
見出しの定型文
- メリット:「[期間]で[成果]を実現」
- 質問:「[望む結果]を実現したいですか?」
- ソーシャルプルーフ:「[X]人の利用者と一緒に……」
- 好奇心:「[対象者]がいつも間違える、たった 1 つのこと」
辞退の選択肢
良い例:「結構です」、「後で」
避ける例:「いいえ、お金を節約したくありません」(操作的)
表示頻度のルール
- 1 セッションにつき最大 1 回表示します
- 閉じたことを記憶し、再表示まで 7~30 日空けます
- コンバージョン済みのユーザーには表示しません
- チェックアウトやコンバージョンのフローでは表示しません
5. ペイウォールとアップグレードの CRO
アプリ内のペイウォール、アップグレード画面、フリーミアムからのコンバージョンを最適化します。
基本原則
- 求める前に価値を提供する - ユーザーがまず価値を体験できるようにします
- 説明だけでなく、実際に見せる - 有料機能の価値を実演します
- スムーズな導線 - 準備ができたときに簡単にアップグレードできるようにします
- 拒否を尊重する - ユーザーを閉じ込めたり、圧力をかけたりしません
ペイウォールの表示タイミング
| トリガー | 例 |
|---|---|
| 機能の利用制限 | 有料プラン限定の機能をクリックする |
| 利用上限 | ストレージやプロジェクトの上限に達する |
| トライアル終了 | 7 日、3 日、1 日前の警告 |
| 状況に応じた表示 | パワーユーザーの行動 |
ペイウォール画面の構成要素
-
見出し:価格ではなくメリットを中心にします
- 「[機能]を使って[メリット]を実現」
- 使用しない:「月額 $X で Pro にアップグレード」
-
価値の実演:機能の動作をプレビューで見せます
-
ソーシャルプルーフ:「X チームがこの機能を利用しています」
-
CTA:「Pro にアップグレード」(具体的な表現)
-
退出の選択肢:「無料プランを続ける」(ユーザーを尊重する表現)
機能ロック時のペイウォールテンプレート
[Lock Icon]
This feature is available on Pro
[Feature preview/screenshot]
[Feature name] helps you [benefit]:
• [Specific capability]
• [Specific capability]
[Upgrade to Pro - $X/mo]
[Maybe Later]
トライアル終了時のテンプレート
Your trial ends in 3 days
What you'll lose:
• [Feature they've used]
• [Data they've created]
What you've accomplished:
• Created X projects
[Continue with Pro - $X/mo]
[Remind me later] [Downgrade to Free]
避けるべきアンチパターン
- 閉じるボタンを隠す
- プラン選択を分かりにくくする
- 罪悪感をあおる文言
- 価値を提供する前に求める
- 表示頻度が高すぎる
- 突然の請求
クイックリファレンス:ファネル段階ごとの CRO
| 段階 | 主要指標 | 主な重点項目 |
|---|---|---|
| ページ | 直帰率、CTA のクリック数 | 価値提案の明確さ、視覚的な階層 |
| フォーム | 完了率 | 入力欄を減らす、ラベルを明確にする |
| 登録 | 登録完了率 | 摩擦を最小限にする、ソーシャル認証 |
| オンボーディング | アクティベーション率 | aha モーメントまでの時間 |
| ポップアップ | コンバージョン率 | タイミング、価値の交換 |
| ペイウォール | アップグレード率 | 価値の実演 |
測定
段階ごとの主要指標
- フォーム開始率:ページビュー → フォーム開始
- 完了率:フォーム開始 → 送信
- 入力項目ごとの離脱率:どの項目でユーザーが離脱するか
- アクティベーション率:aha モーメントに到達した割合
- アクティベーションまでの時間:初めて価値を得るまでの日数
- アップグレード率:無料から有料へのコンバージョン
クレジットと帰属
このスキルは、AITYTech による優れた成果をもとにしています。
元のリポジトリ:https://github.com/aitytech/agentkits-marketing
このスキルコレクションの形成に役立った、AITYTech の寛大なオープンソースへの貢献に心より感謝します。 このスキルコレクション向けに webconsulting.at が翻案しました