mcpField
P
popup-cro

popup-cro

github.com/borgheiマーケティング・グロース1.0k79 回インストール1 週間前に更新
リポジトリ

popup-cro について

popup-croは、Webとモバイルのポップアップを計画・最適化するスキルです。コンバージョンやメッセージ設計に携わるチーム向けに、形式、表示条件、対象、頻度、法令遵守、コピー、A/Bテストを扱います。

主な機能

  1. 01ポップアップ形式の選定
  2. 02表示条件と対象の設計
  3. 03頻度上限と抑制ルール
  4. 04コピーと法令遵守の指針
  5. 05構造化されたA/Bテスト

活用シーン

  1. 01リード獲得ポップアップの計画
  2. 02モバイル向け販促の設計
  3. 03複数ポップアップの競合解消
  4. 04コピーと表示条件のテスト

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/borghei/claude-skills --skill popup-cro

インストール後、Claude Code で/popup-croを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

scripts/
popup_ab_test_calculator.py
popup_roi_estimator.py
popup_strategy_auditor.py

詳細

ポップアップ CRO

フォーマットの選択、トリガーの設計、オーディエンスのターゲティング、表示頻度の上限設定、コピーの設計、コンプライアンス要件、体系的な A/B テストを網羅した、本番環境向けのポップアップ最適化フレームワークです。Web とモバイルで、リード獲得、プロモーション、お知らせ、フィードバック用のポップアップに対応します。


目次


まず確認すること

ポップアップを設計する前に、以下の情報を確認してください。不明または曖昧な項目があれば、推測せずに質問してください。

  • ポップアップの目的 — リード獲得、プロモーション、お知らせ、フィードバック(フォーマットとトリガーを決定します)
  • 稼働中の既存ポップアップ — 複数ポップアップの競合と優先順位を解決するために必要です
  • 訪問者とデバイスの構成 — 新規か再訪か、モバイルかデスクトップか(ターゲティングとモバイルに適したフォーマットの選択に影響します)
  • 適用されるコンプライアンス要件 — GDPR/CCPA の同意要件(データ収集と同意 UX を制約します)

中断ルール:出力内容に最も大きく影響する 2~3 項目だけを質問してください。ユーザーが「とりあえず下書きして」と言った場合は、作業を進め、戦略の冒頭に前提を列挙してください。

初期評価

必要なコンテキスト
質問重要な理由
ポップアップの目的は何ですか?(リード獲得、プロモーション、お知らせ、フィードバック)フォーマットとトリガーを決定します
どのような既存ポップアップが稼働していますか?競合の解決が必要です
トラフィックの流入元は何ですか?(有料、オーガニック、ダイレクト)ターゲティングとトリガーの戦略に影響します
新規訪問者と再訪者の割合はどれくらいですか?パーソナライズの機会になります
モバイルとデスクトップのトラフィック比率はどれくらいですか?モバイルのコンプライアンス要件に影響します
現在のポップアップのパフォーマンスはどうですか?(存在する場合)最適化のベースラインになります
コンプライアンス要件はありますか?(GDPR、CCPA)データ収集に関する法的制約です

フォーマット選択マトリクス

フォーマット最適な用途押しつけがましさモバイル対応コンバージョン率
センターモーダル高価値のオファー、離脱インテント高調整すれば対応可能3-10%
スライドイン(隅)ニュースレター、コンテンツオファー低はい1-5%
トップバーお知らせ、プロモーション非常に低はい0.5-2%
ボトムバーCookie の同意、CTA非常に低はい0.5-2%
全画面オーバーレイ大規模プロモーション、ウェルカムマット非常に高いいえ(Google によるペナルティの対象)2-8%
インライン展開記事内のコンテンツアップグレード非常に低はい2-7%
離脱インテントモーダル最後の獲得機会中デスクトップのみ2-5%
フォーマット決定ツリー
What is the goal?
├── Lead capture (email)
│   ├── Blog/content page → Slide-in (scroll trigger) or inline expansion
│   ├── Landing page → Exit-intent modal
│   └── Homepage → Time-delayed center modal
├── Promotion/discount
│   ├── E-commerce → Center modal (entry or timed)
│   └── SaaS → Top bar with countdown
├── Announcement
│   ├── New feature → Top bar (sticky)
│   └── Event/webinar → Slide-in or center modal
└── Feedback/survey
    └── Post-interaction → Slide-in (bottom corner)

