スマートフォンからのアクセスを振り分けよう

ウェブサイトにスマートフォンからアクセスがあった場合、スマートフォン用の階層へ誘導する必要があります。

テクニックそのものは携帯サイトを分岐する時からありましたが、今回はスマートフォン用の導入例を記載しておきます。

ちなみに、EC-CUBEでバージョンが2.4系までの場合、この方法を導入しアクセスを振り分けし、さらに携帯用のテンプレートにjQuery Mobileなどのライブラリを使ってしまえば全てのキャリアが網羅できると思います。

なお、サーバーで「.htaccess」が利用できることが条件となります。
利用できなかったり、制限がかかっている場合などは実装が難しいかもしれませんのであしからず・・・。

RewriteEngine On

# iPod
RewriteCond %{HTTP_USER_AGENT} iPod
RewriteRule ^$ /階層名/ [R]

# iPhone
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteRule ^$ /階層名/ [R]

# iPad
RewriteCond %{HTTP_USER_AGENT} iPad
RewriteRule ^$ /階層名/ [R]

# Android
RewriteCond %{HTTP_USER_AGENT} Android
RewriteRule ^$ /階層名/ [R]

ブログを書いた人：リアライズ

現在コメントは受け付けておりません。ご了承ください。