あると便利な振り分け機能
スマホでPC用サイトにアクセスした際、「スマホサイトに移動しますか？」といった表示を出し、
(1)「はい」を選択した場合 → スマホサイトを表示
(2) 「いいえ」を選択した場合 → そのままPCサイトを表示する
機能を実装したので、ここに方法をメモ。。
スマホでもPCサイトを見たいときがある
こういったスマホ／PCのサイト表示では、スマホの場合強制的にスマホサイトを、PCの場合はPCサイトのみを表示させる設定もあるが、個人的にはPC用／スマホ用どちらのサイトも見たい場合がある。
そんなとき、この方法があるとユーザーが自分の意思で選べるのでありがたい。
※参考サイト： http://smart4me.net/weblog/?p=1558
HTMLソースにJavaScriptを記載するだけ
通常、PCサイトのトップページに設定することが多いと思うが、振り分けを行いたいページのHTMLファイルに以下の記述を追記するだけ。（の直前に追加する）
──────────────────────────────────────────────
<script type="text/javascript">
var ua = navigator.userAgent.toUpperCase();
if(document.referrer.indexOf(location.href.split('/')[2]) == -1 && (ua.indexOf('IPHONE') != -1 || (ua.indexOf('ANDROID') != -1 && ua.indexOf('MOBILE') != -1))) {
if(window.confirm('スマートフォンサイトに移動しますか？')) { location.href = 'http://xxxx.com/sp/（リンク先スマホサイトのURL）'; } }</script>
──────────────────────────────────────────────一度 PCサイトを見る選択をしたあと、繰り返しトップページに来た場合 同じメッセージが出ないようになっています。
ホームページ制作のこと、ホームページの運営でわからないことや困っていることがありましたら、「株式会社アットライズ」までお気軽にご相談ください。
株式会社アットライズのホームページはこちら
