要約：WordPressで「離脱検知ポップアップ」を作成する方法
OptinMonster を使って、訪問者がサイトを離れようとしたときに表示される WordPress の離脱意図ポップアップを追加しましょう。手順は以下の通りです：
- OptinMonsterに登録する– 離脱意図ターゲティング機能を利用するには、Proプラン以上が必要です。
- ポップアップキャンペーンを作成する– テンプレートを選択し、キャンペーンに名前を付けます。
- ポップアップをカスタマイズしましょう。ドラッグ＆ドロップエディタで、テキスト、ボタンの色、背景を編集できます。
- 表示ルールを設定する– トリガーを「Exit-Intent」に変更し、ポップアップが表示される頻度を設定します。
- メールサービスプロバイダーを連携させる– Mailchimp、Constant Contact、または類似のサービスと連携します。
- インストールと接続– OptinMonsterプラグインをインストールし、WordPressでアカウントを連携させます。
多くの訪問者は、何もせずにサイトを離れてしまいます。WordPressの離脱検知ポップアップを使えば、その流れを変える絶好の機会を得ることができます。このポップアップは、訪問者がサイトを離れようとした瞬間にのみ表示されるため、サイトにアクセスした直後に表示されるポップアップよりも、はるかに邪魔になりません。
このガイドでは、OptinMonsterを使ってWordPressでエクジットポップアップを作成する方法をご紹介します。OptinMonsterはWPBeginnerの製品群の一つであり、コードを1行も書かずにWordPressでエクジットインテントターゲティングを行うのに、私が見つけた中で最も信頼できるツールです。
WordPressのイグジット・インテント・ポップアップとは？
WordPressの退出意図ポップアップとは、訪問者のマウスの動きや行動がサイトから退出しようとしていることを示唆するときに表示されるメッセージです。これらのポップアップは、訪問者がサイトを離れる前に、彼らの注意を引く最後のチャンスを与えます。
ほとんどのサイトオーナーは、Eメールサインアップと引き換えに割引、送料無料、またはリードマグネットを提供するために、出口意図ポップアップを使用しています。カートの放棄を減らし、リードジェネレーションを高め、訪問者を長く引き留めるのに特に効果的です。
すぐにポップアップが表示されるインスタントポップアップとは異なり、エグジットインテントポップアップは、誰かが立ち去ろうとしているときにのみトリガーされます。このタイミングであれば、邪魔にならず、コンバージョンにつながる可能性が高くなります。
WordPressでイグジット・インテント・ポップアップを作成する方法
このチュートリアルでは、OptinMonsterを使用してWordPressで終了意図ポップアップを作成します。
他のエグジットインテントポップアッププラグインも利用可能ですが、OptinMonsterはすべてのビジネスサイズに最適な選択です。メールリストを増やし、より多くのリードを生み出し、信じられないほど簡単に売上を上げることができる強力なマーケティングツールです。
OptinMonsterでは、さまざまな種類のキャンペーンを提供しています。具体的には以下の通りです：
- レスポンシブ・ライトボックス・ポップアップ
- 終了を促すポップアップ
- スライドインキャンペーン
- フローティング・ハロー・バー
- フルスクリーンのウェルカムマット
- サイドバーウィジェット
- お問い合わせフォーム
OptinMonsterを使えば、あなたのウェブページに様々なポップアップを作成する可能性が無限に広がります。
各キャンペーンには様々なSEOフレンドリーかつカスタマイズ可能なテンプレートがあり、ドラッグ＆ドロップのポップアップビルダーを使って編集することができます。例えば、カウントダウンタイマー、カスタムメッセージング、ソーシャル共有などを追加できます。
さらに、OptinMonsterは、Mailchimp、AWeber、Constant Contact、HubSpotなどの様々なEメールマーケティングサービスやオートレスポンダーと統合しています。
この強力なWordPressポップアッププラグインの詳細については、詳細なOptinMonsterのレビューをご覧ください。
ステップ1.OptinMonsterに登録する
まずは、こちらをクリックしてOptinMonsterを使い始めてください。
OptinMonsterには無料版や無料プランはありません。高度な機能をすべてご利用いただくには、少なくとも「Pro」プランへの加入が必要です。ご登録の前に、OptinMonsterの料金ページで最新のプラン料金をご確認ください。
次に、OptinMonsterのアカウントエリアにログインします。
ステップ2.新しいキャンペーンを作成する
次のステップは、緑色の「新規キャンペーンを作成」ボタンをクリックすることです。
そうすると、新しいキャンペーンタイプを選択する画面になります。終了ポップアップを作成したいので、ポップアップキャンペーンタイプを選択します。
次に、ポップアップ・テンプレートを選択して開始します。
OptinMonsterのキャンペーンテンプレートにはいくつかのフィルタリングオプションがあります。ゴール、デバイス、カテゴリー、そして最新順でテンプレートをフィルタリングすることができます。
この例では、終了ポップアップのオプトインフォームの主な目的の1つである、放棄した訪問者をターゲットにするのに最適なテンプレートを表示するようにフィルターをかけています。
テンプレートをプレビューするには、気に入ったテンプレートにマウスカーソルを合わせ、プレビューをクリックします。
見た目がよければ、「テンプレートを使用」をクリックします。ポップアップウィンドウが開き、キャンペーンに名前を付け、キャンペーンを表示するウェブサイトを追加できます。
キャンペーンを作成するために構築を開始をクリックし、OptinMonsterのキャンペーンとオプトインフォームビルダーに移動します。ポップアップメーカーに選択したテンプレートが表示され、終了ポップアップをカスタマイズするためのほぼ無制限のツール群にアクセスできます。
ステップ3.終了意図ポップアップをカスタマイズする
ポップアップのカスタマイズは簡単です。
ドラッグ＆ドロップのエディターで、テキストを選択してカスタマイズオプションを選択するだけで、フォントスタイル、色、配置、HTML要素などを変更できます。
コールトゥアクションボタンの変更も簡単です。テンプレートのボタンをクリックし、左側のパネルで変更を選択します。
あなたのウェブサイトのスタイルやブランディングに合わせて、背景画像やグラデーションカラーを追加することもできます。ポップアップの背景のどこかをクリックして、左側のパネルにあるツールを使って編集してください。
終了ポップアップが思い通りに表示されたら、表示ルールを設定する準備ができました。
ステップ4.終了意図ポップアップの表示ルールを選択する
OptinMonsterの表示ルールは、あなたのウェブサイトにポップアップが表示されるタイミングと、誰がそのポップアップを見ることができるかをコントロールするために、Javascriptモダルを使用します。
画面上部の「表示ルール」ボタンをクリックすると、利用可能な設定が表示されます。あなたのキャンペーンは、デフォルトではページにランディングしてから5秒後にすべてのウェブサイト訪問者に表示されるように設定されています。
終了ポップアップを作成するには、"if "条件を "exit detected "に変更します。
ドロップダウンボックスをクリックし、検索ボックスで "exit "を検索し、Exit-Intentオプションをクリックすることで可能です。あなたのポップアップは、誰かがあなたのウェブサイトから去ろうとしていることを示した場合にのみ表示されます。
次のステップ」ボタンをクリックして、ポップアップのアクションを選択します。
ここで、人々に見てもらいたいキャンペーンビューを選択することができます。私たちの場合、ルールセットが通過したときに、私たちの終了ポップアップを表示させたいのです。
ドロップダウンメニューからOptin設定が選択されていることを確認し、Next Stepをクリックします。
表示ルールの概要が表示されます。ここで緑色の「保存」ボタンをクリックし、設定を保存してから次に進みます。
保存する前に、ひとつ変更しておくことをお勧めします：
デフォルトの設定では、訪問のたびにポップアップが表示されます。これではリピーターをすぐにうんざりさせてしまいます。リピーターを苛立たせることなくコンバージョン率を維持するため、設定を「1セッションにつき1回」または「30日に1回」に変更しましょう。
また、モバイル端末での離脱意図の検知は、デスクトップとは仕組みが異なる点も知っておく価値があります。デスクトップでの検知では、ブラウザのアドレスバーに向かってマウスが動くのを監視します。一方、タッチスクリーンにはカーソルがないため、そのようなシグナルは存在しません。
モバイルトラフィックの場合、OptinMonsterではスクロールベースまたは時間ベースのトリガーが使用されます。訪問者の大半がモバイルユーザーである場合は、出口意図ルールに加えて時間遅延ルールを設定することで、そうしたユーザーにもリーチできるようになります。
ステップ5.メールプロバイダーと統合する
さて、いよいよ出口ポップアップをメールマーケティングサービスプロバイダーと統合してメーリングリストを管理する番です。画面上部の統合ボタンをクリックしてください。
次に、ポップアップのプレビューが表示され、左側に統合パネルが表示されます。統合を追加]ボタンをクリックし、ドロップダウンメニューから希望のメールプロバイダを選択します。
私たちは、Constant Contactと統合しています。Constant Contactは、軽量でユーザーフレンドリーなプラットフォームを提供しており、あらゆるビジネス規模に適しているからです。
画面の指示に従って、お使いのメールサービスとOptinMonsterを接続してください。
そして、新しい購読者が終了ポップアップからオプトインしたときに保存するメールリストを選択することができます。
次のステップに進む前に、忘れずに「保存」をクリックしてください。
ステップ6.終了意図ポップアップの公開方法を選択する
終了ポップアップを公開するには、画面上部の公開ボタンをクリックします。セットアッププロセス中にあなたのアカウントにウェブサイトを追加しなかった場合は、今すぐそれを行うことができます。
新しいウェブサイトを追加]ボタンをクリックし、サイト名のURLを入力し、[ウェブサイトを保存]をクリックするだけです。
プレビュー・セクションには、以下のような表示があります。
また、あなたのウェブサイトにポップアップを追加するためにOptinMonsterショートコードを使用することができます。
つまり、まだあなたのサイトをOptinMonsterに接続していないということです。でもご心配なく。次に、OptinMonsterWordPressプラグインを使って接続する方法をご紹介します。
ステップ7.OptinMonsterプラグインをインストールする
同じページから、プラットフォーム設定が表示されるまで下にスクロールします。WordPressで簡単に終了ポップアップを公開するには、WordPressオプションをクリックします。
そうすることで、OptinMonster WordPressプラグインをダウンロードしてインストールする手順が表示されます。これにより、WordPressに手動でコードを埋め込むことなく、アカウントを接続することができます。
ダウンロードボタンをクリックしてプラグインをコンピュータにダウンロードし、以下の手順に従ってWordPressプラグインをインストールし、ウェブサイトを有効にしてください。
WordPressの埋め込みコードを手動で追加したい場合は、サイトにOptinMonsterを埋め込むためのマニュアルを参照してください。
ステップ8.OptinMonsterアカウントの確認と接続
OptinMonster WordPressプラグインを有効にすると、WordPressにアカウントを接続するよう促すウェルカムスクリーンが表示されます。
アカウント接続ボタンをクリックすると、OptinMonsterからのポップアップオーバーレイが開きます。次に、WordPressに接続ボタンをクリックしてアカウントをリンクします。
その後、WordPressのOptinMonsterキャンペーンのリストが表示されます。
キャンペーンが表示されない場合は、OptinMonsterアカウントのダッシュボードでキャンペーンのステータスがライブに設定されていることを確認してください。
その後、WordPressのキャンペーンリストに戻り、「キャンペーンを更新」ボタンをクリックします。
あなたがライブウェブサイトをナビゲートするとき、あなたやあなたの訪問者が去ろうとすると、ポップアップがトリガーされます。
おめでとう！
SeedProdを使ってオファー用のページを作成する
OptinMonsterのポップアップでメールアドレスやクリックを獲得した後、その次に何が起こるかも同様に重要です。ポップアップで割引、リードマグネット、または無料リソースを提供する場合、そこから誘導されるランディングページやサンキューページでは、そのオファーをしっかりとアピールする必要があります。
そこでSeedProdの出番です。これはWordPress用のビジュアルウェブサイトビルダーで、コードを一切触ることなく、コンバージョン率の高いランディングページやサンキューページを作成できます。
私は自分のサイトで、ポップアップのオファーに合わせたページを作成するためにこれを使っています。そうすることで、訪問者が登録後に「どこかに迷い込んだ」ような感覚を抱かないようにしています。
まずは以下のガイドをご参照ください：
終了意図ポップアップの例
さらにインスピレーションが必要な場合は、以下に素晴らしい退出意図ポップアップの例をまとめました。
デザインを確定する前に、A/Bテストを実施することを検討してみてください。OptinMonsterにはA/Bテスト機能が標準で搭載されているため、サードパーティ製のツールを使わずに、さまざまな見出し、オファー、ボタンの色などをテストすることができます。
ポップアップを2種類作成し、OptinMonsterにトラフィックを振り分けてもらいましょう。十分なデータが蓄積されれば、どちらのバージョンがより高いコンバージョン率をもたらすかが分かります。これは、トラフィックを増やすことなく成果を向上させる最良の方法の一つです。
コミュニティ構築の終了意図ポップアップの例
このポップアップは、訪問者が帰る前にコミュニティに参加することを促します。太字の見出し、箇条書きのリスト、信頼のロゴが価値を明確にしています。
収穫：
- ベネフィットは短く、読みやすいものにする
- 社会的証明（ロゴ、証言）を使う
送料無料の終了意図ポップアップの例
送料を無料にすることは、購入を完了させる強い動機になります。この例では、割引とEメール登録フォームを組み合わせています。
収穫：
- 放棄されたカートを保存しながら電子メールを収集する
- 割引と送料無料の組み合わせ
無料デモの終了意図ポップアップの例
シンプルなコピーと感情的な言葉（「守る」「より安全に」）が、このデモポップアップを説得力のあるものにしている。クリーンなデザインはCTAに注意を集中させます。
収穫：
- 見出しに感情のトリガーを使う
- デザインは最小限に
景品終了意図ポップアップの例
景品は、誰かが離れていくのを止めるのに十分です。ここでは、50ドルのクーポンを獲得するチャンスが、迅速なサインアップを促します。
収穫：
- 見出しで賞金の価値を強調する
- 少ない労力で強力なインセンティブを提供する
エグジット・インテント・ポップアップ よくある質問（FAQ）
WordPressに最適な退出意図ポップアップ・プラグインは？
OptinMonsterは、ほとんどのサイトにとって最適な選択肢です。独自のExit-Intent®テクノロジーや高度な表示ルールを備え、主要なメールマーケティングサービスとも連携可能です。また、WPBeginnerの製品ファミリーの一員であるため、AIOSEOやWPFormsといったツールとの相性も抜群です。予算が気になる場合は、ターゲティング機能がやや限定的ですが、無料のPopup Makerも選択肢の一つです。
終了ポップアップはWordPressを遅くする？
プラグインが適切に構築されていれば、そのようなことはありません。OptinMonsterは非同期で読み込まれるため、ポップアップスクリプトがページのレンダリングを妨げることはありません。パフォーマンスの問題は、ページのヘッダー部分にスクリプトを読み込むような、コーディングが不十分な無料プラグインでより頻繁に発生します。速度が気になる場合は、インストール前後にGTmetrixでテストを実行し、実際の影響を確認してください。
終了意図ポップアップはSEOに不利？
離脱意図ポップアップは、SEOに直接的な悪影響を与えるものではありません。Googleのガイドラインで問題視されているのは、ページ読み込み直後に表示され、特にモバイル端末では閉じにくいポップアップです。一方、離脱意図ポップアップはユーザーがページを離れようとした瞬間にのみ表示されるため、こうした問題は回避できます。簡単に閉じられるようにしておけば、問題ありません。
モバイル端末でも「離脱検知」は機能しますか？
標準的な離脱検知（マウス離脱検知）は、カーソルがないため、モバイルのタッチスクリーンでは機能しません。モバイルでは、OptinMonsterは代わりにスクロール深度または時間ベースのトリガーを使用します。トラフィックの大部分がモバイルからのものである場合は、離脱検知ルールに加えて時間遅延またはスクロール深度のルールを設定し、それらの訪問者にもポップアップが表示されるようにしてください。
WordPress用の無料の「離脱検知ポップアップ」プラグインはありますか？
はい。Popup Makerは、基本的なエクジットインテント機能をサポートする人気の無料ツールです。OptinMonsterに比べるとターゲティングルールや表示オプションは少ないですが、シンプルな用途には十分活用できます。A/Bテストや高度なターゲティング、詳細な分析機能が必要な場合は、有料プランへの加入が必要となります。
WordPressで最初のイグジット・インテント・ポップアップを作成する
この記事が、WordPressで退出意図ポップアップを作成する方法を学ぶのに役立てば幸いです。これで、離脱した訪問者を回復させ、ビジネスのリードと売上を増やすことができます。
OptinMonsterのドラッグ＆ドロップ機能をお楽しみいただけたなら、以下のコード不要のガイドも気に入っていただけるかもしれません：
- WordPressでランディングページを作成する方法
- 12+ コンバージョン率の高いサインアップページのデザイン例
- ランディングページがコンバージョンにつながらない？素早く解決する9つのヒント
- コンバージョンを高めるパーソナライズされたランディングページの作り方
お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。
