離脱防止ポップアップの効果的な使い方｜申込につなげる6つの方式と接点の活用法

離脱防止ポップアップとは

離脱防止ポップアップとは、サイトを訪れた人がページを閉じたり、ほかのサイトへ移ったりしそうなタイミングを捉えて表示する、小さなウィンドウやバナーのことです。英語では「Exit Intent（離脱の意図）ポップアップ」とも呼ばれます。

ここでいう離脱とは、サイトを訪れた人が、申込や予約などの目的の行動をとらずにサイトから去ることを指します。

離脱の兆候を検知して表示する仕組み

訪問した直後に一律で表示する通常のポップアップと違い、離脱防止ポップアップは「そろそろ離れそうだ」という動きを合図に表示されます。そのため、ページを読んでいる途中の人の邪魔をしにくく、迷っている人に絞って声をかけられるのが特徴です。

合図になる動きは、パソコンとスマートフォンで異なります。パソコンでは、マウスのカーソルが画面の上端（タブを閉じるボタンやアドレスバーがある方向）へ動いたときが代表的です。一方、スマートフォンにはマウスがないため、上方向へのスクロールや一定時間の滞在、ページを読み進めた量などを合図にするのが一般的です。具体的なトリガーの種類は、後半の「表示タイミング」で詳しく紹介します。

期待できる効果

離脱防止ポップアップに期待できる効果は、主に次の3つです。

・申込率の改善：迷っている人の背中を押し、その場の申込につなげる
・回遊の促進：料金やよくある質問など、迷いを解くページへ案内する
・見込み客との接点の獲得：その場では申し込まない人に、メール登録やLINEの友だち追加をしてもらう

離脱防止ポップアップの効果というと、1つ目の申込率の改善が中心に語られがちです。しかし、比べてから決める人が多いサービスでは、3つ目の「接点の獲得」が、後日の申込を左右することがあります。次の章で、この2つの目的の違いを整理します。

ポップアップの目的は「その場で申込を促す」と「接点を残して後で育てる」の2つ

離脱防止ポップアップを作る前に決めておきたいのが、「何のために出すのか」です。目的は大きく2つに分かれます。

図1　離脱防止ポップアップの2つの目的

1つ目は、その場で申込を促すことです。初回限定の特典を案内したり、迷いの原因になりやすい料金ページへ案内したりして、離れかけた人にそのまま申し込んでもらいます。迷っている理由が価格や情報不足だとはっきりしている場合に向いています。

2つ目は、接点を残して後で育てることです。その場では申し込まない人にも、メール登録やLINEの友だち追加で連絡できる手段を残してもらい、後から情報を届けて申込への関心を高めていきます。このように、時間をかけて見込み客の関心を高めていく取り組みをナーチャリング（育成）と呼びます。

無料体験やカウンセリングの予約、資料請求といったWeb申込型のサービスでは、いくつかのサービスを比べてから決める人が多く、初めての訪問で申し込む人ばかりではありません。離脱した人への打ち手としては、リターゲティング広告（一度サイトを訪れた人に表示する広告）がよく使われます。これは、相手がもう一度広告に接するのを待って「呼び戻す」方法です。接点を残しておけば、これに加えて、自社から情報を届けて「育てる」という選択肢が生まれます。

どちらの目的が正しいというわけではありません。その場で決めやすい商材なら1つ目、比べてから決める商材なら2つ目というように、自社の商材の検討期間に合わせて使い分けたり、組み合わせたりするのが現実的です。

離脱防止ポップアップの6つの方式と向いている場面

2つの目的を踏まえて、離脱防止ポップアップの代表的な方式を6つ紹介します。それぞれに向いている場面と負担・限界があるため、自社の商材や、離脱の原因に合わせて選ぶことが大切です。

図2　離脱防止ポップアップの6つの方式の比較

1. 特典・割引でその場の申込を促す

「初回の体験料が割引になる」「今日の申込で特典がつく」のように、その場で申し込む理由を示す方式です。価格が決め手になりやすい商材や、もう一押しで申し込みそうな人に向いています。

図3　特典・割引でその場の申込を促すポップアップ（イメージ）

一方で、割引を繰り返すと「待てば安くなる」と受け取られ、通常の価格での申込が減るおそれがあります。利益への影響も考え、特典の内容や表示する相手を絞って使うのがよいでしょう。たとえば、料金ページを何度も見ている人など、価格で迷っている様子がうかがえる人に限って表示する、といった使い方です。

