マーケティング用語集カテゴリ:Web制作

ポップアップ活用

Popup Marketingぽっぷあっぷかつよう

英語表記
Popup Marketing
カテゴリ
Web制作
難易度
★★☆(実践)
関連サービス
Webサイト制作

ポップアップ活用とは、サイトを閲覧している最中の画面に案内枠を重ねて表示し、資料請求・問い合わせ・メール登録といった次の行動を促す手法のこと。同じ仕組みでも、誰に・いつ・何を出すかの設計次第で、成果を生む案内にも、来訪者を追い返す邪魔物にもなります。

Why it matters

「見てくれた人」の大半は、何も残さずに帰っている

広告や検索から人が来て、ページも読まれている。それなのに問い合わせが増えない。中小企業のサイトでよく起きる状態です。原因の多くは、来訪者の関心が薄いことではなく、関心が高まった瞬間に、次の一歩が用意されていないことにあります。ページの一番下にだけ問い合わせボタンがある構成では、途中で「もう少し知りたい」と思った人は、そのボタンにたどり着く前にタブを閉じてしまいます。

ポップアップは、この「一歩の置き場所」を、ページの構造から切り離して自由に配置できる仕組みです。事例を読み終えたタイミング、料金ページを一定以上スクロールしたタイミング、といった関心が動いた瞬間に合わせて案内を差し出せる点が本質的な価値です。設置に大掛かりな改修が要らないため、既存サイトに後から足せるのも実務上は大きい。サイト全体を作り直さずに、導線だけを補強できます。

一方で、この手法ほど評判を落としやすいものもありません。ページを開いた直後に画面全体を覆う、閉じるボタンが小さくて押せない、スマートフォンで本文が完全に隠れる——こうした出し方は、来訪者にとって「読ませてもらえない」体験になります。実際、Googleは検索から来た利用者がコンテンツにすぐアクセスできない、割り込み型の全画面表示(インタースティシャル)についてガイドラインで注意を促しており、モバイルでの過剰な表示は評価上も不利になり得ます。成果を取りに行く手段が、集客の土台を削ってしまう——ポップアップの設計が「出すか出さないか」ではなく「どう出すか」の問題である理由がここにあります。

Our perspective

案内が歓迎されるかどうかは、内容ではなく「差し出す瞬間」で決まる。

顧客心理の視点で見ると、ポップアップに対する反応は、来訪者がその時点で何を考えていたかでほぼ決まります。ページを開いた直後の人は「ここは自分向けの会社か」を確かめている最中で、判断材料がまだ何もありません。この状態で登録を求められれば、当然「まだ何も分かっていないのに」と感じます。逆に、料金の考え方を読み、事例を2件めまで見た人は、頭の中がすでに「うちの場合はどうなるか」に切り替わっています。ここで「同じ業種の導入事例をまとめた資料があります」と差し出されれば、それは邪魔ではなく助けとして受け取られます。同じ文面・同じデザインでも、前者は押し売り、後者は気の利いた案内になる。判断しているのは内容ではなく、差し出された瞬間が自分の関心と合っていたかどうかです。だからポップアップの設計は、文言を練る前に「この人はいま何を考えているか」を決めるところから始めます。

仕組み化の視点では、ポップアップを単発の施策ではなく表示条件の一覧表として管理する形に持っていきます。条件は「どのページで」「どんな行動の後に」「何回まで」「何を出すか」の4つで書けます。たとえば、サービス紹介ページを7割スクロールした人には事例資料、料金ページに一定時間とどまった人には見積もりの目安を伝える案内、一度閉じた人には同じものを再表示しない。この表さえあれば、担当者が変わっても運用が続きます。逆に、この表がないまま「とりあえず全ページに1つ」と設置すると、誰にも合わない案内が全員に出続けることになります。一度きちんと組めば、その後は人が張り付かなくても、関心が高まった人にだけ自動的に案内が差し出される状態を維持できます。あわせて、閉じるボタンは大きく、画面を覆う面積は小さく、モバイルでは本文が読める余白を残す。この3つは条件表とは別に、動かさない前提として持っておくと安全です。

