ID #1163

構築したスマートフォン(タブレット)サイトからPCサイトを閲覧する、またPCサイトを表示した後にスマートフォンサイトへ戻す方法はどのようにすればよいでしょうか?

スマートフォン(タブレット)サイトからPCサイト、PCサイトを表示した後にスマートフォンサイトへ戻すことが、下記の方法にて可能となります。
仕組みとしては、デバイスにキャッシュしたMobifyのcookieのキャッシュを読み込むか否かとなります。


◆スマートフォンサイト→PCサイト
スマートフォン(タブレット)サイトからPCサイトを閲覧する場合は下記のコードを.tmpl内に記述してください。(footer.tmplなど)


<div class="x-pc">
<a href="" onclick="Mobify.desktop();return false;">PCサイトを表示</a>
</div>

※上記のソースを<body>内の配置したい位置に置いてください
※classは何かしらCSSを当てて変えていただくことも可能です


◆PCサイト→スマートフォンサイト
PCサイトからスマートフォン(タブレット)サイトを閲覧する場合は下記のコードをPCサイトの対象ページに記述してください。

<span id="mobify-back-to-mobile"></span>
<script type="text/javascript">
(function() {
var el;
var isMobile = /ip(hone|od)|android.*(mobile)|blackberry.*applewebkit/i.test(navigator.userAgent);
var thePast = new Date(1990,1,1);
if (isMobile && (el = document.getElementById('mobify-back-to-mobile'))) {
console.log('hello');
el.innerHTML = '<a href="#" onclick="document.cookie=\'mobify-path=;path=/\;expires=' + thePast.toUTCString() + '\';document.location.reload();return false;">【スマホ版で見る】</a>';}})();
</script>


※上記のソースを<body>内の配置したい位置に置いてください
※【スマホ版で見る】部分は画像やCSSでボタンを作成してください

タグ: -

関連エントリー:

この FAQ にコメントする