2. 関連ページへ案内して回遊を促す

離れようとしている人に、料金ページ、よくある質問、申込から利用開始までの流れ、利用者の声などを案内する方式です。回遊とは、サイト内の複数のページを見て回ることを指します。

図4　関連ページへ案内するポップアップ（イメージ）

「料金がわかりにくい」「申し込んだ後にどうなるのかわからない」といった情報不足が離脱の原因なら、割引を使わずに迷いを解ける点が利点です。ただし、迷いの原因がほかにある場合は効きにくく、案内した先のページの内容が十分でなければ、結局は離脱されてしまいます。案内する前に、案内先のページが疑問に答えられる内容になっているかを確認しておきましょう。

3. チャット・診断で迷いを解消する

いくつかの質問に答えてもらって自分に合うプランやコースを示したり、チャット形式で疑問に答えたりする方式です。コースやプランが多く、「どれを選べばいいかわからない」と迷われやすい商材に向いています。

図5　診断で迷いを解消するポップアップ（イメージ）

一方で、質問の流れの設計や、想定される質問への回答の準備に手間がかかります。チャットや診断などでサイトの訪問者に対応する仕組みはWeb接客と呼ばれ、ポップアップのほかにもさまざまな種類があります。

Web接客ツールの種類について詳しく知りたい方は、こちらの記事をご覧ください↓
関連記事：Web接客ツールの種類と機能

4. アンケートで離脱理由を聞く

「今回申し込まなかった理由を教えてください」と、選択式の簡単なアンケートを表示する方式です。「料金が高い」「ほかのサービスと比べたい」「今は時期ではない」など、離脱の理由がわかれば、ページの改善や、ほかの方式を選ぶヒントになります。

図6　アンケートで離脱理由を聞くポップアップ（イメージ）

ただし、その場の申込にはつながりにくく、答えてもらうには設問を絞る必要があります。離脱の原因がわからない初めの段階で、改善の手がかりを集める使い方が向いています。集まった理由をもとに、「料金が高い」が多ければ料金の説明を見直す、「比べたい」が多ければ接点を残す方式を試す、といったように次の打ち手を選べます。

5. 資料DL・メール登録で接点を残す

料金表やサービス紹介の資料、お役立ち情報の配信などを案内し、メールアドレスを登録してもらう方式です。比べてから決める人が多い、検討期間の長い商材に向いています。登録してもらえれば、後からメールで情報を届けられます。

図7　メール登録で接点を残すポップアップ（イメージ）

一方で、メールはほかのメールに埋もれて読まれないこともあります。また、登録後に何を届けるかを決めて、配信を続ける手間がかかります。入力項目が多いと登録されにくいため、メールアドレスだけにするなど、入力の負担を減らす工夫も必要です。資料を案内する場合は、「料金表」「申込から利用開始までの流れ」など、比べている人が知りたい内容を選ぶと、登録の理由になりやすくなります。

6. LINE友だち追加で接点を残す

LINE公式アカウント（企業や店舗がLINE上で情報を発信するためのアカウント）の友だち追加を案内する方式です。総務省の「令和7年度情報通信メディアの利用時間と情報行動に関する調査」によると、LINEの利用率は全年代で92.9％でした（2026年6月公表、13〜79歳の1,800人が対象）。スマートフォンでは、メールアドレスなどを入力せずに登録できる点が特徴です。

出典：総務省「令和7年度情報通信メディアの利用時間と情報行動に関する調査報告書」の公表

図8　LINE友だち追加で接点を残すポップアップ（イメージ）

一方で、友だち追加してもらっても、情報を届けなければ申込にはつながりません。ブロックされると届かなくなるため、届ける内容や頻度にも気を配る必要があります。また、配信する量によっては費用がかかる場合があります。

成果を左右する設計のポイント

方式を選んだら、次はポップアップそのものの設計です。オファー、表示タイミング、デザインの3つに加えて、申込までの段階の置き方を押さえておくと、成果の出やすさが変わります。

オファー：割引以外の「次の一歩」を用意する

オファーとは、ポップアップで示す特典や案内のことです。割引はわかりやすい反面、毎回使うと利益を圧迫します。割引のほかにも、無料の体験や相談、料金のシミュレーション、自分に合うコースがわかる診断など、申込の手前の「次の一歩」になるオファーがあります。

