記事の内容やaishipシリーズに関するお問い合わせはこちらから

0120-173-163 お電話

[電話受付時間]平日9:30〜19:00

TOP

CATEGORY

SERVICE

スマートフォンサイトでアドレスバーを隠してファーストビューを多く見せる

スマートフォンサイトでアドレスバーを隠してファーストビューを多く見せる

ちょっとした小技をご紹介します。

ウェブサイトを制作する際に、特に通販サイトで重要なのがファーストビューです。そのサイトを開いたときにまず目に入ってくる部分のことです。初見でサイトの魅力をしっかり伝えることが重要になってきます。

このファーストビューの良し悪しが売上に繋がることもあります。また、ファーストビューをなるべく広く取ることで多くの情報を伝えることができます。特にスマートフォンなどモバイルデバイスは表示領域が小さいので様々な工夫が必要になってきます。

ところで、スマートフォンでウェブサイトを閲覧しているとき、画面上部にアドレスバーが表示されているのを意識したことはあるでしょうか。スクロールすれば消えるのですがそのサイトを見よう!としている時には不要ですよね。「検索したい」とか「URL入力する」とか以外にはあまり必要がありません。

このアドレスバーがなければファーストビューが少し広くなります。これまで見せたくても見えなかったバナーやお知らせなどが初見で見えるようになるわけです。

このアドレスバーを自動で見せないようにすることがjavascriptを使うと可能です。確かに「プログラムわかりません」という方もいらっしゃると思いますが、ちょっとしたプログラムなのでアクセス解析用のタグを挿入するような感覚で利用してみてください。

<script>window.addEventListener(‘load’,function(){window.scrollTo(0,1);},false);</script>

このタグをheadタグの中に記述するだけでスマートフォンサイトでアドレスバーを隠してファーストビューを多く見せることができるようになります。

ちなみに、この機能は aiship では、標準がこの仕様です。

( スマートフォンECクラウド型ASP『aiship(アイシップ)』 河野 )

                   
商品の販売に“夢中”になれる
クラウド型ECサイト構築ASP

ECサイト構築、リニューアルを2000社以上支援してきた知見から
ECの専門家として御社のEC事業成長をサポートします。

  • 導入実績2000社以上


    導入実績

  • 注文単価増加率114%

    導入1年後の
    注文単価
    増加率

  • 売上成長率128%

    導入1年後の
    売上成長率

  • EC支援歴20年


    EC支援歴

         

スマートフォンカテゴリの最新記事