楽天サイトをモバイルフレンドリーにする

jQueryでの「ユーザエージェント」を識別してのスマホ誘導バナー設置だけではモバイルフレンドリーとならなかったので内容を変更。

PCページに追加

スマホページに追加

PCページに「ユーザエージェント」を追加

<script>
var ua = navigator.userAgent;
if( ua.indexOf('iPhone') > -1 || ua.indexOf('iPod') > -1 || ua.indexOf('Android') > -1 ) {
	if(confirm('●●●へようこそ。このサイトにはスマートフォン用サイトがあります。表示しますか？')) {
		location.href = 'スマホページURL';
	}
}		
</script>

var ua = navigator.userAgent;

if( ua.indexOf('iPhone') > -1 || ua.indexOf('iPod') > -1 || ua.indexOf('Android') > -1 ) {

if(confirm('●●●へようこそ。このサイトにはスマートフォン用サイトがあります。表示しますか？')) {

location.href = 'スマホページURL';

}

</script>