特定箇所まで読むと浮上するサブマリン型バナー

サブマリン型バナー

更新日: 2016年12月25日

ユーザーがある程度、コンテンツを読み進むと、画面下方から小さな潜水艦(サブマリン)が浮上します。潜水艦が水平になると、その下にお知らせ画面を表示します。

サブマリン型バナー

アクセスすると同時にいきなりドカンとバナーを表示すると、広告くさくて、かえって敬遠される場合があります。内容をよく読んで理解しなければならないものなら、コンテンツで詳しく説明した後、ユーザーがその気になった頃合いを見計らって、小さめのお知らせ画面を表示するほうがクリック率が上がるというのが、最近のトレンドです。

あらかじめ本文中に埋め込まれた見えないアンカーのあたりまでユーザーがスクロールすると、潜水艦が浮上し、お知らせを表示します。
お知らせ画面は「サブタイトル」「タイトル」「本文」「ボタン」という要素から構成されており、一目で何のお知らせかわかります。潜水艦をクリックすれば、向きを変えて、潜水します。ただし、潜水艦は画面右隅で停泊し、次にクリックされると再び浮上します。潜水艦の色は6色あり、お好きな色を選ぶことができます。

サブマリン型バナーの利用シーン

コンテンツと連動させてお知らせしたいとき、サブマリン型バーが有効です。

  • 新刊本など、詳しい内容の説明が必要な新商品。
  • 入会案内など、購入するメリットを十分強調したい商材。
  • クラブでのライブなど、あまり大きくないイベント。

サブマリン型バナーを使うメリット

1.コンテンツに関係あるお知らせをタイミングよく表示できる

この辺りまで読めば、読者は内容を把握し、興味を持ち出しているはず。そんな箇所にアンカー(錨)を埋め込みます。アンカーは見えませんが、プログラムはアンカーとスクロールの位置を計測し、スクロールがアンカーを超えると、潜水艦を浮上させます。

2.意外性があり、注目を集める

ただホームページを読んでいただけなのに、いきなり潜水艦が浮上してくるという趣向は、初めて見る人の気を気を引くこと間違いなし。

3.縮小モードでお知らせ露出の可能性を確保

バナーが邪魔なとき、ユーザーは×(閉じる)ボタンもできますが、それより、潜水艦のほうが押しやすいので、大半の人は潜水艦を押してしまうでしょう。その場合、バナーは縮小モードになり、再度、浮上するチャンスがあります。

4.カラーバリエーションを楽しめる

前回は青だったから、今回は緑でいくなど、お好きな色を選ぶだけで、サブマリン型バナーの雰囲気を変えることができます。お知らせ部分はあらかじめカラーコーディネートとしいるので、手間がかかりません。
カラーバリエーション

5.メンテナンスしやすい

アンカーは本文中に短いコードをコピー&ペーストして埋め込むだけ。お知らせ画面も、テキストを書き込むだけででき上がるので、バナーの設定がとても楽です。

6.表示期間のみ表示し、終われば非表示

設定ファイルで表示期間を設定すると、表示期間中のみ設定し、表示期間を過ぎれば、自動的に非表示になります。

7.いじらしい

大手IT企業のお知らせ画面はたいてい、画面右から矩形の画面がスライドしてくるだけで味気ありませんが、この潜水艦はポッチャリ系で速度も遅く、動きが健気に見えます。

サブマリン型バナーの設定・設置の流れ

Web高機能化ツールの設定・設置まず、下記フォームからシステムをご購入ください。以下、

  1. システムをダウンロードする
  2. 会員専用ページで設定ファイルを生成する
  3. システムをアップロードする
  4. Webページからリンクを張る

の4ステップで動くようになります。

設定項目

  • 表示開始日
  • 表示終了日
  • リンクアドレス
  • タイトル(13文字以内)
  • サブタイトル(17文字以内)
  • 本文(制限なし)
  • ボタンラベル
  • カラー
  • どの箇所まで読んだら、潜水艦を浮上させるか

設定できる項目詳しくは、サブマリン型バナーの設定・設置ページをご覧ください。

サブマリン型バナーの料金と納期

システム導入料金
19,440円(税込)
システム導入に必要なファイルを一式、ダウンロードしていただきます。
その際、WordPress用またはHTML用をお選びいただけます。
入会金
10,000円(税込)
すでにご入会されている方は不要です。
設定・設置料金(オプション)
10,000円(税込)
FTPや管理サイトへのアクセス権を一時的に貸与していただく必要があります。
このサービスは、通常のHTMLもしくはWordPressが対象です。
納期
入金確認後すぐ。
ご入会されている方はご注文後すぐ。
設定・設置をご希望の場合は3日くらい。

サブマリン型バナーのお申し込み

設定設置 (オプション)
依頼しない依頼する
表示開始日時 (必須)
分から
表示終了日時 (必須)
分まで
リンク先 (必須)
タイトル (必須)
サブタイトル (必須)
本文 (必須)
ボタン名
潜水艦の色 (必須)
設置するWebページ (必須)
設置するWebサイトの形式 (必須)

サイトの形式によってプログラムが変わります。必ず指定してください。
Webサービスの名称

例) Ameba等。
ご要望
会社名
担当者氏名
メールアドレス (必須)
電話番号

電話でのお申し込みは 050-6870-5000 月-金(9:30-17:30) 土日祝日はお休みです。

▲このページのトップへ