携帯サイト制作の実践ノウハウ：キャリア別にメール受信設定リンクを出分ける

空メールを使った携帯サイトやサービスがよくあります。迷惑メールを懸念し携帯ドメイン以外のメールアドレスからの返信を拒否するユーザーも多いので、ユーザー離脱を起こしやすいです。こうしたユーザーに配慮し、ドメイン拒否指定をの解除がしやすいように、メール受信設定が行えるキャリアのURLにリンクを貼るなどします。

ラウンドアバウトのない静的なHTMLでは３キャリア分のリンクを列挙することになります。違うキャリア用のリンクを踏むとエラーになるので、ユーザビリティを考慮して出し分けしたいところです。

前回書いたように、ラウンドアバウトではPI機能または変換シートの２つの方法で出し分けをすることができます。

●PI機能を使う場合

以下のサンプルのように、キャリアを出し分け条件にしてPIを記述します。

（XHTMLソース）

&#xE719;ﾒｰﾙ受信設定は<br /> 
<?ra carrier="DoCoMo" ?><a href="http://docomo.ne.jp/cp/mailurlfltst.cgi">ｺﾁﾗ</a>
<?ra carrier="au" ?><a href="http://imutl.ezweb.ne.jp/cgi2001/utl_menu.cgi">ｺﾁﾗ</a>
<?ra carrier="SoftBank|Disney" ?><a href="http://elinks.softbank.ne.jp/selfcare">ｺﾁﾗ</a>

●変換シートを使う場合

メール受信設定URLを変換キーワードにし、キャリア別URLを変換するルールを変換シートに追加します（aタグのhref属性だけを切り替えるということ）。どれか１つのキャリアのURLでリンクを記述しておけば、アクセスした機種のキャリアに応じた内容に変換されます。

●キャリアURL変換ルール（イメージ）

変換元キーワード	ドコモ	au	ソフトバンク
http://docomo.ne.jp/cp/mailurlfltst.cgi	;（変換しない）	au用L※	ソフトバンク用※
http://imutl.ezweb.ne.jp/cgi2001/utl_menu.cgi	ドコモ用※	;（変換しない）	ソフトバンク用※
http://elinks.softbank.ne.jp/selfcare	ドコモ用※	au用※	;（変換しない）

※メール受信設定URL

• ドコモ用：http://docomo.ne.jp/cp/mailurlfltst.cg
• au用：http://imutl.ezweb.ne.jp/cgi2001/utl_menu.cg
• ソフトバンク用：http://elinks.softbank.ne.jp/selfcare

リンクの出現箇所が多い場合は変換シートを使った出し分けが効率的です。さらに変換キーワード元のURLを短く間違えにくいワードに決め（この場合変換ルールは１つ）、実機でアクセスした際に適したURLにリンクされるという工夫もできます。

（XHTMLソース）

&#xE719;ﾒｰﾙ受信設定は<br /> 
<a href="${MAIL_DOMAIN_URL}">ｺﾁﾗ</a>

こうしてキャリアごとのページへのリンクが１つだけ表示されるようになります。どちらの方法でも同じ結果が得られます。

（docomo 905i、au W61K、SoftBank 920Pでアクセスした画面）