マーケティングコラム 離脱防止ポップアップの事例と文例｜目的別10パターンと出し方の設定例

離脱防止ポップアップは、ページを閉じようとした訪問者に、最後にひとつだけ案内を出す仕組みです。

仕組みそのものは単純ですが、成果を分けるのは「何を出すか」です。同じタイミングで出しても、相手が欲しくない案内なら閉じられて終わります。

この記事では、離脱防止ポップアップの使い方を目的別に10パターン紹介します。それぞれ、出すページ・タイミング・文例・誘導先をまとめたので、自社に近いものから試してください。仕組みや設定の基本は「離脱防止・ポップアップツールとは」で解説しています。

離脱時に出すポップアップは、Web接客 by grip space で無料から作れます。バナー1つを月1,000回まで表示できます。 Web接客 by grip space を見る

10パターンの一覧

まず全体を一覧にします。「タイミング」の離脱時は、ページを閉じよう・戻ろうとした瞬間のことです。

ここで紹介するのは、目的ごとの使い方の例です。特定の企業の導入事例ではありません。効果はサイトや内容によって変わるため、数値は載せていません。

目的別の使い方と文例

文例はそのまま使うのではなく、自社の言葉に直して使ってください。どのパターンも、出すページに来ている人が、次に何を知りたいかから逆算しています。

押される文面の書き方

10パターンに共通する書き方のポイントは、次の4つです。

• 1してほしいことを1つに絞る ── 「資料請求」と「メルマガ登録」を並べると、どちらも押されにくくなります。ボタンは1つにします。
• 2相手が受け取るものを書く ── 「資料請求はこちら」ではなく「料金表と導入事例のPDF」のように、手に入るものを具体的に書きます。
• 3手間の小さい一歩にする ── 帰ろうとしている人に、購入や申し込みを求めても動きません。資料・相談・体験など、手前の行動を用意します。
• 4短くする ── 見出し1行、説明1〜2行、ボタン1つで収めます。長い説明は誘導先のページに書きます。

ボタンの文言は「送信」「詳しくはこちら」より、「PDFを受け取る」「空き日時を見る」のように押したあとに起きることを書くほうが伝わります。

出し方の設定例

パソコンとスマホで判定の仕方が違う

パソコンでは、マウスがブラウザの上端（タブや閉じるボタンのある方向）へ出たときに「離脱しそう」と判定するのが一般的です。スマホにはマウスがないため、ツールごとに別の方法で判定しています。たとえば、ある程度読み進めたあとに素早く上へ戻したとき、といった判定です。使うツールがスマホでも離脱時の表示に対応しているかは、先に確認してください。

離脱時以外のタイミングと組み合わせる

離脱時だけが正解ではありません。パターン3のように記事を読み終えた人に出したい場合は「スクロール70%」、パターン7のように商品を見ている人に締め切りを伝えたい場合は「滞在20秒」など、目的に合わせて選びます。

出す相手を絞る

全員に同じものを出すより、ページや訪問回数で絞るほうが的外れになりません。初めての人にはクーポン（パターン5）、何度も来ている人には相談（パターン2）のように、訪問回数で出し分けるのも有効です。

やってはいけない出し方

• 検索から来た直後に、スマホで本文を覆い隠す：Google は、スマホで検索結果から開いた直後に本文を隠す表示を、利用者の妨げになるものとしています。離脱時やスクロール後に出すようにします。
• 閉じるボタンが小さい・見つからない：閉じ方が分からないと、ページごと閉じられます。右上に大きく置きます。
• 同じ人に何度も出す：一度閉じた人に同じ案内を出し続けると、サイトの印象が悪くなります。
• 問い合わせフォームのページで出す：入力中の人の邪魔になります。フォームのページは表示対象から外します。
• 本当ではない締め切り：期限のないセールにカウントダウンを付けるのは避けます。

嫌われないポップアップの条件は「ポップアップの設計｜嫌われずにCVを上げる条件」でも詳しく紹介しています。

効果の測り方

離脱防止ポップアップの効果は、次の3つの数字で見ます。

1. 表示回数：何人に出たか
2. クリック数（クリック率）：そのうち何人が押したか
3. その先のCV数：資料請求・予約・購入まで進んだのは何人か

クリック率が低いなら文面か出す相手、クリックはされているのにCVが少ないなら誘導先のページを直します。文面を変えるときは1か所ずつ変え、同じくらいの期間で比べると、どの変更が効いたか分かります。

Web接客 by grip space で設定する場合

当社の Web接客 by grip space では、この記事の10パターンをノーコードで設定できます。

作る

シングルイメージ・画像＋コピー＋ボタン・カウントダウン・フォーム付きなどのテンプレートを選び、文言と画像を差し替えて作ります。パターン7のカウントダウンも、テンプレートから作れます。

出し方を決める

• タイミングは「最初から表示」「ページの◯%までスクロールしたら表示」「ページの滞在時間が◯秒を超えたら表示」「ユーザ離脱時にモーダルで表示」から選べます。
• 離脱時の判定は、パソコンではマウスが画面の上端から出たとき、スマホでは600px以上読み進めたあとに素早く上へ戻したときです。
• 表示するページのURL、サイトへの訪問頻度、まだ見ていないページで、出す相手を絞れます。

測る

表示回数・クリック率・CVは、ポップアップごとに記録されます。設置は、サイトの head タグに1行のタグを貼るだけです。WordPress は無料の専用プラグイン「Popup Banner by gripspace」でも導入できます。

料金

フリープランは0円で、ポップアップバナーとチャットボットを各1つ、表示は月1,000回まで使えます。フリープランでは「Web接客 by grip space」の表記が入ります。クレジットカードの登録は不要です。

ライトプランは、初めてのお申し込みなら14日間無料でお試しいただけます。料金や機能の詳細は Web接客 by grip space のページでご確認ください。

よくある質問

まとめ

Web接客 by grip space なら、離脱時のポップアップをノーコードで作って、無料から試せます。機能と料金はWeb接客 by grip spaceのページでご確認ください。