Choiced by idobata 略して ちょw! idobata

« 【窓の杜】Windows Vista対応オンラインソフト紹介 | トップページ | Vista用のアイコンも作成可能なソフト「IcoFX」 »

ひとつのURLで、PCサイトと携帯サイトを振り分ける方法

調べものをしていた時に偶然見つけたサイトで、良い情報があったのでメモ&ご紹介しておきます。

ひとつのURLで、PCサイトと携帯サイトを振り分ける方法です。

良くある方法(実はこのサイトもそうですが)では、PC用と携帯用のURLを2つ用意しておいてそれぞれにアクセスしてもらうというのがありますが、今回の方法はひとつのURLで振り分けるというのがミソです。

大手のサイトでは常套手段なのでしょうけど、個人レベルのサイトでこんなに比較的簡単にできるとは思っていませんでした。

では、その方法を、参考にさせて頂いたサイト「WEBデザイナーEIJIのつぶやき」からの引用を含めて書いていきます。

引用先の該当エントリーは下記です。
MovableType3.3+MT4i+MTmailでmoblogに対応させる

アクセスしてもらうURLはひとつですが、当然ながらPC用のサイトのディレクトリと、携帯用のサイトのディレクトリはそれぞれ用意して作成済みと仮定します。

仮に、アクセスしてもらうURLを“http://sample.jp”、PC用サイトはそれと同じディレクトリ“http://sample.jp”つまりパスでいうと例えば“/home/userID/public_html”など、携帯用サイトは“http://sample.jp/mobile/”パスでいうと“/home/userID/public_html/mobile”とします。

まず、上のPC用ディレクトリ“/home/userID/public_html”に.htaccessという名前を付けたファイルを下記内容で作成してアップロードします。

携帯電話からのアクセスを自動転送するためのものだそうです。

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} ^DoCoMo [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^vodafone [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^KDDI [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^J-PHONE [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^Up.Browser [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^ASTEL [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^DDIPOCKET [NC]
RewriteRule ^$ http://sample.jp/mobile [L]

次に、携帯用のディレクトリ“/home/userID/public_html/mobile”に下記内容の.htaccessファイルをアップロード。

携帯電話からのアクセス自動転送を停止させるものだそうです。

RewriteEngine Off

以上です。

2つの.htaccessファイルを設置した後、携帯でアクセスして振り分けできていれば成功です。

ブログサイトでMT4iのスクリプトを使ってモバイルコンテンツを作成している場合は、上記の参考サイトがそのまま活用できます。

ちなみに、上記の方法でサンプルサイトを作成してauの携帯で試したところ、問題無く振り分けできていました。

お試しあれ。

トラックバック

このページへのトラックバックURL:
http://idobata.info/cgi-bin/mt/mt-tb.cgi/4316

Amazon.co.jp最新ランキング

Powered by
Movable Type