5 つの例を含むインタースティシャル ポップアップの究極ガイド

インタースティシャル ポップアップについて聞いたことはありますが、Web サイトのユーザー エクスペリエンスが台無しになるのではないかと少し心配していますか?

「侵入型インタースティシャル」という言葉はよく聞く言葉ですが、多くの誤解に囲まれています。

この記事では、基本に立ち返って、インタースティシャル ポップアップとは何ですか? 何が彼らを煩わしくさせるのでしょうか？ そして、それらはモバイルデバイスではどのように表示されるのでしょうか? また、いくつかのベスト プラクティスと 5 つの実際の例も紹介します。

さあ、本題に入りましょう！

インタースティシャルポップアップとは何ですか?

インタースティシャル ポップアップ (フルスクリーン ポップアップとも呼ばれます) は、画面全体を覆うオーバーレイであり、ユーザーのブラウジング エクスペリエンスを一時的に中断します。

インタースティシャル ポップアップは、製品やサービスの宣伝、電子メール アドレスの取得、Cookie 同意通知の表示など、さまざまな目的で使用できます。

インタースティシャルポップアップの長所と短所

サイトでインタースティシャル ポップアップを使用するかどうかを決定する前に、その利点と欠点の両方を理解することが重要です。 見てみましょう。

長所:

• 注目を集めるので、メッセージを伝えるのに効果的です。
• 貴重なコンテンツやプロモーションを強調する機会を提供します。
• 弊社の統計によると、インタースティシャル ポップアップのコンバージョン率は平均 14.40%であり、単純なポップアップよりも高いです。

短所:

• これらは訪問者をイライラさせ、サイトから遠ざける可能性があります。
• サイトの読み込み速度が遅くなり、検索エンジンでのパフォーマンスに悪影響を及ぼす可能性があります。

モバイルデバイス上のインタースティシャルポップアップ

e コマースの買い物客の半数以上がモバイル デバイスから来ているため、モバイル コンバージョン率は絶対に無視すべきものではありません。

モバイル デバイスでは、画面上のスペースがあまりないため、インタースティシャル ポップアップは特別な課題を引き起こします。

注目を集めることができますが、重要な情報を隠したり、ユーザー エクスペリエンスを台無しにしたりしないように、慎重に作成する必要があります。

実際、インタースティシャル ポップアップが適切に実装されていない場合、モバイル ユーザーはイライラして離脱する可能性が高くなります。

そして Google もそれらを好んでいません。2017 年に、Google は「侵入型インタースティシャル アップデート」として知られるルールを導入しました。

Google のガイドラインによると、特にユーザーが検索結果から Web サイトにアクセスする場合、Web サイトのメイン コンテンツのかなりの部分をカバーするモバイル ポップアップは、侵入的とみなされ、ペナルティを受ける可能性があります。

侵入的なインタースティシャルの例にはどのようなものがありますか?

そうですね、検索結果をクリックして、BAM (新しいウィンドウのポップアップ) が表示されるときの感覚はよく知られています。 そういうのが好きな人はいないですよね？

しかし、同じように作成されたポップアップはありません。 年齢確認を求めたり、Cookie について通知したりするなど、法的に義務付けられているものは、すぐに表示される方が受け入れられやすいものです。

インタースティシャル ポップアップを使用するための 3 つのベスト プラクティス

すべてのインタースティシャル ポップアップが煩雑である必要はありません。 重要なのは、ポップアップ ウィンドウが適切な対象者に合わせて調整され、適切なタイミングで表示され、適切なメッセージが伝わるようにすることです。 これにより、全体的にポジティブなユーザー エクスペリエンスが生まれます。

次に、効果的で邪魔にならないインタースティシャルを作成するための重要なベスト プラクティスをいくつか見てみましょう。

1. タイミングと頻度を正しく把握する

パーティーに参加していて、誰かがあなたの会話を数分ごとに妨害し続けることを想像してみてください。 迷惑ですよね？

同様に、ポップアップを頻繁にユーザーに浴びせすぎると、ユーザーのブラウジング エクスペリエンスが混乱し、ユーザーが遠ざかってしまう可能性があります。 代わりに、ユーザー ジャーニーの中で、ポップアップが価値を付加できる戦略的な瞬間について考えてください。

ユーザーがコンテンツのかなりの部分をスクロールしたとき、またはサイトから離れようとしているときに、インタースティシャルを表示できます。 インタースティシャル ポップアップのタイミングを効果的に設定すると、その効果を大幅に高めることができます。