どのオファーが合うかは、相手が何に迷っているかで変わります。たとえば、美容クリニックやサロンなら「カウンセリングで相談できること」、フィットネスジムなら「体験当日の流れ」、買取サービスなら「査定額の目安を知る方法」、学習塾やスクールなら「無料体験で確認できること」のように、申し込む前の不安を減らす情報も、オファーの候補になります。

オファーの言葉を考えるときは、サービスの機能を並べるより、利用した後にどんな状態になれるかを伝えるほうが、相手は自分ごととして想像しやすくなります。たとえば英会話スクールなら、「ネイティブ講師によるレッスン」と機能を示すより、「半年後、会議で自分の意見を英語で伝えられる」と利用後の姿を描く、といった方法です。

表示タイミング：トリガーの種類を使い分ける

ポップアップを表示するきっかけをトリガーと呼びます。代表的なトリガーは次のとおりです。

図9　離脱防止ポップアップの主なトリガー

パソコンではマウスの動き、スマートフォンでは上方向のスクロールや滞在時間を使うなど、端末に合わせて設定するのが基本です。また、読み始めたばかりの人に表示すると邪魔に感じられやすいため、ある程度読み進めた人に絞ると、迷っている人に届きやすくなります。

どのトリガーが合うかは、サイトやページによって違います。最初から1つに決めず、ページの役割（情報を読むページか、申込の直前のページか）に合わせて選び、反応を比べながら調整していくのが現実的です。

デザイン：閉じやすさとスマホでの見え方

デザインで最も気をつけたいのは、閉じたい人がすぐに閉じられることです。閉じるボタンが小さい、どこを押せば閉じるのかわからない、といった作りは不快感を与え、サイトの印象を損ないます。

スマートフォンでは、画面全体を覆うポップアップは特に邪魔に感じられやすく、後で紹介するGoogleの指針にも関わります。画面の下部に出すバナー型にする、文字を大きく短くする、ボタンを指で押しやすい大きさにする、といった配慮が必要です。見出しは一目で内容がわかる短い言葉にし、ボタンは「無料体験を予約する」「LINEで情報を受け取る」のように、押した後に何が起きるかがわかる言葉にしましょう。

いきなり申込を求めず、小さな目標を段階的に置く

離れかけた人にいきなり申込を求めても、まだ決めかねている人には負担が大きすぎることがあります。そこで、申込の手前に、より小さな目標を置く考え方があります。

図10　申込の手前に小さな目標を段階的に置く

たとえば、まずポップアップの「クリック」、次に「連絡先の登録」、その後「情報を届けて関心を高める」、最後に「申込」という順番です。段階ごとの数値を見ていけば、どこで止まっているかがわかり、改善する場所も絞り込めます。最終的な申込の数だけを見ていると、ポップアップのどこに課題があるのかが見えにくくなります。

たとえば、クリックはされているのに登録が少ないなら、登録の手間や案内の言葉に課題があると考えられます。登録は多いのに申込につながらないなら、登録後に届ける情報を見直す、というように、段階ごとに打ち手を変えられます。

離脱防止ポップアップの注意点

離脱防止ポップアップは、使い方を誤ると逆効果になることがあります。導入する前に、次の3点を確認しておきましょう。

1. 出しすぎない
同じ人に何度も表示したり、閉じたのにまた表示したりすると、不快感からサイトそのものを避けられてしまうおそれがあります。1人に表示する回数を制限する、閉じた人には一定期間表示しない、申込済みの人には表示しない、といった設定をしておきましょう。

2. 検索エンジンへの影響に配慮する
Googleは検索セントラルのドキュメントで、煩わしいダイアログやインタースティシャル（ページの内容を覆うように表示される画面）が表示されると、Googleなどの検索エンジンがコンテンツを把握しにくくなり、検索のパフォーマンスが低下する可能性があるとしています。また、ユーザーがサイトを使いにくいと感じれば、再びアクセスする可能性も低くなると説明しています。そのうえで、インタースティシャルではなくバナーを使うことを勧めています。

出典：Google 検索セントラル（煩わしいインタースティシャルとダイアログに関するドキュメント）

