楽天RMS(ゴールド)にページ内検索窓を設置する方法

2013/03/05 Web

いつかは触ることになるだろうと思っていた楽天市場を
ついに制作するときがやってきました!

甘く見ていたショップ内検索機能の実装にいきなりつまづいたのでメモ的な記事です。
ちなみに完全に、オリジナルデザインで制作して問題なく動いた事例です!

まずは、商品検索窓を設置する為のソースを準備します

楽天RMSのよくある質問で発見した、以下の情報があります。
(分かりづらくて、この情報にたどり着くのにもすごく時間が…)

※ここから転載
以下のサンプルでご案内しているHTMLタグはこのままでは使用できません。
必ず●(店舗ID)は6桁の店舗ID(受注番号の最初の6桁)、
▲(店舗URL)は店舗URL(店舗のトップページのrakuten.co.jp/の後ろの部分)、
■(店舗名)は店舗名に書き換えてください。

<form action="http://esearch.rakuten.co.jp/rms/sd/esearch/vc" method="get"><input type="hidden" name="sv" value="6" />
<input type="hidden" name="sid" value="●(店舗ID)" />
<input type="hidden" name="su" value="▲(店舗URL)" />
<input type="hidden" name="sn" value="■(店舗名)" />
<input type="text" name="sitem" />
<input type="hidden" name="f" value="A" />
<input type="submit" value="商品検索" /></form>

初心者ならいきなり分からない、店舗IDという必要な情報が!

店舗IDが、そもそも何なのか何処に記載されているのか分かりません、悩みました。
さまよった結果、楽天RMSの管理画面で発見しました!

それにしても、RMSの管理画面に慣れない!不明!
何か気づいたらログアウトして戻れなくなる!ので、URLを貼っておきます。

楽天RMS管理画面URL

店舗IDは以下の手順で確認できます。

  • 1.楽天RMSにログイン
  • 2.2-2決済・口座管理
  • 3.楽天マルチ決済
  • 4.設定変更の登録情報・設定変更

ここで、店舗IDと、ついでに店舗名が分かります。
店舗URLに関してはhttp://www.rakuten.co.jp/(店舗アカウント名)で良いかと思います。

このソースをページ内にRMSから貼ったりーで、とりあえず検索窓の設置が可能になります。

検索結果が文字化けする!ゴールドから呼び出したifreamの挙動がおかしい!

このままだと、文字化けが発生する(場合がある?)のと、ゴールドに置いたhtml
をショップ内でifreamで呼んでから検索ボタンを押すと
ifream内で検索されてしまうし、文字化けする場合があります。

なので、文字コードの指定だったり、リンクの指定を少し追加して以下の状態にします。
恐らく大きな問題はないですが、細かいことはお調べ下さい。

<form action="http://esearch.rakuten.co.jp/rms/sd/esearch/vc" method="get" target="_top"><input type="hidden" name="sv" value="6" />
<input type="hidden" name="sid" value="●(店舗ID)" />
<input type="hidden" name="su" value="▲(店舗URL)" />
<input type="hidden" name="sn" value="■(店舗名)" />
<input type="text" name="sitem" />
<input type="hidden" name="f" value="A" />
<input onclick="document.charset='EUC-JP'; document.rakutenSubmit.submit();" type="image" name="submit" src="common/img/search_btn.jpg" value="検索" /></form>

まだ正式にオープンするまでの手順でやらないといけない事は沢山ありますが、
楽天な記事もちょこちょこ更新できればと思います。

Facebookシェア B!