スマホの商品ページに「PC版で見る」ボタンを設置したいです。

Question

お世話になっております。
ケンジントンガーデンズ　岩元です。

現在、スマホのページを見やすく改良しようとしているのですが、
他の店舗さんで時々見かける「（より詳しく）PC版で見る」ボタンを設置したいです。

これは、「PC版で見る」バナー（ボタン）を作って、ひたすら該当の商品ページURLをそれぞれ張り付けていく
しかないのでしょうか・・・？


あと、スマホの場合、画像はHTMLで3つしか設置出来ないようですが、これ以上画像を埋め込める技とかないでしょうか？

例：下記URLの商品ジャンルは、小カテゴリが12種あるので、12個バナーを作って各ページから行き来できるように
　　しましたが、スマホだと3つしかバナーが付けられませんでした。
　　http://item.rakuten.co.jp/kensingtongardens/c/0000000159/

以上のこと、ご連絡をどうぞよろしくお願いします。

Answer

ECマスターズの田中です。


> 現在、スマホのページを見やすく改良しようとしているのですが、
> 他の店舗さんで時々見かける「（より詳しく）PC版で見る」ボタンを設置したいです。
> これは、「PC版で見る」バナー（ボタン）を作って、ひたすら該当の商品ページURLをそれぞれ張り付けていく
しかないのでしょうか・・・？

はい。
スマートフォン用ページではJavaScriptが使えず、
タグのリンク先も「http(s)://」で始まるURLしか使えませんので、
各商品ページにバナーを張って、

商品ページURL＋「?force-site=pc」
例）http://item.rakuten.co.jp/kensingtongardens/cbpn89/?force-site=pc

というURLにリンクを張っていく必要があります。


> あと、スマホの場合、画像はHTMLで3つしか設置出来ないようですが、これ以上画像を埋め込める技とかないでしょうか？
画像だけであれば、たとえば4枚のバナーをつなげて1枚にした画像ファイルを
作っていただくという方法があるのですが、
タグが使えないため、各バナーごとにリンクを張ることはできません。


なお、双方のケースにおいて、
楽天のバグを利用して禁止タグのチェックを回避し、実現させることはできますが、
今後のRMSの修正により利用できなくなります。

バグについて、過去の記事にてご説明しておりますので
下記URLの返答をご一読いただけますでしょうか。
https://ec-masters.club/forum/post_view.php?id=846

Answer

ご連絡ありがとうございます。

スマホページって結構制限が有って作り込みが難しいですね。

商品画像を中心に頑張ってみます。