頻度に関しては、少ないほど良いということを覚えておいてください。 ポップアップの表示頻度を制限することで、それぞれのポップアップが煩わしさではなく役立つものとして認識されるようになります。

2. ユーザーに明確な価値を提供する

インタースティシャルを作成するときは、ユーザーに明確な価値を提供することが重要です。 無関係または興味のないポップアップで視聴者を困らせることは絶対に避けてください。

代わりに、ユーザーの心に響き、関与する説得力のある理由を与えるものを提供することを目指してください。

視聴者が何に関心を持っているかを考慮し、それに応じてインタースティシャル コンテンツを調整します。 特別セール、独占コンテンツ、割引などのいずれであっても、それが本当に興味を持ち、利益をもたらすものであることを確認してください。

価値のあるコンテンツを提供することで、ユーザーがポップアップを無視するのではなく、ポップアップに関与する可能性が高まります。

3. モバイル向けに最適化する

モバイル ブラウジングの普及を考慮すると、小さい画面向けにインタースティシャルを最適化することが重要です。 モバイル ユーザーはスペースが限られたデバイスでコンテンツを表示しているため、ポップアップが目立たず、簡単に消去できるようにデザインすることが重要です。

インタースティシャルの代わりに、バナーやスライドインなど、画面の占有面積が少ない小さなポップアップ形式を使用することを検討してください。

これらの形式を使用すると、画面全体を占有することなくユーザーの注意を引くことができます。

5 つのインタースティシャル ポップアップの例

インスピレーションを得る準備はできていますか? 非侵入的なインタースティシャル ポップアップの例をいくつか見てみましょう。

1.キャラウェイ

すべてのインタースティシャルが煩わしいわけではありません。キャラウェイの最初の例は、それを明確に示しています。

ページ全体を占めていますが、サイトの元のデザインとよく調和しています。 このポップアップは、訪問者が毎週のニュースレターにサインアップすることで、送料無料、毎週の更新情報、新製品への早期アクセスを入手できることを強調しています。 素晴らしいですね。

また、ユーザーに誕生日についても尋ねることに注意してください。これにより、将来的にはパーソナライズが可能になる予定です。

2. 雪の歯のホワイトニング

邪魔にならないインタースティシャル リストの次は、Snow のポップアップ ウィンドウです。

ユーザーは 10% 割引と引き換えにメール アドレスを入力する必要があります。

ポップアップは、製品を使用している人々を紹介する視覚的に魅力的な画像でユーザーを効果的に引き付けます。 また、緊急性を高めるためにカウントダウン タイマーも使用します。

3.ノームエンジェル

煩わしいインタースティシャルを避けるには、適切なタイミングでポップアップを表示するのが最善策です。 ユーザーが Web サイトを離れようとしているときに表示される GnomeAngel の終了意図ポップアップは、この好例です。

「そんなに早く出発するの？」 見出しは、保釈しようとしている訪問者の注意を引きます。 また、緊迫感を高めるためにカウントダウン タイマーをどのように使用しているかにも注目してください。これはカート放棄と戦うための優れた戦略です。

4. 枕をする

Pillowed の全画面ポップアップも、非侵入型インタースティシャルの優れた例です。

Web サイト全体を完全に覆うポップアップとは異なり、Pillowed のポップアップはわずかに透明なインタースティシャルを使用することでバランスを保ち、ユーザーがその下にあるコンテンツを確認できるようにしています。 このアプローチにより、ユーザーはポップアップのメッセージにも関与しながら、Web サイトとの対話を継続できるようになります。

5. オプティモンク

リストの締めくくりは、独自のインタースティシャル ポップアップです。 「無料アカウントを始めてください」という明確な行動喚起でユーザーに価値を提供できるように設計しました。

さらに、オファーの信頼性を強化するためにバッジを戦略的に配置しました。

下部には、ポップアップで伝えられるメッセージをさらに裏付けるための社会的証明が含まれています。

まとめ

インタースティシャルは、戦略的に適切なタイミングで使用すると、マーケティング兵器の強力なツールとして機能します。

私たちは、この包括的なガイドが貴重なヒントとコツを提供していると信じています。

独自のインタースティシャル ポップアップを実装する準備ができている場合は、OptiMonk の使用を検討してください。今すぐ無料アカウントを作成して、ビジネスにインタースティシャル キャンペーンの可能性を最大限に引き出すことができます。