PCサイトをドラッグ&ドロップでスマホ対応!

  • ログイン
  • ユーザ登録

shutto対応端末を判別するAPI(PCページ→スマホページ切替)

2012年8月2日 | 森下 奈緒

シェアする

このページに記載されている「CSS」「JavaScript」等は、あくまでも記述例となっております。ご利用するPCサイトによって変更しないといけない場合があります。
そのため、このまま使用しサイトに異常が出た場合は、サポートは対象外となりますので、予めご了承の上ご利用いただけますようお願いいたします。

PCページ切り替え機能は以前から公開しておりましたが、スマホページからPCページへ切り替えた後に表示される「スマホページ切替」リンクの表示を「shutto対応スマートフォン端末&shutto変換設定があるページ」のみに表示させることができるAPIを公開しました。

【PCページにスマホ向け表示リンクの設置】
スマートフォンでPCページ表示
左はshuttoでスマホページを作成しているサイトですが、スマホページからPCページに切り替えたときに戻れるように、ページトップに「スマートフォン向け表示」のリンクが表示されています。

使い方例

下記のように切り替えボタンを置きたい箇所のソースに設置します。

<div data-shutto-display="match" style="display: none;"><a href="javascript:__shutto.view('mobile')">スマホ向け表示</a></div>

(解説)
・実際ご利用いただく場合はCSSでデザインを調整してご利用ください。

導入サンプル

さぶみっと!レコメンド
※スマートフォンでアクセスしてご確認ください。PCからのアクセスでは「スマートフォン向け表示」のリンクは表示されません。

※2012年9月28日更新。以前の「__shutto.match()」を使ったAPIは新導入方式(JavaScriptファイルアップロード形式)でご利用いただけませんので、上記方法に差し替えていただくようお願いいたします。

スマホ向け表示
株式会社イー・エージェンシー

〒100-0006 東京都千代田区有楽町1-9-4 蚕糸会館4階