工務店のホームページに追従バナー（固定CTA）を置く効果と設定

「ホームページを見てくれた人が、そのまま何もせずに帰ってしまっている気がする…」

こんな感覚、ありませんか。Googleサーチコンソールで確認すると、毎月それなりのアクセスはある。でも問い合わせはゼロ、もしくは月1〜2件。「見られているのに、なぜ動いてもらえないのか」と首をかしげる社長は少なくありません。

私がこれまで1,000店舗以上の中小事業者の集客支援をしてきた中で、工務店のホームページに共通して欠けているものの一つが「追従バナー（固定CTA）」です。スクロールしても画面に貼りついてくるあの帯状のバナーのことです。これを正しく設定するだけで、問い合わせの件数がはっきりと変わるケースを何度も見てきました。

今回は、実際のケースをもとに「なぜ追従バナーが効くのか」「どう設定すれば機能するのか」を具体的に掘り下げていきます。

📋 この記事でわかること

1. 追従バナー（固定CTA）が工務店のホームページで効果を発揮する理由
2. 設置前後の問い合わせ数が変わった実際のケース
3. クリックされるバナーの文言・デザイン・配置の設定ポイント
4. やりがちな失敗パターンと、正しい改善の考え方

こんな方におすすめ

• ✅ ホームページへのアクセスはあるのに問い合わせに結びついていない方
• ✅ 問い合わせボタンをどこに置けばいいか迷っている工務店の社長
• ✅ SUUMOなどポータルサイトへの依存から脱却したいと考えている方
• ✅ WordPressでサイトを運営していて、導線の改善に着手したい方
• ✅ 紹介・OB頼みの集客に限界を感じ、HPからの新規問い合わせを増やしたい方

「見ているのに動かない」訪問者を、追従バナーが引き留める

岐阜県で年間8棟ほどの注文住宅を手がけるA社の事例から話を始めます。

A社の社長は、施工事例のページを充実させることに力を入れていました。写真も豊富で、こだわりの木の使い方や断熱の工夫なども文章で説明してある。アクセス解析を見ると、施工事例ページへの滞在時間は平均2分を超えていた。つまり、訪問者はきちんと読んでいる。

それなのに、問い合わせはほぼゼロのまま。なぜか。

ページを見た後、訪問者が「資料請求しよう」「相談してみようかな」と思い立ったとき、その気持ちをつなぎ止める仕掛けがなかったんです。施工事例を読み終わって「よかった」と思った瞬間、画面に問い合わせへの導線が見当たらず、そのまま別のページへ移動するか、ブラウザを閉じてしまっていた。

このケースで私が最初に提案したのが、追従バナーの設置でした。スクロール位置に関わらず、画面下部に常に表示される細い帯状のバナーに「無料で間取り相談をする」というテキストとボタンを置く。それだけです。

設置から2ヶ月で、月0件だった問い合わせが3〜4件に変わりました。

「訪問者はページを『読み終えた瞬間』に動く。その瞬間にボタンが目に入っているかどうかが、問い合わせの有無を分けます。」

ハワードジョイマン（中小企業診断士・増益繁盛メソッド 主宰）

設置してわかった「クリックされるバナー」と「スルーされるバナー」の差

追従バナーを設置すればそれで終わり、ではありません。設定の中身によって効果は大きく変わります。同じ工務店のホームページでも、うまくいったケースとそうでないケースで、何が違ったか。具体的に見ていきます。

チェックポイント1：ボタンに書いてある言葉は「行動のメリット」を伝えているか

スルーされるバナーで最も多いのが「お問い合わせはこちら」という文言です。訪問者の立場から見ると、「お問い合わせ」という言葉には「面倒そう」「売り込まれそう」という心理的なブレーキが働きます。一方で「間取りの相談をする（無料・30分）」「まず資料を受け取る」のように、行動した先に何が得られるかを具体的に書くと、クリック率が上がります。

✅ ポイント：バナーのテキストは「行動する理由」を1行で示すこと。「問い合わせ」より「相談」「受け取る」「確認する」など、ハードルの低い動詞を選ぶ。

チェックポイント2：バナーの色はサイト全体の中で「浮いて見える」か

追従バナーはページの最下部に常時表示されますが、サイト全体の色調に溶け込んでしまうと視認性が落ちます。ある愛知県の工務店では、サイトの基調色が白と木目調のベージュだったため、バナーもベージュで作っていました。スクロールしても気づかれないに等しい状態でした。色を差し替えて、テラコッタ系の赤に変えたところ、クリック数が明確に増えました。

✅ ポイント：追従バナーはサイトのアクセントカラーか、コンバージョンボタン専用色（通常とは異なる色）を使って「ここだけ違う」という視覚的引力を作る。

チェックポイント3：スマートフォンで見たときに操作しやすいか

工務店のホームページを閲覧する層の6〜7割はスマートフォンです。PCで見栄えのいい追従バナーでも、スマホで見ると指で押しにくい・文字が小さすぎる・画面の大半を覆ってしまうという問題が起きます。スマホでは縦幅を抑えて、タップしやすいボタンサイズ（最低でも縦44px以上）を確保することが基本です。

✅ ポイント：設置後は必ず実機（iPhone・Android）で動作確認をする。PCでの表示確認だけで終わらせないこと。

✓ ここまでのポイント

• 追従バナーは「読み終えた瞬間」の訪問者を取りこぼさないための仕掛けで、施工事例などコンテンツが充実しているサイトほど効果が出やすい
• クリックされるバナーは「行動後のメリット」を具体的に1行で伝えており、ハードルの低い言葉を選んでいる
• スマートフォンでの表示・操作性の確認が必須。PCだけで完結させると機会損失が生まれる

