フォノクラフト株式会社:作業メモや備忘録など

作業メモや備忘録など…

スマートフォンサイトへの振り分け

without comments

<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>
		<!-- /スマートフォンボタン -->