3. 個人情報の利用目的を示す
メールアドレスなどをポップアップの入力欄から登録してもらう場合は、個人情報の扱いに注意が必要です。個人情報保護法では、本人から直接、書面（電子的な記録を含む）に記載された個人情報を取得する場合は、あらかじめ本人に利用目的を明示しなければならないと定めています（第21条第2項）。入力欄の近くに利用目的を書く、プライバシーポリシーへのリンクを置くなど、何のために使うのかがわかるようにしておきましょう。詳しくは、個人情報保護委員会のガイドラインを確認してください。

出典：個人情報保護委員会「個人情報の保護に関する法律についてのガイドライン（通則編）」

残した接点の活用法：離脱した人にも情報を届け続けられる

メール登録やLINEの友だち追加で接点を残す方式を選んだ場合、ポップアップの役割は「連絡できる手段を得る」ところまでです。成果につながるかどうかは、その後の使い方で決まります。

連絡手段があれば、離脱した人にも自社から情報を届けられる

連絡手段がないまま離脱した人にもう一度アプローチするには、リターゲティング広告などで、相手が再び広告に接するのを待つことになります。広告は有効な手段ですが、いつ、どんな内容を見てもらえるかは相手の行動次第です。また、ブラウザによっては、サイトを訪れた人を追跡する仕組みが制限されている点にも注意が必要です。

一方、メールアドレスやLINEの友だちといった連絡手段があれば、その場で申し込まなかった人にも、自社から情報を届ける余地が生まれます。一度離脱したからといって、関心がなくなったとは限りません。「比べてから決めたい」「今は時期ではない」と考えていた人が、届いた情報をきっかけに、もう一度検討を始めることもあります。

届ける情報の例

残した接点で届ける情報には、たとえば次のようなものがあります。
・申込前の不安を解く情報：料金の考え方、体験や申込の流れ、よくある質問への回答
・利用後の姿が伝わる情報：サービスを利用した人がどう変わったか、どんな場面で役立つか
・関心が高まる時期の案内：新生活や季節の変わり目など、検討が進みやすいタイミングでの案内

離脱した理由は人によって違うため、一度にすべてを伝えようとせず、相手が知りたいことを少しずつ届けていくのが基本です。前の章で紹介した「小さな目標を段階的に置く」考え方は、ここでも役立ちます。登録してくれた人に、まずは不安を解く情報を届け、関心が高まってきたところで申込を案内する、という順番です。

また、届ける側がすべてを一度に完璧にする必要はありません。まずは届ける情報をいくつか用意して始め、反応を見ながら内容やタイミングを見直していくほうが、続けやすく、改善もしやすくなります。

届け方は連絡手段によって変わる

メールとLINEでは、向いている情報や読まれ方が異なります。どちらで接点を残すかによって、届け方の工夫も変わります。

メールとLINEのどちらで届けるかを詳しく知りたい方は、こちらの記事をご覧ください↓
関連記事：メルマガとLINEの違いと使い分け｜見込み客との接点を増やす5つのポイント

LINEで接点を残す場合は、友だち追加の後も情報を届け続けられる体制を整えておくことが大切です。LINEで届け続けるための始め方は、こちらの記事をご覧ください↓
関連記事：LINE公式アカウント運用の始め方と続け方｜成果につなげる6つのコツと体制づくり

離脱防止ポップアップのツールでできること

離脱防止ポップアップは、自社でプログラムを組んで作ることもできますが、専用のツールを使えば、専門知識がなくても作成や設定を進めやすくなります。ツールによって機能は異なりますが、一般的には次のようなことができます。

クリエイティブの作成
ポップアップの見た目（画像、文言、ボタン、表示する位置）を、テンプレートや編集画面を使って作れます。パソコン用とスマートフォン用で表示を分けられるものもあります。

表示する対象の設定
初めて訪れた人か再び訪れた人か、どのページを見た人か、どの広告から来た人かなど、条件に合う人にだけ表示できます。たとえば、料金ページを見た人にだけ無料体験の案内を出す、といった使い分けができます。

表示ルールの設定
前の章で紹介したトリガー（離脱の兆候、スクロール量、滞在時間など）や、表示する回数・期間、表示しないページを設定できます。出しすぎを防ぐための設定も、ここで行います。

効果測定とABテスト
表示回数、クリック数、登録数などを計測できます。また、文言やデザインを変えた複数のパターンを出し分け、どちらの反応がよいかを比べるABテストができるツールもあります。段階ごとの数値を見ながら改善していくうえで役立つ機能です。

導入する前に確認しておきたいのは、主に次の2点です。