トリガー設計

トリガーの種類と用途
トリガー動作最適な用途リスク
離脱インテントマウスがブラウザーの閉じる/戻る操作に向かって動く最後の獲得機会デスクトップのみ
時間遅延N 秒後に表示気軽に利用できるオファー表示が早すぎると不快に感じられます
スクロール深度N%までスクロールすると表示コンテンツに関心を示した訪問者コンテンツの長さに合わせた調整が必要です
ページ閲覧数N ページの閲覧後に表示複数回の訪問によるエンゲージメントCookie によるトラッキングが必要です
クリックトリガーユーザーが特定の要素をクリックリードマグネット、CTAトリガーとなる要素が分かりやすい必要があります
非アクティブN 秒間操作がない再エンゲージメント押しつけがましく感じられる場合があります
最適なトリガー設定
トリガー設定理由
時間遅延15-30 seconds10秒未満では強引に感じられ、60秒を超えると訪問者を逃します
スクロール深度50-70%ユーザーが十分なコンテンツを読み、関心を持った状態です
ページ数2-3 pages訪問者が1ページだけでなく、さらに関心を示しています
離脱意図マウスがビューポートから離れる離脱する直前の最後の機会です
クリックトリガー目立つCTAボタンまたはテキストリンクユーザーの明確な意思を示しています
トリガーの組み合わせ

ターゲティングを改善するためにトリガーを組み合わせます。

組み合わせ使用するタイミング
50%スクロール+20秒経過エンゲージメントとページ滞在時間の両方を確認できます
ページ数3+離脱意図複数のページを閲覧してから離脱する訪問者にのみ表示します
クリックトリガー+メールアドレス未取得未登録ユーザーにのみフォームを表示します

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

セグメンテーションルール
セグメントポップアップ戦略
新規訪問者(初回訪問)ウェルカムオファー、ニュースレター登録、コンテンツのアップグレード
リピーター(2~5回訪問)より踏み込んだオファー、無料トライアル、デモの申し込み
リピーター(5回以上訪問)直接的なCTA、相談オファー
メール登録者メールアドレス取得のポップアップは表示しない
既存顧客機能のお知らせ、アップグレードのオファーのみ
有料トラフィックからの訪問者広告メッセージに合ったオファーを表示し、汎用的なポップアップは表示しない
モバイル訪問者邪魔にならない形式のみ(スライドインまたは画面下部のバー)
除外ルール

ポップアップの表示対象から、以下のセグメントを必ず除外します。

  • すでにコンバージョンしたユーザー(登録、申し込み、購入済み)
  • このセッションで同じポップアップを閉じたユーザー
  • 過去7日以内に同じポップアップを閉じたユーザー
  • チェックアウトまたは決済フロー中のユーザー
  • 法務/コンプライアンス関連のページ(プライバシー、利用規約)を閲覧中のユーザー

表示頻度と抑制ルール

表示頻度の上限
ルール設定理由
セッションあたりのポップアップの最大数11回の訪問で複数のポップアップを表示すると、信頼を損ないます
閉じた後のクールダウン期間最低7日ユーザーの「いいえ」という意思を尊重します
閉じる(Xボタン)操作後のクールダウン期間3~7日閉じる操作をした場合よりも強引さを抑えます
月あたりのポップアップの最大数3~4これを超えると、ユーザーに迷惑だと感じられます
コンバージョン後の表示抑制該当するポップアップの種類について永久に抑制コンバージョンしたら、二度と尋ねません
抑制の優先順位

同じセッション中に複数のポップアップが同じユーザーの表示対象となる場合は、次の優先順位を使用します。

優先順位ポップアップの種類理由
1Cookieへの同意/法務関連法律で義務付けられています
2離脱意図(トリガーされた場合)最後の機会であり、意図を示すシグナルが最も強いため
3時間遅延/スクロールトリガー計画的なエンゲージメント
4お知らせバー優先度が最も低く、常に表示可能

