2026.10.27 導線設計

スマホの追従CTAは、常に表示すればよいわけではない

スマホの追従CTAを常時表示で終わらせず、本文を邪魔しない表示開始・終了条件、端末確認、クリック後の評価までを設計する方法を解説します。

スマホ向けのLPやサービスページでは、問い合わせや資料請求のボタンを画面下へ固定することがあります。どこまで読んでも行動できる点は便利ですが、表示のさせ方によっては本文を隠し、まだ判断していない人へ同じ案内を出し続ける状態になります。

追従CTAは、置けば問い合わせが増える装置ではありません。読者が次の行動を選べるタイミングと、画面内で邪魔にならない条件を合わせて設計する必要があります。今回は、スマホの追従CTAを残す条件、表示を切り替える位置、公開後の確認方法を整理します。

追従CTAの役割を「いつでも押せる」に絞る

追従CTAの役割は、読み手を急かすことではなく、行動したいと思った時にページ内を探し直さなくてよい状態をつくることです。本文に置くCTAの代わりではなく、そこへ戻る手間を減らす補助として考えます。

常に見えていることと、常に判断を求めることは同じではありません。ボタンの文言が強すぎたり、画面の大きな範囲を占めたりすると、サービスを理解する前から入力を迫られているように見えます。

まず、追従CTAを押した後の行き先を一つ決めます。問い合わせ、資料請求、電話、予約をすべて並べると、狭い画面で選択肢が競合します。ページの目的に合う主導線を一つ置き、別の行動は本文内で案内します。

ページを開いた直後から追従CTAを出すと、ファーストビューの見出しや画像へ重なりやすくなります。読者が何のページかを把握する前なので、ボタンの意味も伝わりません。

表示条件は、ページの長さではなく情報の順番から決めます。少なくともサービスの対象や主な価値を読める位置までは本文を優先し、その後に追従CTAを表示します。フォームや本文内CTAが画面へ入った時は、同じ案内が重ならないように追従表示を消します。切り替えの位置を明確にします。

追従CTAの高さが小さくても、端末のブラウザUIやCookie同意表示と重なると、本文を読める範囲はさらに狭くなります。ボタン単体の寸法ではなく、実際の端末で残る本文の面積を見ます。

確認したいのは、ボタンが見えるかではなく、本文を読みながら次の行動も選べるかです。長い見出し、箇条書き、料金表、フォームなど、高さが変わりやすい要素で重なりを確認します。

端末幅は一つだけで判断しません。390pxと360pxを基準に、文字サイズを拡大した時、メニューを開いた時、キーボードが表示された時も確認します。横向きで本文がほとんど隠れる場合は、追従表示を停止する条件を設けます。

見た目の確認だけでは、スクロール中の点滅やフォームへ移動した後の重なりを見落とします。公開前は、実際の閲覧順に沿って次の動作を試します。

固定表示には、端末の下部にある安全領域も考慮します。ボタンが画面外へ切れたり、誤ってブラウザ操作を押したりしない余白を取り、ヘッダーやメニューより前面へ出しすぎないよう重なり順も整理します。

追従CTAの評価をクリック数だけで終えると、誤操作や内容を確認するためのクリックも成果に含まれます。クリック後に資料請求や問い合わせが完了したか、フォームでどこまで進んだかまでつなげて確認します。

公開前後を比べる場合は、表示位置や文言を同時に変えすぎません。まず表示開始の位置、次にボタンの文言というように変更を分けると、どの条件が読みやすさと行動へ影響したかを判断しやすくなります。

追従CTAは、本文を読む邪魔をせず、行動したい人の手間だけを減らせた時に機能します。クリックが増えても完了が増えない、離脱が特定の位置で増える、フォームを隠すといった兆候があれば、常時表示を続けず条件から見直します。

スマホの導線は、ボタン一つではなく、訴求、本文、フォームまでを一続きで確認する必要があります。ページ全体の改善方針を整理したい場合は、サービス資料で支援範囲を見るか、現在の課題をご相談ください。