スマホでアクセスされた場合、スマホサイトへ誘導する JavaScript のサンプル

スポンサードリンク

iPhone, iPad, Android などのスマートフォンでアクセスされた場合、スマホサイトへ誘導する JavaScript のサンプルをメモ。

スマホからのアクセスをスマホサイトへ誘導するサンプル

次のサンプルは、スマホサイトへの誘導メッセージを表示します。

<script type="text/javascript">
// iPhone または、Android の場合は振り分けを判断
if (document.referrer.indexOf('example.com') == -1 &&
    ((navigator.userAgent.indexOf('iPhone') > 0 &&
    navigator.userAgent.indexOf('iPad') == -1) ||
    navigator.userAgent.indexOf('iPod') > 0 ||
    navigator.userAgent.indexOf('Android') > 0)) {
        if(confirm('このサイトにはスマートフォン用のサイトがあります。\n表示しますか?')) {
            location.href = 'http://example.com/smt/';
        }
}
</script>

スマホでアクセスされた場合、スマホサイトへ誘導する JavaScript のサンプル

参考にさせてもらったページ

ありがとうございます!

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

2 件のコメント

  • 有益な情報ありがとうございます! ちなみに、例えばあるディレクトリ配下のある下の階層

    ex. /hoge/sample5/

    のみスマホからのアクセスもPCサイトを表示するという除外設定はどのようにすればよいのでしょうか?この週末はこれにひっかかって休みらしい休みを取れません出でしたToT

    if ((navigator.userAgent.indexOf(‘iPhone’) > 0 && navigator.userAgent.indexOf(‘iPad’) == -1) || navigator.userAgent.indexOf(‘iPod’) > 0 || navigator.userAgent.indexOf(‘Android’) > 0) {

    ================================================== if (url.match(‘hoge/samplet5’)) { location.href = ‘http://www.sample.co.jp/hoge/sample5/’; return false; } else { location.href = ‘/sp/hoge/’; }

    }

    と追加してみましたが無視されてしまいます。 ご教示いただけましたら幸いです。

  • コメントを残す

    メールアドレスが公開されることはありません。