iPhoneとPCサイトの振り分け方

すこし前まではサイトを作るとなるとPCサイトと携帯サイトを準備するのが当たり前でしたが、最近ではPCサイトとiPhoneサイトを作るケースが増えているように感じます。

そうなるとPCサイトとiPhoneサイトとをどうやって振り分けるのかという質問が多くなってきたのでわかりやすく簡単に説明しときます。

iPhoneの振り分けは実は簡単でユーザーエージェントと呼ばれるサイトを見たときに自動で送られる情報で分けてしまえばOKです。

方法としてはhtaccessを用意します。

まずはiPhoneサイトを置くディレクトリをiphoneだとしてテキストファイルで下記の内容を作って保存してください。

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod) 
RewriteCond %{QUERY_STRING} !m=pc 
RewriteRule ^/$ /iphone/ [R]

ここで大事なのはiPhoneからiPhone用のサイトではなくてPCサイトを見たいユーザーもいるので、その時には「index.html?m=pc」というリンクを作っておけば対応できます。

サーバにhtaccesをアップロードするには、アスキーモードで転送してファイル名は「.htaccess」とhtaccessの前にドットがついてることに注意してアップしてください。

スマートフォン全体+全ページの振り分け(有料版)

上の内容でもiphoneディレクトリ以下に転送はできるようになりましたが、比較的クライアントからは同じURLで全てのページでスマートフォン全体でと頼まれることがあります。そこで実際に依頼されて納品したものを提供します。

【有料版でできること】

【価格と購入ページ】

価格は1,500円です。現在のデザイナーさんの時給を考えると1時間もかけてこの設定を自分で作ってしまうと損しちゃうのでささっと購入したほうがいいような値段にしました。