追従バナーを設定する手順と、よくある失敗

WordPressで運営している工務店のホームページであれば、プラグインを使って比較的短時間で設置できます。実際の流れをステップで確認しておきましょう。

設定 STEP 1

設置プラグインの選定とインストール

WordPressで追従バナーを実装する場合、「Q2W3 Fixed Widget」や「Hello Bar」「WP Notification Bar」などのプラグインが使われることが多いです。また、使用しているテーマによっては標準機能でフッター固定表示ができる場合もあります。まず自社のテーマの仕様を確認してから、プラグインを追加するかどうかを判断しましょう。

⚠️ よくある失敗：プラグインを複数同時に有効化したまま放置し、表示が二重になったりページ速度が落ちるケース。追従バナー系のプラグインは1つに絞って運用すること。

設定 STEP 2

表示するページと非表示にするページを設定する

追従バナーは全ページに表示すればいいわけではありません。特に「問い合わせフォームのページ」「サンクスページ（送信完了ページ）」では表示をオフにすること。問い合わせフォームを見ている人に「問い合わせはこちら」と追いかけるのは、体験として不自然です。また、会社概要ページや施工事例ページなど、検討段階の訪問者が多いページを優先的に表示対象にしましょう。

⚠️ よくある失敗：全ページ一律で表示するよう設定してしまい、資料請求完了ページや採用ページにまで表示されてしまうケース。除外設定は必ず行うこと。

設定 STEP 3

バナーの文言・ボタンカラー・CTAリンク先を決める

バナーに入れる情報は「1つのメッセージ＋1つのボタン」に絞ります。「資料請求もできます。お電話でも受付中。LINEでも相談OK」などと詰め込むと、訪問者はどれを選べばいいかわからなくなり、結局何もしません。リンク先は問い合わせフォームへの直リンクか、相談予約ページへの直リンクが最もシンプルで効果的です。問い合わせボタンの配置と文言については、電話ボタンの設計事例でも詳しく解説しています。

⚠️ よくある失敗：バナーのリンク先をトップページにしてしまうケース。訪問者は「アクションを起こしたい」ときにバナーをクリックするので、リンク先は必ず「行動を完結できるページ」にすること。

なお、追従バナーとあわせて、ホームページからLINEへの登録導線を整備すると、問い合わせのハードルをさらに下げることができます。LINEへの誘導をバナーのCTAとして使うケースも増えています。

「年間1棟増えただけで、コンサル費用の6倍以上が回収できた」

追従バナーの設置はあくまでも「問い合わせを増やすための一手」です。でも、工務店の場合、問い合わせが1件増えて受注が1棟増えると、粗利500万円以上になるケースは珍しくありません。

実際にHP集客の仕組みを整えたお客様からは、こんな声をいただいています。

「年間1棟増えただけでコンサル費用の6倍以上が回収できた」

HP集客サポートご利用の工務店経営者

「追従バナーを1つ付けただけ」という単純な話ではなく、SEOで検索に引っかかるようにする→訪問者が「この会社に頼みたい」と思えるコンテンツで信頼を積む→迷っている訪問者をバナーで引き留めて問い合わせにつなぐ、という一連の流れが機能して初めて成果が出ます。

追従バナーはその「出口」の部分です。入口（検索で見つけられること）と中身（信頼を積む施工事例・会社の想い）が整っているほど、バナーの効果は高まります。

逆に、入口と中身が整っていない状態でバナーだけ追加しても、そもそも訪問者が少なければ効果は限定的です。「選ばれる理由」ページの作り方を整備してから追従バナーを設置すると、連動した効果が生まれます。

❌ よくあるパターン：バナーだけ設置して「効果がなかった」と判断する

• アクセス数が月200未満の状態では、バナーの有無より先にSEO・MEO・広告で訪問者を増やすことが優先
• 施工事例や会社の想いのページが薄い状態では、訪問者が「この会社に頼みたい」という気持ちになる前に離脱する

✅ 推奨アプローチ：ホームページ全体を「問い合わせが生まれる仕組み」として設計する

• 検索で見つかる→信頼を積むコンテンツで検討を進める→追従バナーで行動を後押しする、という流れを一気通貫で整備する
• まずアクセス解析で「どのページでどれだけ読まれているか」を確認してから、バナーの配置ページを優先決定する

まとめ：追従バナーは「見てもらえているのに問い合わせが来ない」を解消する即効策

追従バナー（固定CTA）の本質は、「読んでくれた人を取りこぼさない仕掛け」です。施工事例を2分以上読んでいる訪問者が月100人いるとすれば、その中の何人かは「相談してみようか」と思っている。その瞬間に、画面上にボタンがあるかどうか。それだけで問い合わせの数は変わります。

設置のポイントをおさらいすると、

• 文言は「行動した先に何があるか」を具体的に1行で
• 色はサイト全体の中で視認性が高いものを選ぶ
• スマートフォンでの表示・操作性を必ず実機確認
• 問い合わせフォームページ・サンクスページでは非表示にする
• リンク先は「行動を完結できるページ」に直結させる

「いい家を建てているのに、なぜ選ばれないのか」という問いの答えは多くの場合、家の質ではなく、ホームページ上での「伝え方」と「導線」にあります。追従バナーはその導線の中でも、最もシンプルに手を付けられる改善の一つです。

今のホームページがどこで訪問者を取りこぼしているか、一度じっくり確認してみてください。