AI活用の視点では、出し分けの判断と文面づくりの両方を任せられます。ARGASのような追跡の仕組みで来訪者の閲覧履歴が分かっていれば、初回訪問と3回目の訪問で違う案内を出す、閲覧しているカテゴリに合わせて提示する資料を変える、といった出し分けが自動でできます。文面についても、AIに複数案を出させて短期間で比較すれば、担当者の勘に頼らずに絞り込めます。ただし、出し分けを細かくしすぎると検証できる量を超え、どの条件が効いたのか分からなくなります。条件は3〜5パターンから始め、効いたものだけ残す。細かくするのは、判断材料が溜まってからで十分です。

Diagram

図解:来訪者の状態に、案内の中身を合わせる

下の図は、来訪者がサイト内で移っていく4つの状態と、それぞれの段階で差し出してよい案内を並べたものです。同じポップアップでも、①で出せば邪魔になり、③で出せば助けになります。

同じ案内でも、差し出す瞬間で「邪魔」にも「助け」にもなる 来訪者の状態を4つに分け、出していいものを決めておく 来たばかり 「自分向けか」を確認中 出さない 読んでいる 内容に関心が向いた 関連資料をそっと 迷っている 他社と比べ、不安を確認 事例・料金の目安 離れかけ 今日は決めない 次回につなぐ提案 出し方の見本(画面を覆わない) × 資料を受け取る 本文が読める余白を残し、閉じる印をはっきり置く 動かさない4つの条件 閉じるボタンは指で押せる大きさにする スマートフォンで本文を覆い隠さない 一度閉じた人には、しばらく再表示しない 同じ画面に出す案内は、ひとつまで 関心が動いた瞬間にだけ、差し出す

Case studies

事例で見る:国内・海外

海外

Google ── 「割り込み型の全画面表示」に対する指針を示した

Googleは、検索結果から訪れた利用者がコンテンツにすぐアクセスできない割り込み型の全画面表示(intrusive interstitials)について、ガイドラインで明確に注意を促しています。ページを開いた瞬間に本文を覆い隠す表示や、閉じないと読み進められない構造は、モバイルでの評価上、不利に働き得るという立場です。一方で、年齢確認やCookieの同意など法令上必要な表示、画面の一部だけを使う控えめなバナーは対象外として区別されています。ここから読み取るべきは「ポップアップは避けるべき」ではなく、本文へのアクセスを妨げるかどうかが分かれ目だという点です。画面の下部に帯状で出す、画面の隅に小さく出す、本文が読める余白を残す——形式を変えるだけで、同じ案内が指針の対象から外れます。集客の入口を自分で塞がないために、設置前に「これは本文を読ませない作りになっていないか」を一度確認しておくのが安全です。具体的な評価への影響度は公開されていないため、数値としては扱いません。

How to use

現場での使い方:5ステップ

  1. 関心が高まるページを1つ特定する事例・料金・サービス詳細のうち、最も読まれている、あるいは滞在時間が長いページを選ぶ。全ページに一律で出すのは避ける。
  2. 表示の引き金を「行動」で決める「開いて3秒」ではなく「7割スクロール」「2ページ目を閲覧」など、関心が動いた証拠になる行動を条件にする。
  3. 差し出すものを具体名で書く「お役立ち資料」ではなく「同じ業種の導入事例5件」。何がもらえるか分からないものに、人は情報を渡さない。
  4. 閉じやすさと表示回数を先に固定する閉じるボタンは指で押せる大きさ、モバイルでは本文を覆わない、一度閉じた人には数日間出さない。ここは検証対象にしない。
  5. 2週間ごとに文面を1つだけ入れ替えて比べる同時に複数変えると原因が分からなくなる。反応率とあわせて、離脱率が悪化していないかも必ず見る。
Related terms

関連用語

Summary

まとめ:出すかどうかではなく、いつ出すか

ポップアップは、ページの構造を変えずに「次の一歩」を置き直せる、費用対効果の高い手段です。ただし成否を分けるのは文面のうまさではなく、差し出す瞬間の設計にあります。来訪者の状態を4つに分け、関心が動いた証拠となる行動を引き金にする。閉じやすさと表示回数の制限は検証対象にせず、前提条件として固定する。出し分けと文面づくりはAIに任せ、条件は3〜5パターンから始めて効いたものだけ残す。関心が高まった瞬間にだけ案内が現れる状態をつくれば、押し込まなくても、来訪者は自分から次に進みます。

関連サービス:Webサイト制作 — 導線の設計からポップアップの表示条件・文面づくり・効果の検証までを一貫して支援します。
カテゴリ:Web制作

この内容を御社で実践したいとお考えですか?

Webサイト制作で実現できます

詳しく見る →

まずはお気軽にご相談ください