離脱防止の施策まとめ｜原因改善・ポップアップ・フォーム対策・再訪促進

広告やSEOで集めた訪問者の多くは、問い合わせも購入もせずに離れていきます。この離脱を減らす打ち手が「離脱防止」です。

ただし、ポップアップのような仕掛けをやみくもに足すと、煩わしさが先に立って逆効果になります。まず離脱が起きている場所を特定し、原因を直したうえで、引き止めや呼び戻しを重ねるのが効果的な順番です。

01.離脱はどこで起きているか

施策を選ぶ前に、どのページで・どの段階で離脱が起きているかを特定します。見る場所は3つです。

優先するのは、流入が多く、かつ成果に近いページです。アクセスの少ないページの離脱を減らしても全体の成果はほとんど動きません。直帰率・離脱率の意味とGA4での確認手順は 直帰率と離脱率の違い で解説しています。

02.離脱防止の3ステップ

離脱防止の施策は、離脱の「前・瞬間・後」のどこに働きかけるかで、3つのステップに分かれます。全体像は次のとおりです。

3つのステップは並列ではありません。主役はステップ①の原因改善で、②③は追加の施策です。内容が期待とずれているページでポップアップを出しても呼び戻せませんし、原因が残ったままでは、呼び戻した訪問者も同じ場所で離脱します。

03.原因を直す施策

よくある原因と打ち手の対応は次のとおりです。

このステップはページ改善そのものです。ファーストビュー・CTA・フォームまわりの具体的な打ち手は「LP改善の定番施策38」にまとまっています。

04.その場で引き止める施策①離脱防止ポップアップ

引き止め施策の代表が離脱防止ポップアップ（英語では exit-intent popup）です。ユーザーがページを離れようとする兆候を検知し、その瞬間にメッセージを重ねて表示します。通常のポップアップが「ページを開いて◯秒後」など滞在中に出るのに対し、離脱防止型は「離れる直前」という一度きりのタイミングに絞って出します。

「離れようとする兆候」の検知方法は、PCとスマホで異なります。

スマホの検知はどれも間接的な推定で、とくに上方向への素早いスクロールは、ページ先頭へ戻る通常の操作とも重なります。誤検知を見込んで、無操作時間など他のシグナルと組み合わせるか、表示条件を保守的に設計します。

効果は3段階で計測し、導入前に試算する

ポップアップの効果は、表示 → クリック（呼び戻し）→ コンバージョンの3段階を分けて計測すると、どこで失敗しているかが分かります。導入判断の前に、どの程度の上乗せが見込めるかも試算できます。月10,000セッションのページで、離脱の兆候を検知してポップアップを表示できたのが3,000回、という例で考えます。

元のコンバージョンが月200件なら約9％の改善にあたり、実装の手間に見合うかを判断する目安になります（数値はすべて例です）。コンバージョン率の分解と試算の考え方は コンバージョン率（CVR）とは で詳しく扱っています。

受け取る理由のあるオファーを選ぶ

仕組みを整えても、本文の繰り返しや唐突なメルマガ登録の依頼では呼び戻せません。離れようとしている人が、その場で手を止める価値のある提案を選びます。

文言は「クーポンを受け取る／今回は受け取らない」のような対等な2択にし、選ぶのはユーザーに委ねます。「本当に離れますか？」と問い詰める言い回しや、断る選択肢を卑屈な文言にする手法（confirm shaming と呼ばれます）は、短期のクリックは増えても信頼を損ないます。画面に置くと次のような形です。

05.その場で引き止める施策②バナー・ブラウザバック・フォーム

引き止め施策にはポップアップ以外のタイプもあります。検知するタイミングと見せ方の違いで使い分けます。

フォームの離脱対策では、引き止めの仕掛けより、項目数やエラー表示を改善して離脱したくならないフォームに直すこと（EFO: 入力フォーム最適化）が先です。LPO・EFOの関係と進め方は LPOとは で扱っています。

フォームの入力途中の離脱に限っては、ブラウザ標準の beforeunload イベントで離脱確認のダイアログを出す方法もあります。ただしこのイベントには制約が多く、 MDNのリファレンス（beforeunload イベント） にあるとおり、表示される文言はブラウザ既定のもので独自メッセージは出せず、主要ブラウザではユーザーがページを操作した後でないとダイアログは表示されません。入力内容の消失防止だけに使い、マーケティング目的の引き止めには使わないのが適切な使い分けです。