ポップアップ文面の構成

コンバージョン率の高いポップアップ文面の構成要素
HEADLINE: What they get (benefit-focused, 6-10 words)
SUBHEADLINE: Why they should care (supporting detail, 1 sentence)
[FORM: Minimum fields]
[PRIMARY CTA: Action-oriented, 2-4 words]
[DECLINE TEXT: Respectful, neutral, 3-6 words]
[TRUST ELEMENT: Privacy or social proof, 1 line]
種類別の文面例

ニュースレター登録:

  • 見出し:「毎週の成長施策を受け取りましょう」
  • サブ見出し:「毎週火曜日のニュースレターを受け取る、15,000人のマーケターに加わりましょう」
  • CTA:「登録する」
  • 辞退:「結構です」
  • 安心材料:「いつでも登録解除できます。スパムは送りません。」

コンテンツのアップグレード:

  • 見出し:「SEOチェックリストの完全版を入手」
  • サブ見出し:「優先度別に整理した85項目。PDFをダウンロードできます。」
  • CTA:「チェックリストを受け取る」
  • 辞退:「今回は見送ります」
  • 安心材料:「無料です。クレジットカードは不要です。」

離脱意図(Eコマース):

  • 見出し:「お待ちください――初回注文が15%オフに」
  • サブ見出し:「チェックアウト時にコードWELCOME15をご利用ください」
  • CTA:「割引を受け取る」
  • 辞退:「通常価格で購入します」
  • 安心材料:「24時間有効です」
辞退テキストのルール
  • 恥をかかせるような表現は使いません(「いいえ、節約したくありません」など)
  • 中立的な表現にします:「結構です」「また後で」「今はやめておきます」「今回は見送ります」
  • フォントサイズは読みやすくします(見落とすよう意図された小さな文字にしない)
  • CTAの下または横に、はっきりと配置します

ビジネスタイプ別の戦略

Eコマース
ポップアップトリガーオファー
ウェルカム割引訪問(新規訪問者、5秒遅延)初回注文 10~15% オフ
離脱インテント商品ページ・カートページでのマウス退出より大きな割引または送料無料
カート放棄カート放棄後の再訪問リマインダー + インセンティブ
購入後サンクスページ紹介オファーまたはクロスセル
B2B SaaS
ポップアップトリガーオファー
コンテンツアップグレードブログ記事を50%スクロール関連する PDF、チェックリスト、テンプレート
デモ依頼料金ページでの離脱インテントカレンダーリンク付きの「営業に相談する」
ニュースレターブログ、3回目のページビュー週次のインサイトメール
機能のお知らせログイン時、既存ユーザー試用への CTA 付きの新機能
コンテンツ / メディア
ポップアップトリガーオファー
ニュースレター記事を60%スクロール「このような記事を毎週受け取る」
コンテンツゲート無料記事3本の後購読またはアクセスのためのメール登録
ソーシャルフォロー記事の最下部までスクロールソーシャルプラットフォームでのフォロー

モバイルポップアップの設計

Google の侵入的インタースティシャルポリシー

Google は、侵入的なインタースティシャルを表示するモバイルページをペナルティの対象とします。避けるべきもの:

  • メインコンテンツを覆う全画面ポップアップ
  • コンテンツにアクセスする前にユーザーが閉じなければならないポップアップ
  • ポップアップによってコンテンツがファーストビューの下に押し出される、ファーストビュー内のレイアウト
モバイルで安全なフォーマット
フォーマットモバイルで安全?備考
ボトムバーはい小さく、非ブロッキング
トップバーはい小さく、閉じることが可能
スライドイン(小)はい隅、画面の30%未満
センターモーダル(小)条件付き簡単に閉じられ、エンゲージメント後に表示される場合のみ
全画面オーバーレイいいえGoogle によりペナルティの対象
離脱インテント該当なしモバイルでは利用不可
モバイル設計のルール
  • 閉じるボタンと CTA のタッチターゲットは最低 44x44px
  • 閉じるボタン(X)は明確に見え、簡単にタップできること
  • ポップアップは画面の50%を超えて覆ってはならない
  • フォーム入力は適切なモバイルキーボードを起動すること
  • 実際のモバイル端末でテストする(レスポンシブプレビューだけでなく)

