サイト全体に「モダンブラック 」スキン適用中。

楽天商品リンクブックマークレットの使い方

ショートコード

Cocoonは、楽天市場の商品を紹介するための機能が用意されています。

楽天商品リンクの初期設定方法と使い方
楽天商品リンク機能を利用するには、事前準備が必要です。特に、「楽天アプリケーションID」と「楽天アフィリエイトID」は必須となります。加えて、楽天商品の商品番号の取得方法の紹介です。

商品リンクを作成するには、ショートコードを利用する必要があります。

楽天商品リンクショートコードの使い方。サンプルつき。
楽天商品リンクを作成するためのショートコードの使い方を詳しく解説しています。オプションを利用することで、様々な表現を行うことが可能です。

ただショートコードを作成するには、楽天の商品IDもしくは、プロダクト番号等を調べる必要があり、結構面倒くさいです。

そこで、クリック一発で「楽天商品リンクショートコード」を作成できるブックマークレットを作成しました。

以下では、使い方を説明したいと思います。

スポンサーリンク

ブックマークレットの登録方法

まずはブラウザにブックマークレットを登録します。

ブックマークレットを登録するには、以下の「楽天商品リンク紹介」と書かれたリンクボタンをブラウザのブックマークにドラッグ&ドロップするなどして登録してください。

こんな感じ。

楽天商品リンクブックマークレットをブックマークに登録

登録は、これだけです。

ドラッグ&ドロップで登録できない場合

Mac環境などでは、D&DでChromeブラウザに登録できないという報告が何件かありました。

D&Dで登録できない場合は、以下の手順でブックマークレットを追加してください。

  1. Chromeで新しいブックマークを作成する
  2. Windowsでいうところの右クリックメニューから「楽天商品リンク作成」ボタンのURLをコピーする
  3. URL部分にコピーしたものをペーストする

手動で追加

Chromeブラウザでない場合でも、同様の手順でブックマークレット追加できるかと思います。

ブックマークレットが使える楽天ページ

今回作成したブックマークレットは、楽天市場全てのページで使えるわけではありません。

以下の商品個別ページなどでのみ利用できるようになっています。

  • 楽天市場商品個別ページ(item.rakuten.co.jp)
  • 価格ナビ個別ページ(product.rakuten.co.jp)
  • 楽天ブックス個別ページ(books.rakuten.co.jp/rb)

基本的に、上記の個別ページのみで利用できます。

