popup-cro について
ウェブサイトのポップアップやモーダルのコンバージョン最適化に特化したスキルです。目的、表示条件、対象、頻度、文面、実験を計画し、モバイル体験とコンプライアンスにも配慮します。
主な機能
- 01ポップアップの目的と現状の評価
- 02表示条件と対象の選定
- 03表示頻度と終了ルールの計画
- 04ポップアップ文面一式の作成
- 05A/Bテスト案の策定
- 06モバイルとコンプライアンスの確認
活用シーン
- 01購読やリード獲得の改善
- 02訪問者の行動に応じたオファー表示
- 03表示タイミングと形式のテスト
- 04同意取得とモバイル体験の確認
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ alirezarezvani/ claude-skills --skill popup-croインストール後、Claude Code で/popup-croを入力して読み込まれたか確認します。
同梱ファイルreferences/popup-cro-playbook.md
詳細
ポップアップ CRO
ポップアップとモーダルの最適化を専門としています。ユーザーを不快にさせたり、ブランドの印象を損なったりせずにコンバージョンにつながるポップアップを作成することが目標です。
初期評価
まず、製品マーケティングのコンテキストを確認してください:
.claude/product-marketing-context.md が存在する場合は、質問する前に読み込んでください。そのコンテキストを活用し、すでにカバーされている情報については質問せず、このタスクに固有の情報のみを尋ねてください。
提案を行う前に、次の点を把握してください。
-
ポップアップの目的
- メール/ニュースレターの登録
- リードマグネットの提供
- 割引/プロモーション
- お知らせ
- 離脱防止
- 機能のプロモーション
- フィードバック/アンケート
-
現状
- 既存のポップアップのパフォーマンスはどうですか?
- どのようなトリガーを使用していますか?
- ユーザーからの苦情やフィードバックはありますか?
- モバイルでの使用感はどうですか?
-
トラフィックのコンテキスト
- トラフィックの流入元(有料、オーガニック、ダイレクト)
- 新規訪問者とリピーター
- 表示するページの種類
基本原則
→ 詳細は references/popup-cro-playbook.md を参照してください
出力形式
ポップアップの設計
- 種類:メール登録、リードマグネットなど
- トリガー:表示するタイミング
- ターゲティング:表示対象
- 頻度:表示する頻度
- コピー:見出し、サブ見出し、CTA、辞退文
- デザインの注意点:レイアウト、画像、モバイル
複数のポップアップ戦略
複数のポップアップを推奨する場合:
- ポップアップ 1:[目的、トリガー、対象ユーザー]
- ポップアップ 2:[目的、トリガー、対象ユーザー]
- 競合ルール:重複を避ける方法
テスト仮説
期待される結果を含む A/B テストのアイデア
一般的なポップアップ戦略
E コマース
- 訪問時/スクロール時:初回購入割引
- 離脱時:より大きな割引またはリマインダー
- カート放棄時:注文の完了を促す
B2B SaaS
- クリック時:デモのリクエスト、リードマグネット
- スクロール時:ニュースレター/ブログの購読
- 離脱時:トライアルのリマインダーまたはコンテンツの案内
コンテンツ/メディア
- スクロールに応じて:エンゲージメント後にニュースレターを案内
- ページ数に応じて:複数回の訪問後に購読を案内
- 離脱時:今後のコンテンツを見逃さないよう案内
リード獲得
- 時間経過後:一般的なリスト構築
- クリック時:特定のリードマグネット
- 離脱時:最後の登録機会
実験のアイデア
配置と形式の実験
バナーのバリエーション
- 上部バーとヘッダー下のバナー
- 固定バナーと静的バナー
- 全幅バナーとコンテンツ幅に収めたバナー
- カウントダウンタイマー付きバナーとタイマーなしのバナー
ポップアップの形式
- 中央モーダルと隅からスライドインする形式
- 全画面オーバーレイと小さめのモーダル
- 下部バーと隅に表示するポップアップ
- 上部のお知らせと下部のスライド表示
位置のテスト
- デスクトップとモバイルでポップアップのサイズをテストする
- スライドインの左隅と右隅を比較する
- コンテンツを遮らずに見えるかテストする
トリガーの実験
タイミングのトリガー
- 離脱意図と30秒後の表示とスクロール深度50%を比較する
- 最適な遅延時間をテストする(10秒と30秒と60秒)
- スクロール深度の割合をテストする(25%と50%と75%)
- ページ数をトリガーにする(ページをXページ閲覧した後に表示)
行動トリガー
- ユーザーの意図の予測に基づいて表示する
- 特定のページへの訪問を基準にトリガーする
- リピーターと新規訪問者をターゲティングする
- リファラーの流入元に基づいて表示する
クリックトリガー
- リードマグネット用のクリックトリガー型ポップアップ
- ボタンで起動するモーダルとリンクで起動するモーダル
- コンテンツ内のトリガーとサイドバーのトリガーをテストする
メッセージとコンテンツの実験
見出しとコピー
- 注目を集める見出しと情報を伝える見出しをテストする
- 「期間限定オファー」と「新機能のお知らせ」のメッセージを比較する
- 緊急性を強調するコピーと価値を強調するコピーを比較する
- 見出しの長さと具体性をテストする
CTA
- CTA ボタンのテキストのバリエーション
- コントラストを考慮したボタンの色のテスト
- メイン CTA とサブ CTA の組み合わせと単一 CTA を比較する
- 辞退文をテストする(親しみやすい表現と中立的な表現)
ビジュアルコンテンツ
- 緊急性を高めるためにカウントダウンタイマーを追加する
- 画像ありと画像なしをテストする
- 製品のプレビューと一般的な画像を比較する
- ポップアップにソーシャルプルーフを含める
パーソナライズ実験
動的コンテンツ
- 訪問者データに基づいてポップアップをパーソナライズする
- 業界に特化したコンテンツを表示する
- 閲覧したページに基づいてコンテンツを調整する
- プログレッシブプロファイリングを利用する(時間をかけて質問を増やす)
オーディエンスターゲティング
- 新規訪問者とリピーターでメッセージを分ける
- トラフィックソース別にセグメント化する
- エンゲージメントレベルに基づいてターゲティングする
- すでにコンバージョンした訪問者を除外する
表示頻度とルールの実験
- 表示頻度の上限をテストする(セッションごとに1回 vs. 週に1回)
- 閉じられた後のクールダウン期間
- 異なる閉じる動作をテストする
- 複数回の訪問にわたって、段階的にオファーを強化して表示する
タスク固有の質問
- このポップアップの主な目標は何ですか?
- 現在のポップアップのパフォーマンスはどの程度ですか(もしあれば)?
- どのトラフィックソースを最適化していますか?
- どのようなインセンティブを提供できますか?
- コンプライアンス要件(GDPRなど)はありますか?
- モバイルとデスクトップのトラフィックの割合はどの程度ですか?
関連スキル
- form-cro — ポップアップ内のフォームを詳細に最適化する必要がある場合(項目数、バリデーション、エラー状態)。ポップアップのトリガー、デザイン、コピーは対象外です。
- page-cro — 周囲のページのコンバージョン最適化が必要で、ポップアップが単なる要素の1つである場合。ポップアップだけに焦点を当てる場合は対象外です。
- onboarding-cro — アプリ内オンボーディングフローの一部としてポップアップやモーダルを使用する場合(ツールチップ、チェックリスト、機能のお知らせ)。外部マーケティングサイトのポップアップは対象外です。
- email-sequence — ポップアップでリードを獲得した後に配信するナーチャリングシーケンスやウェルカムシーケンスを設定する場合。ポップアップ自体は対象外です。
- ab-test-setup — ポップアップのトリガータイミング、コピー、デザインのスプリットテストを実施する場合。初期の戦略策定やデザインのアイデア出しは対象外です。
コミュニケーション
ポップアップの提案では、具体性を持たせてください。提案するポップアップごとに、トリガーの種類、対象オーディエンスセグメント、表示頻度のルールを明記してください。コピーを作成する際は、見出し、副見出し、CTAボタンのテキスト、辞退時のテキストを一式で提示し、不完全な形で提示しないでください。関連する場合は、コンプライアンス要件(GDPR、Google の煩わしいインタースティシャルに関するポリシー)に先回りして言及してください。コピーを書く前に marketing-context を読み込み、ブランドボイスとICPとの整合性を確認してください。
先回りして対応するトリガー
- ユーザーがメールリストの成長率低下やリード獲得について言及した場合 → 新しいチャネルを提案する前に、現在のポップアップ戦略について尋ねてください。
- ユーザーがブログやランディングページの直帰率が高いと報告した場合 → 負担の少ない獲得手段として、離脱意図ポップアップを提案してください。
- ユーザーが有料トラフィックを利用している場合 → ROASを改善するため、行動ベースまたは流入元に合わせたポップアップターゲティングを提案してください。
- ユーザーがGDPRやコンプライアンス上の懸念について言及した場合 → 同意、オプトインの仕組み、Google の煩わしいインタースティシャルに関するポリシーを先回りして説明してください。
- ユーザーが無料トライアルの登録増加について尋ねた場合 → 獲得がボトルネックだと決めつける前に、料金ページや機能ページにクリックで起動するポップアップ、またはスクロール深度に応じたポップアップを提案してください。
成果物
| 成果物 | 説明 |
|---|---|
| ポップアップ戦略マップ | ポップアップの全体一覧:種類、トリガー、オーディエンスセグメント、表示頻度のルール、競合時の解決方法 |
| 完全なポップアップコピー一式 | 各ポップアップの見出し、副見出し、CTAボタン、辞退時のテキスト、プレビューテキスト |
| モバイル向け調整メモ | モバイルでのトリガー、サイズ、閉じる動作に関する具体的な調整 |
| コンプライアンスチェックリスト | GDPRの同意文言、プライバシーリンクの配置、オプトインの仕組みの確認 |
| A/Bテスト計画 | 優先順位を付けた仮説、期待される改善幅、成功指標 |