コンプライアンス要件

GDPR(EU)
  • 同意のためのチェックボックス(事前チェック済みは有効な同意ではありません)
  • 明確なプライバシーポリシーへのリンク
  • メールアドレスをどう扱うかを明示する
  • 以降のすべてのメールに簡単な配信停止を用意する
  • データ処理の目的を明記する必要がある
CCPA(カリフォルニア)
  • 該当する場合は「Do Not Sell My Personal Information」リンク
  • プライバシーポリシーにアクセスできること
  • ユーザーはデータ削除を請求できる
CAN-SPAM(米国)
  • 配信停止のリクエストに10営業日以内に対応する必要がある
  • メールに物理的な住所を含める必要がある
  • 件名は誤解を招くものであってはならない
Cookie 同意(EU/UK)
  • Cookie 同意バナーは他のすべてのポップアップより優先される
  • 同意前に必須でない Cookie を設定してはならない
  • 細かい同意オプションを提供する必要がある

複数ポップアップの競合解決

優先度システム

サイトで複数のポップアップを運用する場合は、次のルールを実装してください:

  1. 法的ポップアップを最優先 -- 他のどのポップアップよりも前に Cookie 同意を表示
  2. 1セッションにつき1つのポップアップ -- 法的ポップアップの後は、マーケティングポップアップを1つだけ
  3. 優先順位付け -- 離脱インテント > スクロールトリガー > 時間遅延 > 告知バー
  4. スタック禁止 -- 2つのポップアップを同時に表示しない
  5. キューシステム -- 複数のポップアップが条件を満たす場合は、最も優先度の高いものを表示し、残りはこのセッションでは抑制する
実装ルール
  • グローバルなポップアップ状態マネージャーを維持する
  • 各ポップアップはレンダリング前に状態を確認する
  • ユーザーがどのポップアップを閲覧、閉じた、またはコンバージョンしたかを記録する
  • 可能であればタブ間で状態を共有する(localStorage)

A/B テストフレームワーク

効果の高いテスト
テスト仮説指標
表示タイミング(15秒 vs 30秒 vs スクロール)スクロールをトリガーにすると、よりエンゲージメントの高いユーザーを獲得できるコンバージョン率+直帰率
オファーの種類(割引 vs コンテンツ)コンテンツのオファーは、より質の高い見込み客を獲得できるコンバージョン率+見込み客の質
コピーのバリエーション(メリット訴求 vs 緊急性訴求)メリットを重視したコピーは、長期的に見てより高い成果を上げるコンバージョン率
形式(モーダル vs スライドイン)スライドインは直帰率への影響が小さいコンバージョン率+直帰率
辞退テキスト(中立的 vs 恥を感じさせない表現)中立的な辞退テキストは信頼を維持できるブランドへの好感度+再訪問数
テストのルール
  • 各バリアントで最低1,000回のインプレッションを得るまでテストを実施します
  • ポップアップのコンバージョン率とページレベルの指標(直帰率、ページ滞在時間)の両方を追跡します
  • コンバージョン率が10%でも、直帰率が20%上昇するポップアップは、全体としてマイナスです

指標とベンチマーク

主要指標
指標計算式ベンチマーク
ポップアップのコンバージョン率コンバージョン数 / インプレッション数2~5%(良好)、5~10%(優秀)
ポップアップの表示率インプレッション数 / 表示対象ページの閲覧数トリガーの設定によって異なります
直帰率への影響ポップアップありの直帰率 - ポップアップなしの直帰率増加を5%未満に抑える
メールの質のスコアメールに反応したポップアップ経由の見込み客数 / ポップアップ経由の見込み客総数その後のメールの開封率が30%超
ポップアップ経由の見込み客1人あたりの収益ポップアップ経由の見込み客からの収益 / ポップアップ経由の見込み客総数他の見込み客獲得チャネルと比較

成果物

