*

楽天のスマホ商品ページにPC版で見るボタンを追加するカスタマイズ

公開日: : ネットショップ

タブレットとスマホFreepikによるデザイン

スマートフォンでウェブサイトを見ていたり、ネットショッピングをしている時に PC 版のサイトを見たいと思った事はありませんか?

大抵のウェブサイトやネットショッピングサイトでもスマートフォンからのアクセスが PC を上回る状況に来ていますが、スマートフォンで PC 版を見たいというニーズは今でも一定数はあるようです。ウェブサイトやスマートフォンのブラウザで PC 版サイトを表示する設定やボタンがありますが、初心者にはわかりづらい所にあります。

PC版で見る

例えばショッピングモールの楽天では、画面右上に PC 版で見るボタンが用意されています。しかし、初心者にはそれが何のボタンかもわかりませんし触ろうとも思わないでしょう。

楽天でもスマートフォンサイトに力を入れているショップが大半となりましたが、やはりスマートフォンサイトでは画面も小さくて収められる情報も限られてきます。そこで誰でもわかりやすく楽天のスマホ商品ページに「PC版で見る」ボタンを付けようというのが今回の本題です。

PC版で見るボタンを作る

<table width='85%' align='center' bgcolor='#ff2525' cellpadding='5'><tr><td align='center' height='50'><b><a href='商品ページのURL?force-site=pc'><font color='#ffffff' size='5'>PC版で見る≫</font></a></b></td></tr></table>

上のコードは例ですが、html で PC 版で見るボタンを作りました。

PC版で見る

これをブラウザで見ると上図のような感じになります。

楽天でスマートフォンサイトから PC 版サイトを見る為には、URL の最後に「?force-site=pc」というパラメータを付加する事で PC 版サイトを見る事ができます。つまり商品ページ URL の最後に「?force-site=pc」を追加して a タグでリンクすれば OK です。

スマホページに一括でPC版で見るボタンを追加

PC 版で見るボタンは作れましたが、商品数が何千、何万とあれば付けるのが大変です。そんな時は Excel のマクロを使えば一瞬です。

Excelで全ての行のセルの頭や最後に文章を追加したい【マクロ使用】
Excel にはマクロ機能といって Visual Basic を使ってプログラミングができる機能があります。ちょっとでも自分でプログラミングが出来ると作業の時短が出来て便利

上の記事でも紹介している方法でスマホサイトの商品説明の最下部に PC 版で見るボタンを追加します。

Sub セル末尾文章追加()
    Dim i As Integer
    For i = 2 To Sheets(1).UsedRange.Rows.Count
        Sheets(1).Cells(i, 53).Value = Sheets(1).Cells(i, 53).Value & "<br><br>" & Chr(10) & "<table width='85%' align='center' bgcolor='#ff2525' cellpadding='5'><tr><td align='center' height='50'><b><a href='http://item.rakuten.co.jp/******/" & Sheets(1).Cells(i, 2).Value & "/?force-site=pc'><font color='#ffffff' size='5'>PC版で見る≫</font></a></b></td></tr></table>"
    Next
    Msgbox("終了")
End Sub

随分と長いですがやっている事は単純です。商品情報を CSV で一括編集する事はよく行われている事だと思います。スマホ商品説明の末尾に PC 版で見るボタンを追加しています。

楽天の商品ページの URL は「http://item.rakuten.co.jp/ショップID/」の後に商品管理番号が付加されて出来ています。その為「Sheets(1).Cells(i, 2).Value」で商品管理番号を付加して URL を完成させています。「Sheets(1).Cells(i, 53)」「Sheets(1).Cells(i, 2)」の53と2という部分は、お使いのデータフォーマットに合わせてスマホ商品説明の列番号、商品管理番号の列番号に変更してください。

補足説明

  • Chr(10)は CSV データ上で改行する意味です。
  • Sheets(1).Cells(i, 2).Value とは、1番めのシートの i 列2行目のデータを挿入するという意味です。上の例で iは for 文により 2から最後の行数まで変化します。

おわりに

これで、ちょうどショッピングカートの上部分に PC 版で見るボタンができます。スマートフォンで見ながら商品ページを PC 版サイトで詳しく見たいというニーズを満たせると思います。

上部広告

  • Pocket

おすすめトピックス

関連記事

商品ページの回遊率アップで売上向上を狙う為の施策について

どこのネットショップ、ショッピングモールでもそうですがマニュアル通りにただ商品を載せただけでは売上向上に繋がりません。ちょっとしたカスタマイズで商品ページの回遊率を高め、商品が売れる機会を増やすことができます。 カスタマ […]

Yahooショッピング及びヤフオクが常時SSL化へ。やるべき対応は?

Yahoo!ショッピングとヤフオクに限らず、Yahoo の全サービスが2017年3月までに常時 SSL 化されます。Yahoo 全体でSSL暗号化通信を行い利用者側にとっても安全でセキュアに Yahoo のサービスを利用 […]

カートボタン
2015年末版、楽天の商品ページのカートボタンを画像にしてクリックしやすくしよう

楽天と言えば有名なショッピングモールの一つです。楽天で買い物をした事がある方もいらっしゃるでしょう。 ネットショップで買い物をする場合、商品ページを見て内容に納得してほしいと思ったら「カートに入れる」ボタンを押すのが普通 […]

カートフォント
商用無料!様々なショッピングカートのデザインが揃っているフリーフォント

インターネットショッピングのサイトを作るなら必ず必要な「買い物カゴボタン」。お客様が商品を注文するために必要なボタンです。よく買い物かごに入れるという文字とともにショッピングカートのアイコンがあしらわれたボタンがよく使わ […]

電話応対
お客様の注文間違いは転換率アップのチャンスです

ネットショップ、EC サイトを運営していれば日々お客様からのお電話を頂くかと思います。それは、商品に対する質問であったりクレームであったり内容は様々。その問い合わせ、受けただけで終わりにしてませんか? お客様からの問い合 […]

ショッピングカート付近にバナーを
楽天商品ページのカート付近、商品名の下にバナーを貼る方法

ネットショップのショッピングカート付近といえば、商品を見たり買ったりする人なら誰でも目を通す一等地です。そんな所にお知らせやバナーなんかを貼る事が出来たら便利ですよね。 楽天の商品ページでは標準機能では用意されていません […]

上部広告

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

上部広告

       
つるやパンの2号店!ふわふわまるい食パン専門店が長浜駅前にオープン

つるやパンと言えば聞いたことがある方も多いかもしれません。つる

コンビニ受け取り
不在がちでもAmazonの注文の品をコンビニで受け取る事ができます【ファミリーマート編】

ネットショッピングは今では物を購入する手段としてメジャーな存在となりま

安全靴
カジュアルで疲れにくく痛くない!安くて履きやすいおすすめ安全靴【喜多】

倉庫や工場、建設業の方ならお馴染みの物かと思いますが、安全靴と

CapsLockキー
CapsLockキーにイライラ、いらないので無効化してさしあげた

キーボードの CapsLock キーって知ってますか?あなたの

AMP
WordPressを簡単にAMPに対応するテーマやテンプレートを紹介

ウェブサイトの SSL 対応と同様に、いずれ AMP にも対応

→もっと見る