japan.internet.com
テクノロジー2004年9月29日 00:00
文字サイズ文字サイズ小文字サイズ中文字サイズ大

ブラウザ振り分けでイメージアップ！

この記事のURLhttp://japan.internet.com/webtech/20040929/8.html
著者：JPRS 長谷川早苗
国内internet.com発の記事
ユーザーがどんな端末を使っていても、同じ URL できちんと Web サイトに到達できるようにすること。前回お話ししたように、ブランドイメージを定着させるためには、とても大切ですよね。でも、意外なことにまだまだ浸透しているとは言えません。簡単なのに差がついて企業の好感度も上がる、そんな工夫を取り入れてみませんか。

●User-Agent をご存じですか？

世の中にはいろいろなブラウザがあります。Internet Explorer や Netscape、Opera、Safari。携帯電話も電話会社や機種による違いが存在します。コンテンツを上手に提供するためには、お客さまが使っているブラウザを知るのが第一歩。それを可能にするのが User-Agent（ユーザーエージェント）です。

User-Agent とは、ホームページを閲覧する際にブラウザから Web サーバーに送信される情報の一部です。どのような形をしているのか、ちょっと携帯電話を例に見てみましょう。

◇User-Agent の例（携帯電話）
機種 User-Agent 参照
サイト
DoCoMo/FOMA P900i DoCoMo/2.0 P900i(c100;TB;W30H14) DoCoMo
au(EZ-Web)/au W21SA KDDI-SA31 UP.Browser/6.2.0.7.3.129 (GUI) MMP/2.0 au
vodafone/J-SH51 J-PHONE/4.0/J-SH51/SNxxxxxxxxxxxx SH/0001a Profile/MIDP-1.0 Configuration/CLDC-1.0
Ext-Profile/JSCL-1.1.0
(xxxxxxxxxxxxは端末シリアル番号)		 vodafone

NTT DoCoMo は“DoCoMo”、au は“Up.Browser”、vodafone は“J-PHONE”という文字列が含まれます。これを見れば、どの電話会社かが特定できますね。

DoCoMo の携帯電話からアクセスされれば、DoCoMo 用のコンテンツ。PC からアクセスされれば、もちろん PC 用のコンテンツを表示。これを可能にするのが、今からご説明する「振り分け設定」。同じ URL を打ち込まれても、Web サーバー側で User-Agent を調べることで、それぞれの端末にぴったり合ったコンテンツを表示させることができるのです。



あなたの Web サイトが CGI か PHP を使える環境にあれば、この設定が簡単に実現します。今回は、リダイレクト設定を応用した方法をご紹介します。

●振り分け設定をしてみよう[CGI/PHP 編]

お客さまにはお知らせするのは、共通の URL http://example.jp/。そして、それぞれの携帯キャリアごとにコンテンツを準備し、URL を設定。ここでは以下のように設定するものとします。

DoCoMo 用のコンテンツの URL http://example.jp/i/index.html
AU 用のコンテンツの URL http://example.jp/e/index.html
Vodafone 用のコンテンツの URL http://example.jp/v/index.html
PC 用のコンテンツの URL http://example.jp/home.html


CGI または PHP を利用して、User-Agent 情報に含まれる"DoCoMo"、"UP.Browser"、"J-Phone"といった文字列を判別し、それぞれリダイレクト先を指定。また、携帯電話を示す文字列が User-Agent に含まれない場合は PC からアクセスされたものとして、PC 用のコンテンツにリダイレクトするようにします。

・CGI の記述 

#!/usr/bin/perl -w

$agent = $ENV{’HTTP_USER_AGENT’};

if($agent =~ /DoCoMo/){
    print "Location: http://example.jp/i/index.html";
    exit;
}
elsif($agent =~ /UP.Browser/){
    print "Location: http://example.jp/e/index.html";
    exit;
}
elsif($agent =~ /J-PHONE/){
    print "Location: http://example.jp/v/index.html";
    exit;
}
else{
    print "Location: http://example.jp/home.html";
    exit;
}

・PHP の記述 

<?
$header = getallheaders();
$agent = $header["User-Agent"] ;

if(ereg("DoCoMo",$agent)){
    header("Location: http://example.jp/i/index.html");
    exit;
}
elseif(ereg("UP.Browser",$agent)){
    header("Location: http://example.jp/e/index.html");
    exit;
}
elseif(ereg("J-PHONE",$agent)){
    header("Location: http://example.jp/v/index.html");
    exit;
}
else{
    header("Location: http://example.jp/home.html");
    exit;
}
?>

いかがですか？とってもシンプルだと思いませんか。ちょっとしたテクニックで、ブランドメッセージを強めたり、お客さまにとっての利便性を高めることができるとしたら、やっておかないと損ですよね。

「携帯ユーザーの大切さは分かるけど、今のところは携帯電話用のコンテンツを作るところまで手が回らないよ」という場合もあるでしょう。そういうときでも、振り分け設定はしておく方がベター。お客さまが URL を携帯電話から打ち込んだのに、PC 向けコンテンツしか準備されていなかったとしたら、PC 向けのサイズの大きいコンテンツが携帯電話に送られてしまいます。期待していたコンテンツが見られない上に余分なパケット料金までかかってしまったとなれば、お客さまの不満は増大しますよね。携帯電話用のサイトがないなら、PC サイトへに誘導しましょう。「この Web サイトは PC からご覧ください」というメッセージが表示されるだけでも、不快な思いは軽減します。

次回からは、もう少し本格的にやってみたいという方向けに、Web サーバや DNS の設定を含めた方法をご紹介していきます。

記事提供：

japan.internet.comのウエブサイトの内容は全て、国際法、日本国内法の定める著作権法並びに商標法の規定によって保護されており、その知的財産権、著作権、商標の所有者はインターネットコム株式会社、インターネットコム株式会社の関連会社または第三者にあたる権利者となっています。
本サイトの全てのコンテンツ、テキスト、グラフィック、写真、表、グラフ、音声、動画などに関して、その一部または全部を、japan.internet.comの許諾なしに、変更、複製、再出版、アップロード、掲示、転送、配布、さらには、社内LAN、メーリングリストなどにおいて共有することはできません。
ただし、コンテンツの著作権又は所有権情報を変更あるいは削除せず、利用者自身の個人的かつ非商業的な利用目的に限ってのみ、本サイトのコンテンツをプリント、ダウンロードすることは認められています。
Copyright 2012 internet.com K.K. (Japan) All Rights Reserved.