mcpField
P
popup-cro

popup-cro

github.com/alirezarezvaniマーケティング・グロース29.0k588 回インストール1 日前に更新
リポジトリ

popup-cro について

ウェブサイトのポップアップやモーダルのコンバージョン最適化に特化したスキルです。目的、表示条件、対象、頻度、文面、実験を計画し、モバイル体験とコンプライアンスにも配慮します。

主な機能

  1. 01ポップアップの目的と現状の評価
  2. 02表示条件と対象の選定
  3. 03表示頻度と終了ルールの計画
  4. 04ポップアップ文面一式の作成
  5. 05A/Bテスト案の策定
  6. 06モバイルとコンプライアンスの確認

活用シーン

  1. 01購読やリード獲得の改善
  2. 02訪問者の行動に応じたオファー表示
  3. 03表示タイミングと形式のテスト
  4. 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 が存在する場合は、質問する前に読み込んでください。そのコンテキストを活用し、すでにカバーされている情報については質問せず、このタスクに固有の情報のみを尋ねてください。

提案を行う前に、次の点を把握してください。

  1. ポップアップの目的

    • メール/ニュースレターの登録
    • リードマグネットの提供
    • 割引/プロモーション
    • お知らせ
    • 離脱防止
    • 機能のプロモーション
    • フィードバック/アンケート
  2. 現状

    • 既存のポップアップのパフォーマンスはどうですか?
    • どのようなトリガーを使用していますか?
    • ユーザーからの苦情やフィードバックはありますか?
    • モバイルでの使用感はどうですか?
  3. トラフィックのコンテキスト

    • トラフィックの流入元(有料、オーガニック、ダイレクト)
    • 新規訪問者とリピーター
    • 表示するページの種類

基本原則

→ 詳細は references/popup-cro-playbook.md を参照してください

出力形式

ポップアップの設計
  • 種類:メール登録、リードマグネットなど
  • トリガー:表示するタイミング
  • ターゲティング:表示対象
  • 頻度:表示する頻度
  • コピー:見出し、サブ見出し、CTA、辞退文
  • デザインの注意点:レイアウト、画像、モバイル
複数のポップアップ戦略

複数のポップアップを推奨する場合:

  • ポップアップ 1:[目的、トリガー、対象ユーザー]
  • ポップアップ 2:[目的、トリガー、対象ユーザー]
  • 競合ルール:重複を避ける方法
テスト仮説

期待される結果を含む A/B テストのアイデア


一般的なポップアップ戦略

E コマース
  1. 訪問時/スクロール時:初回購入割引
  2. 離脱時:より大きな割引またはリマインダー
  3. カート放棄時:注文の完了を促す
B2B SaaS
  1. クリック時:デモのリクエスト、リードマグネット
  2. スクロール時:ニュースレター/ブログの購読
  3. 離脱時:トライアルのリマインダーまたはコンテンツの案内
コンテンツ/メディア
  1. スクロールに応じて:エンゲージメント後にニュースレターを案内
  2. ページ数に応じて:複数回の訪問後に購読を案内
  3. 離脱時:今後のコンテンツを見逃さないよう案内
リード獲得
  1. 時間経過後:一般的なリスト構築
  2. クリック時:特定のリードマグネット
  3. 離脱時:最後の登録機会

実験のアイデア

配置と形式の実験

バナーのバリエーション

  • 上部バーとヘッダー下のバナー
  • 固定バナーと静的バナー
  • 全幅バナーとコンテンツ幅に収めたバナー
  • カウントダウンタイマー付きバナーとタイマーなしのバナー

ポップアップの形式

  • 中央モーダルと隅からスライドインする形式
  • 全画面オーバーレイと小さめのモーダル
  • 下部バーと隅に表示するポップアップ
  • 上部のお知らせと下部のスライド表示

位置のテスト

  • デスクトップとモバイルでポップアップのサイズをテストする
  • スライドインの左隅と右隅を比較する
  • コンテンツを遮らずに見えるかテストする

トリガーの実験

タイミングのトリガー

  • 離脱意図と30秒後の表示とスクロール深度50%を比較する
  • 最適な遅延時間をテストする(10秒と30秒と60秒)
  • スクロール深度の割合をテストする(25%と50%と75%)
  • ページ数をトリガーにする(ページをXページ閲覧した後に表示)

行動トリガー

  • ユーザーの意図の予測に基づいて表示する
  • 特定のページへの訪問を基準にトリガーする
  • リピーターと新規訪問者をターゲティングする
  • リファラーの流入元に基づいて表示する

クリックトリガー

  • リードマグネット用のクリックトリガー型ポップアップ
  • ボタンで起動するモーダルとリンクで起動するモーダル
  • コンテンツ内のトリガーとサイドバーのトリガーをテストする

メッセージとコンテンツの実験

見出しとコピー

  • 注目を集める見出しと情報を伝える見出しをテストする
  • 「期間限定オファー」と「新機能のお知らせ」のメッセージを比較する
  • 緊急性を強調するコピーと価値を強調するコピーを比較する
  • 見出しの長さと具体性をテストする

CTA

  • CTA ボタンのテキストのバリエーション
  • コントラストを考慮したボタンの色のテスト
  • メイン CTA とサブ CTA の組み合わせと単一 CTA を比較する
  • 辞退文をテストする(親しみやすい表現と中立的な表現)

ビジュアルコンテンツ

  • 緊急性を高めるためにカウントダウンタイマーを追加する
  • 画像ありと画像なしをテストする
  • 製品のプレビューと一般的な画像を比較する
  • ポップアップにソーシャルプルーフを含める
パーソナライズ実験

動的コンテンツ

  • 訪問者データに基づいてポップアップをパーソナライズする
  • 業界に特化したコンテンツを表示する
  • 閲覧したページに基づいてコンテンツを調整する
  • プログレッシブプロファイリングを利用する(時間をかけて質問を増やす)

オーディエンスターゲティング

  • 新規訪問者とリピーターでメッセージを分ける
  • トラフィックソース別にセグメント化する
  • エンゲージメントレベルに基づいてターゲティングする
  • すでにコンバージョンした訪問者を除外する

表示頻度とルールの実験
  • 表示頻度の上限をテストする(セッションごとに1回 vs. 週に1回)
  • 閉じられた後のクールダウン期間
  • 異なる閉じる動作をテストする
  • 複数回の訪問にわたって、段階的にオファーを強化して表示する

タスク固有の質問

  1. このポップアップの主な目標は何ですか?
  2. 現在のポップアップのパフォーマンスはどの程度ですか(もしあれば)?
  3. どのトラフィックソースを最適化していますか?
  4. どのようなインセンティブを提供できますか?
  5. コンプライアンス要件(GDPRなど)はありますか?
  6. モバイルとデスクトップのトラフィックの割合はどの程度ですか?

関連スキル

  • 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テスト計画優先順位を付けた仮説、期待される改善幅、成功指標

コメント