スマートフォンサイトへの振り分け
<head>内に、下記を入れ『スマートフォン用のサイトを表示しますか？』というアラートを表示させます。
<!-- SmartPhone -->
<script type="text/javascript">
//if ((navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
if (document.referrer.indexOf('（ドメイン名：例 phono.co.jp）') == -1 && ((navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0)) {
if(confirm('スマートフォン用のサイトを\n表示しますか？')) {
location.href = '../smp/disney/';
}
}
</script>
<!-- /SmartPhone -->
そして、スマホだけに見せるボタンなどは下記の様に記述します。
<!-- スマートフォンボタン -->
<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPad') > 0) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
document.write ('<a href="（リンクしたいURL）"><img src="/tv/af_lib/img/btn_smp.gif" width="134" height="21" alt="スマートフォンサイトへ" border="0" style="margin:40px 0 5px 0;float:right;" /></a>');
}
</script>
<!-- /スマートフォンボタン -->