成果物形式説明
ポップアップ戦略マップ種類 x トリガー x オーディエンス x 頻度の表ポップアップの完全な一覧と競合時のルール
コピー一式ポップアップごとのコピー見出し、サブ見出し、CTA、辞退テキスト、信頼要素
モバイル対応ガイド形式ごとの推奨事項モバイル対応の形式、サイズ、閉じるときの動作
コンプライアンスチェックリスト規制ごとの要件GDPR、CCPA、CAN-SPAM、Cookieの同意
A/Bテスト計画優先順位付けされた表期待される効果に基づいて仮説を順位付け
複数ポップアップの優先順位マップ優先順位同時に表示されるポップアップの競合解決ルール

ツールリファレンス

1. popup_strategy_auditor.py

既存のポップアップ設定について、コンプライアンス、表示頻度の競合、ターゲティングの不足、モバイルでの安全性を監査します。ポップアップの一覧を記載したJSONファイルを読み込み、ベストプラクティスに照らして問題点を検出します。

python scripts/popup_strategy_auditor.py popups.json --format text
python scripts/popup_strategy_auditor.py popups.json --format json
フラグ種類説明
popups.json位置引数ポップアップの一覧とルールを記載したJSONファイルへのパス
--format任意出力形式:text(デフォルト)またはjson
2. popup_ab_test_calculator.py

ポップアップのA/Bテストにおける統計的有意性を計算します。コントロールとバリアントのインプレッション数およびコンバージョン数を受け取り、コンバージョン率、相対的な上昇率、信頼水準を算出して、リリース、テスト継続、中止のいずれを推奨するかを示します。

python scripts/popup_ab_test_calculator.py test.json --format text
python scripts/popup_ab_test_calculator.py test.json --format json
フラグ種類説明
test.json位置引数A/Bテストデータを記載したJSONファイルへのパス
--format任意出力形式:text(デフォルト)またはjson
3. popup_roi_estimator.py

見込み客数、コンバージョン率、顧客生涯価値をモデル化して、ポップアップによる見込み客獲得の収益への影響を推定します。ポップアップ経由の見込み客を他のチャネル経由の見込み客と比較します。

python scripts/popup_roi_estimator.py roi_data.json --format text
python scripts/popup_roi_estimator.py roi_data.json --format json
フラグ種類説明
roi_data.json位置引数ポップアップのパフォーマンスと収益データを記載したJSONファイルへのパス
--format任意出力形式:text(デフォルト)またはjson

トラブルシューティング

問題考えられる原因解決策
ポップアップのコンバージョン率が2%未満表示タイミングが不適切、オファーに魅力がない、またはコピーの訴求力が弱いスクロール連動(50~70%)と時間差表示をテストします。メリットを重視した見出しを使い、カウントダウンタイマーを追加します(2026年のベンチマークによると平均14.4%まで向上)。
ポップアップ追加後に直帰率が5%超増加ポップアップの表示が早すぎる、またはモバイル画面を覆いすぎている表示までの時間を15~30秒に延ばすか、スクロール連動に切り替えます。中央に表示するモーダルではなく、スライドイン形式を使います。
メールリストの質が低下(ポップアップ経由のリードの開封率が低い)一般的なオファーが、購読意欲の低いユーザーを引き付けているページ固有のコンテンツアップグレードオファーに切り替え、適格性を確認する質問を追加します。
同じセッション内で複数のポップアップが表示されるグローバルなポップアップ状態管理機能または優先順位システムが実装されていないlocalStorage を使ってセッション単位の状態追跡を実装し、優先順位を設定したうえで、1セッションにつきポップアップを1つだけ表示するルールを適用します。
モバイルのポップアップが Google のペナルティを招く全画面オーバーレイが表示される、またはユーザーの操作前にポップアップがコンテンツを覆うボトムバー、スライドイン(画面の30%未満)、またはインライン展開形式に切り替えます。Google Mobile-Friendly Tool でテストします。
モバイルで離脱意図検出が機能しないモバイルには存在しないマウスの動きに依存しているモバイルでは代替手段として上方向へのスクロールまたは非アクティブ状態をトリガーにします。トリガールールはデバイスの種類ごとに分けます。
Cookie 同意ポップアップとマーケティングポップアップが競合する優先順位システムがなく、両方が同時に表示される法的要件に関わるポップアップを常に優先し、同意を得た後にマーケティングポップアップを表示するようキューに追加します。

