楽天商品ページに検索窓を設置して、検索結果を別タブで表示する方法

例えば、検索フォームの送信ボタンをクリックしたときに、以下のようにtarget="_blank"をフォームのアクションに追加します。

<form action="https://search.rakuten.co.jp/search/mall/" target="_blank" method="get">
    <input type="text" name="keyword" placeholder="検索キーワード" />
    <input type="submit" value="検索" />
</form>

これにより、検索結果は別タブで表示されるようになります。

検索窓の設置方法

まず、楽天の商品ページに検索窓を設置するためには、HTMLフォームを使用します。以下は、基本的な検索フォームの例です。

<form action="https://search.rakuten.co.jp/search/mall/" method="get" target="_blank">
    <input type="text" name="keyword" placeholder="商品名を入力">
    <input type="submit" value="検索">
</form>

上記のフォームでは、ユーザーがキーワードを入力して「検索」ボタンを押すと、別タブで検索結果が表示されます。

注意点

この方法では、検索結果を新しいタブで表示することができますが、検索フォームのaction属性には楽天の検索URLを指定する必要があります。また、検索結果ページが表示される際に、正しいパラメータ（例えば、keyword）を渡すことを確認してください。

まとめ

楽天商品ページに検索窓を設置し、検索結果を別タブで表示する方法は、フォームのtarget="_blank"を使用することで簡単に実現できます。これにより、ユーザーが検索結果を別タブで確認できるようになり、利便性が向上します。