楽天Kobo 電子書籍版(books.rakuten.co.jp/rk)ページには対応していませんのでご了承ください。電子書籍の商品コードでは楽天APIで情報を取得出来ないので。

    楽天市場商品個別ページ

    ブックマークレットは、楽天市場の個別商品ページで利用できます。

    まずは楽天市場から商品を検索します。

    楽天検索フォーム

    例えば、以下のルンバの商品ページを例にします。

    アイロボット ロボット掃除機 ルンバ980 送料無料 日本仕様正規品

    商品ページを開いた状態で、ブックマークレットをクリックします。

    楽天商品リンク作成ブックマークレットをクリック

    すると、以下のようなダイアログが表示されるので、ショートコードをコピーします。

    ブックマークレットをクリックするとダイアログが表示

    例えば、こんな感じのショートコードが作成されます。

    [rakuten id="irobotstore:10000102" kw="アイロボット ロボット掃除機 ルンバ980 送料無料 日本仕様正規品"]

    これを、WordPressのエディターに貼り付けると

    WordPressのエディターに楽天商品リンクショートコードを貼り付ける

    以下のように表示されます。

    価格ナビ個別ページ

    楽天の価格ナビページから、アフィリエイト料率が最も高い商品を、商品リンクとして表示することも可能です。

    価格ナビページを表示するには、価格ナビもしくは、楽天市場から普通に商品を検索してください。

    楽天検索フォーム

    例えば「正露丸」で検索した場合は、以下のような結果が表示されるので価格ナビページを表示するには、商品写真の下にある「最安ショップを見る」ボタンを押してください。

    「最安ショットを見る」ボタンを押す

    するとこんな感じの価格ナビ個別ページが表示されます。

    大幸 セイロガン糖衣A PTP 120錠

    このページ上で、ブックマークレットをクリックします。

    楽天商品リンク作成ブックマークレットをクリック

    すると以下のようなダイアログが表示されるので、ショートコードをコピーします。

    価格ナビ個別ページでブックマークレットを実行したときに表示されるダイアログ

    こんな感じのショートコードがコピーされます。

    [rakuten no="4987110004301" kw="大幸 セイロガン糖衣A PTP 120錠"]

    これをWordPressエディターに貼り付けます。

    楽天商品リンクショートコードをWordPressエディター兄貼り付ける

    すると以下のように表示されます。

    先程は、id(アイテムコード)で指定されていましたが、今回はno(商品番号)というオプションで指定されています。

    noオプションを使うと、同じ商品番号もつ「ショップ商品ページ」の中から、一番アフィリエイト料率の高いショップの商品ページにリンクされます(デフォルト設定の場合)。

    例えば、先程の正露丸の例だと、管理者がログインした状態で商品リンクを見ると、右下にアフィリエイト料率が表示されます。

    管理者がログインした状態で商品リンクを見るとアフィリエイト料率が表示される

    「大幸 セイロガン糖衣A PTP 120錠」という商品で一番料率の高い5.1%のショップページが表示されることになります。

    ごく稀に、楽天API出力の中に、コードかぶりの商品がある場合は、意図しない商品が表示される可能性もあります。

    楽天ブックス個別ページ

    ブックマークレットは、楽天ブックスでも使用可能です。

    これも使い方は同じで、楽天ブックスで商品を検索します。

    楽天ブックスで検索

    検索結果から商品ページを開きます。

    オーバーロード(1) (カドカワコミックスA)

    この個別ページ上で、ブックマークレットをクリックします。

    楽天商品リンク作成ブックマークレットをクリック

    するとこんな感じのダイアログが表示されるのでショートコードをコピーしてください。

    楽天ブックスで表示されるショートコードダイアログ

    ショートコードはこんな感じ。

    [rakuten no="9784041030714" shop="book" kw="オーバーロード(1) (カドカワコミックスA)丸山くがね"]

    実際の商品リンクはこんな感じ。

    DVD・ブルーレイとか

    ゲーム機とかでも大丈夫。

    ただし「楽天Kobo 電子書籍版」ページは、ブックマークレットは利用できないのでご注意ください。

    楽天Kobo 電子書籍版ページはブックマークレットの対象外

    まとめ

    こんな感じで、ブックマークレットを利用すれば「楽天商品リンク」のショートコードをクリック一発で作成できるようになります。

    楽天市場の「商品ID(アイテムコード)」「商品番号」は、調べるのが結構面倒くさいので、ブックマークレットをご活用ください。

    また、価格ナビ個別ページでブックマークレットを利用すれば、報酬パフォーマンスの高い運用もしやすくなると思うので、よろしければ試してみてください。

    ただし、楽天アフィリエイトの場合1%オーバーのアフィリエイト料率のある商品の方が稀なので、そこまでのパフォーマンスにはならないかもしれません。
      ショートコード楽天商品リンク
      スポンサーリンク
      わいひら

      無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

      わいひらをフォローする
      わいひらをフォローする
      おすすめレンタルサーバー
      mixhost

      プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

      ◎LiteSpeedを用いた高速サーバー(完全SSD)
      ◎http/2・QUIC(高速化プロトコル)に対応
      ◎プランのアップ・ダウングレードが自由自在
      ◎転送量が多い
      ◎毎日無料バックアップ(14日分)
      ◎復元ポイントを指定して復旧可能(無料)
      ○サーバ引っ越しオプションあり(有料)
      ○アダルト・出会い系サイト可

      安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

      ◎nginxを用いた高速サーバー(完全SSD)
      ◎老舗サーバーなので安定感抜群
      ◎ディスク容量が多い
      ◎転送量が多い
      ◎同サービス内でドメイン管理が可能
      ○http/2(高速化プロトコル)に対応
      ○毎日無料バックアップ(14日分)
      △DBは7日分だけ無料復旧可能(ファイルは有料)
      ×プラン変更でCPUのスペックアップができない
      ×プラン変更しても即時反映されない
      ×アダルト・出会い系サイト不可

      性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

      ◎LiteSpeedを用いた高速サーバー(完全SSD)
      ◎http/2・QUIC(高速化プロトコル)に対応
      ◎東京・大阪でリージョン選択が可能
      ◎プランのアップ・ダウングレードが自由自在
      ◎同サービス内でドメイン管理が可能
      ◎転送量が多い
      ◎毎日無料バックアップ(14日分)
      ◎復元ポイントを指定して復旧可能(無料)
      ○サーバ引っ越しオプションあり(有料)
      △アダルト・出会い系サイト可(条件あり)
      △開始したてなので運営能力は未知数(対応良)

      格安な値段で始められる高機能サーバーです。
      性能も備えつつ最安ならここ。
      サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

      ◎LiteSpeedを用いた高速サーバー(完全SSD)
      ◎激安プランが用意してある
      ◎値段あたりのスペックが高い(コスパ良し)
      ◎サーバ引っ越しオプションあり(無料)
      ○http/2(高速化プロトコル)に対応
      ○アダルト・出会い系サイト可
      △プランのアップは可能だがダウンは不可
      △毎日自動バックアップ(1日分)
      △前日のバックアップからのみ復元できる(無料)

      Cocoon

      コメント

      1. さっか より:

        初めまして。

        コクーンのテーマ使わせていただいています。
        ありがとうございます。

        今回楽天のブックマークレットを登録しようと思ったのですが
        「楽天商品リンク作成」のリンクボタンが表示されず登録できません。

        わたしのパソコンが原因だとしたら申し訳ないのですが…。

        • わいひら わいひら より:

          ご連絡ありがとうございます。
          どうやらLazy Loadの不具合のようです。
          修正いたしましたので、これでリンク登録できるかと思います。

      2. エミ より:

        わいひら様

        Cocoonを使用させていただいており、いつも助かってますmm

        さっか様の悩みと同じなのですが、「楽天商品リンク紹介」をブックマークにドラッグしても反応せず困っております。どうしたら良いのでしょうか?

        もし私の問題であれば、何かアドバイスをお願いいたします。

        私の環境はMac10.1.6 ブラウザはChrome
        を使用しております。

        どうぞよろしくお願いいたします。

      3. イチ より:

        わいひら様、お疲れ様です。
        今回もSimplicity2に続きCocoonを使わせて貰っています。非常に素敵なテーマをありがとうございます。

        質問なのですが『楽天商品リンク作成』と書かれたリンクボタンをブラウザに運ぶのですが…

        s.codepen.ioに埋め込まれているページの内容
        Error: ブックマークレットのサポート範囲外のページです。
        OK

        …と表示されるだけでドラッグ&ドロップで作れません。ちなみにAmazonのリンクは作れました。

        たぶんエミさんと同じ症状だと思われます。
        わいひらさんが教えてくれたリンク先のボタンもダメでした。
        私が使用しているPCもMacのOSは10.11.6。ブラウザはChromeなので共通点がありそうな気がします。
        なにか対処法はありますでしょうか?AmazonのAPI問題があってから色々と不便なものでして。
        お忙しいと存じますが宜しくお願いします。当分はカエレバで対処いたします。

        • わいひら わいひら より:

          僕のWindows+Chrome環境では問題なく動作しているようです。

          Error: ブックマークレットのサポート範囲外のページです。

          上記のようなエラーメッセージが出る場合は、クリック動作が実行されているものと思われます。

          エラーメッセージは、ドラッグドラッグしたタイミングで表示されるものでしょうか?
          それともブックマークバー等にドロップしたタイミングで表示されるのでしょうか?

          • イチ より:

            わいひら様
            ご確認ありがとうございます。

            いま確認したところ、ドラッグ&ドロップしている間はブックマークバーに入れることもできず、エラーメッセージも出ませんでした。
            クリックすると例のエラーメッセージが出ます。ただ、ボタンを持ち上げてオロオロと彷徨っています。
            ちなみにブラウザのsafariだとブックマックバーに入りました。ただ、Chrome愛用者なので、なるべく使いたいです…。

            • わいひら わいひら より:

              僕はMac環境を持っていないので、ちょっと確かなことはわかりません。
              出来れば、コメントの案内にもあるように、フォーラムにChromeのブックマークバー当たりのキャプチャ画像とともに書き込んでいただけると、何方かMacユーザーの方がおそらく答えてくれるかと思います。
              https://wp-cocoon.com/community/cocoon-theme/

              Macは持っていないので、Windowsで別のやり方で登録する方法を書いておくと以下の手順。

              1.Chromeで新しいブックマークを作成する
              2.Windowsでいうところの右クリックメニューから「楽天商品リンク作成」ボタンのURLをコピーする
              3.URL部分にコピーしたものをペーストする

              • イチ より:

                わいひら様 有難うございます!

                教えていただいた手順で無事に楽天商品リンク作成のブックマークが作れました。お忙しいなか、本当にご迷惑をお掛けしました。
                これからも機能が充実していくCocoonを楽しみにしています。
                本当にありがとうございました。

      タイトルとURLをコピーしました