成功基準

  • 最適化から30日以内に、ポップアップのコンバージョン率が3~5%(良好)または5~10%(優秀)に達する
  • ポップアップなしの基準値と比べた直帰率の増加を5%未満に抑える
  • ポップアップ経由のリードに対する後続メールの開封率を30%超に維持する
  • モバイルのポップアップが、Google Mobile-Friendly Test で警告ゼロの基準を満たす
  • フリークエンシーキャップにより、表示回数を1セッションあたり最大1回、ユーザーあたり月3~4回に制限する
  • ポップアップの同意フローにおける GDPR/CCPA 違反がゼロである
  • ゲーミフィケーション要素またはカウントダウンを加えたポップアップの平均コンバージョン率が13%以上に達する(2026年のベンチマーク)

対象範囲と制限事項

対象範囲: ポップアップとモーダル形式の選定、トリガー設計、オーディエンスターゲティング、フリークエンシーキャップ、コピー構成、モバイルに安全なデザイン、複数ポップアップの競合解決、コンプライアンス要件(GDPR、CCPA、CAN-SPAM、Cookie 同意)、およびリード獲得、プロモーション、告知、フィードバック用ポップアップの体系的な A/B テスト。

対象範囲外: ポップアップ内のフォームフィールド単位の最適化(form-cro を使用)、ポップアップ周辺のページ単位のコンバージョン最適化(page-cro を使用)、アプリ内のオンボーディングモーダルとツールチップ(onboarding-cro を使用)、ポップアップを起点とする登録フロー(signup-flow-cro を使用)。スクリプトはローカルデータのみを処理し、ポップアッププラットフォーム(OptinMonster、Wisepops など)や分析ツールとは連携しません。

制限事項: コンバージョンのベンチマークは、2025~2026年の調査(Popupsmart の1万件超のキャンペーン、Wisepops の10億回超の表示)に基づく業界全体の平均値であり、業種、トラフィックソース、オファーの種類によって大きく異なります。離脱意図の検出はデスクトップのみで利用できます。モバイルでの代替手段(上方向へのスクロール、非アクティブ状態)は、パフォーマンス特性が異なります。Google の煩わしいインタースティシャルに関するペナルティは、特にモバイル検索トラフィックに適用されます。ダイレクトトラフィックや有料トラフィックへの影響は比較的小さくなります。


統合ポイント

  • form-cro -- ポップアップのフォームフィールドには、form-cro のフィールド削減および検証基準を適用してください
  • page-cro -- ポップアップを追加する前に、ページのコンバージョンを最適化してください。ポップアップのパフォーマンスはページの品質に左右されます
  • signup-flow-cro -- ポップアップから登録への引き継ぎでは、コンテキストを維持し、取得したメールアドレスを事前入力してください
  • paywall-upgrade-cro -- アプリ内アップグレードモーダルでは、マーケティングポップアップと同様の表示頻度制限および UX の原則を適用してください
  • onboarding-cro -- プロダクトのオンボーディングツールチップやモーダルには、マーケティングポップアップとは別の状態管理を使用してください
  • referral-program -- 購入後またはコンバージョン後のポップアップから、紹介プログラムの案内を表示できます

関連スキル

  • form-cro -- ポップアップ内のフォームについて、フィールド単位で最適化する必要がある場合(フィールド数、検証、レイアウト)に使用します。
  • page-cro -- ポップアップを表示するページのコンバージョンを最適化する必要がある場合に使用します。まずページを改善してから、ポップアップを追加してください。
  • onboarding-cro -- ポップアップやモーダルがアプリ内オンボーディングの一部である場合(ツールチップ、チェックリスト、機能紹介ツアー)に使用します。
  • signup-flow-cro -- ポップアップから、最適化が必要な登録フローへ誘導する場合に使用します。

コメント