【コピペで簡単！】楽天goldで商品検索窓を作成する方法

楽天GOLDで検索窓はどうやって作るの？
検索窓を作成したが、文字化けしてしまう…
レフトナビをifreamで切り分けた際に、ifream内で検索結果が表示されてしまう…

こんな悩みを解決できる記事を書きました！
本業はWordPressのオリジナルテーマ制作をおこない、副業ではブログを書いております。

この記事を読むことで、コピペで簡単に商品検索窓を作成することができます。

楽天goldで商品検索窓を作成する方法

商品検索窓を設置したい箇所に、次のコードを記述します。

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

解説

商品検索窓を作成する際に変更が必要な箇所は、以下の3つ。

①店舗ID
楽天RMS管理画面 → 店舗設定 → 基本情報設定 → 店舗ステータス変更（URLの末尾にある6桁の数字）

②店舗名
店舗名を入れます。

③店舗URL
例:  https://www.rakuten.ne.jp/gold/〇〇〇〇/
〇〇〇〇の部分を入れます。

検索結果が文字化けしてしまう時の解決策

検索結果が文字化けしてしまう時は、formタグの文字コードをEUC-JP（euc-jp）に設定してあげる必要があります。

<form method="get" action="https://esearch.rakuten.co.jp/rms/sd/esearch/vc" accept-charset="euc-jp">

ifream内で検索結果が表示されてしまう時の解決策

レフトナビをifreamで切り分けた際に、ifream内で検索結果が表示されてしまう時は、formタグに target=”_top” を追加する必要があります。

<form method="get" action="https://esearch.rakuten.co.jp/rms/sd/esearch/vc" target="_top">

今回は以上です。