・自社サイトへの設置方法：タグ（ページに埋め込む短いコード）を貼るだけで使えるか、利用しているサイトの仕組み（CMSなど）に対応しているか
・スマートフォンへの対応：スマートフォンで見る人が多い場合に、スマートフォン向けのトリガーや表示形式を使えるか

離脱防止ポップアップの導入の進め方

最後に、離脱防止ポップアップを導入するときの進め方を、5つのステップで紹介します。

図11　離脱防止ポップアップの導入の5ステップ

1. 目的とKPIを決める
その場の申込を増やしたいのか、接点を増やしたいのかを決めます。KPI（目標の達成度を測る指標）も、申込数を見るのか、登録数を見るのかで変わります。接点を残す方式なら、残した接点で何を届けるかも、この時点で考えておきます。

2. 表示するページと対象を決める
離脱が多いページや、申込の直前にあたるページなど、表示する場所を絞ります。すべてのページに一律で出すより、課題のあるページから始めるほうが、効果を確かめやすくなります。

3. オファーとクリエイティブを作る
目的に合ったオファーを決め、見出し・文言・ボタンを作ります。利用後の姿が伝わる言葉になっているか、スマートフォンで見やすいかを確認します。

4. 表示条件を決める
トリガー、表示回数の上限、表示しない対象（申込済みの人など）を設定します。

5. 小さく始めて検証・改善する
一部のページや期間で試し、クリック数や登録数を見ながら、文言・デザイン・タイミングを少しずつ改善します。ボタンの色や文言といった細かな変更でも、反応が変わることがあります。一度に複数の要素を変えると、何が効いたのかがわからなくなるため、変える要素は1つずつにするのがおすすめです。

まとめ

離脱防止ポップアップは、離れかけた人に声をかけられる手段ですが、成果は目的の決め方と使い方で変わります。まずは「その場で申込を促す」のか「接点を残して後で育てる」のかを決め、自社の商材や離脱の原因に合う方式を選びましょう。

比べてから決める人が多いサービスなら、メール登録やLINEの友だち追加で接点を残しておくことで、その場で申し込まなかった人にも情報を届け続けられます。表示タイミングやデザイン、出しすぎへの配慮も含めて、小さく始めて改善を重ねていくことが大切です。

チャットや診断など、ポップアップ以外のWeb接客の手段も知りたい方は、こちらの記事をご覧ください↓
関連記事：Web接客ツールの種類と機能

LINEで接点を残し、情報を届け続ける仕組みを比べたい方は、こちらの記事をご覧ください↓
関連記事：LINEマーケティングツールの比較

導入事例：サイトを離れようとした人とLINEでつながり、成果を伸ばした株式会社朝日新聞社

ここからは、離れかけた人との接点づくりに取り組んだ事例として、BOTCHAN Engagementを導入した株式会社朝日新聞社（朝日新聞デジタル版）の取り組みを紹介します。

同社は、Webマーケティング施策を一通り試し、既存の施策を改善して数値を伸ばすことに行き詰まりを感じていました。サイトを離れた人への打ち手もリターゲティング広告のほかになく、20〜30代には「無料のネットニュースで十分」という意識が根強いことも課題でした。

そこで、「サイトを一度は離れようとした顧客」を対象に、LINEを活用したナーチャリングを、成果報酬型で初期投資のリスクを抑えたPoC（小さく試す検証）として始めました。CVを急いだ時期に施策が空回りしたことから、「まずクリック」「まず友だち追加」と接点を段階的につくる方針へ転換し、読むことで得られる「利用後の姿」を伝える診断コンテンツも共同で開発しました。

「バナーの色をオレンジから赤に変えるだけでも友だち追加の割合が向上するなど、細かな改善を重ねた結果、友だち追加数も大きく伸び、最終的なコンバージョンに繋がっていきました。」（担当者様より）

図12　株式会社朝日新聞社の成果

※1 大幅な割引とも相まっての結果。直近のキャンペーンを、最も少なかったキャンペーンと比較
※2 割引期間の終了後、正規料金へ移行する転換率。BOTCHAN Engagement経由のユーザーは平均値を上回り、期間により最大約10pt高い傾向

取り組みの詳細は、こちらの事例記事をご覧ください↓
CV数5.5倍・友だち追加後CVR3.8倍増。PoCで終わらなかった、LINEナーチャリング戦略の全貌