06.逆効果になる出し方（SEO・UXの注意点）

引き止め施策は、出し方を誤ると訪問者の体験を壊します。検索評価の面でも、Googleは Google検索セントラルのドキュメント「インタースティシャルとダイアログ」 で、コンテンツの閲覧を妨げる煩わしいインタースティシャル（画面を覆う表示）を、評価を下げうる要素として説明しています。

UXの面でも、やりがちな失敗には決まったパターンがあります。それぞれ改善の方向とセットで押さえておきます。

とくに4つ目の「戻る操作の改変」は、ブラウザバック時に意図しないページへ誘導する広告手法と同一視されやすく、短期の数字と引き換えにブランドの信頼を失うことになります。ユーザーの操作はそのまま通し、画面内の案内で引き止めるのが原則です。

07.離脱後に呼び戻す施策

その場で引き止められなかった訪問者も、メールアドレスなどの接点が残っていれば呼び戻せます。離脱後の施策は、どの接点（連絡先や識別子）を獲得できているかで選びます。

呼び戻しの施策は、引き止めのオファー（資料提供・通知登録・カート保存）と地続きです。離脱の瞬間に接点を獲得しておくと、離脱後の打ち手が増えます。オファーを設計する段階で、「その後どう呼び戻すか」までセットで決めておきます。

08.ツールと自作の使い分け

ポップアップやバナーなどの引き止め施策は、JavaScriptを書ける人がいれば自作できる程度の仕組みです。一方で、表示条件を細かく分けたりA/Bテストを回したりする段階になると、自作の維持コストがツールの利用料を上回っていきます。判断の目安は次のとおりです。

自作する場合の実装ポイント

自作に必要な要素は、検知・表示・頻度制御・計測の4つです。フレームワークを問わず、考え方は共通します。

• 検知：PCは mouseout イベントでカーソルがビューポート上端から外へ出た動きを捉える。スマホは History API（pushState / popstate）で戻る操作を捉えるか、上方向への素早いスクロールを判定する（上方向スクロールは通常の操作とも重なって誤検知しやすいため、他のシグナルと組み合わせる）
• 表示：オーバーレイ＋モーダルを重ね、×ボタンと背景タップで必ず閉じられるようにする
• 頻度制御：sessionStorage に表示済みフラグを保存し、同一セッション1回に制限する。「閉じた人には当日中は再表示しない」などセッションをまたぐ抑制は、localStorage に有効期限つきの記録で管理する
• 計測：表示・クリック・閉じるの各イベントをGA4などへ送信し、効果を実測できるようにする

ツールを使う場合の選び方

ツールを使う利点は、検知ロジックやデザインテンプレートに加えて、表示条件の出し分け・A/Bテスト・効果計測のダッシュボードが最初から揃うことです。比較するときは、この機能の充実度に加えて、課金体系（トラフィック量・表示回数に応じた従量課金が多い）と日本語対応（画面・ドキュメント・サポート窓口）を見ます。代表的なツールは次のとおりです（料金や機能は変わりやすいため、検討時は公式サイトで最新の条件を確認してください）。

国産のWeb接客ツールは、ポップアップ単機能ではなくチャットやレコメンドを含む統合型が多く、離脱防止だけが目的なら過剰になりがちです。目的がポップアップに絞られているなら、単機能の海外ツールか自作のほうが費用を抑えられます。

09.よくある質問（FAQ）

10.まとめ

離脱防止の施策は、「原因を直す」「その場で引き止める」「離脱後に呼び戻す」の3ステップで考えます。主役は原因の改善で、表示速度・流入と内容の一致・導線・フォームを直した結果として離脱は減ります。ポップアップやバナーなどの引き止めは、受け取る理由のあるオファーとセットで導入したときに、成果を上乗せできます。

引き止め施策は出し方の節度が成否を分けます。モバイルでコンテンツを覆う表示や頻度制御のない実装は、検索評価とユーザーの信頼の両方を損ないます。1ページ・1オファーの小さな構成から始めて、表示→クリック→コンバージョンの3段階で効果を実測するのが着実です。

原因の特定・施策の実装・効果検証は、続けてこそ成果につながる継続的な運用です。社内に専任担当を置きにくい場合は、計測の設計から施策の実装・検証までまとめて任せられる継続運用代行も選択肢になります。弊社では TANTOU という AI 活用型の運用代行で、集客から離脱改善・コンバージョン改善までを一気通貫で支援しています。