楽天商品リンクを手っ取り早く作成する方法

楽天商品リンク
この記事は約3分で読めます。
楽天アフィリエイトのショートカットURLによるブログカードは、何度も利用すると、当ページのようにアクセス制限を受ける恐れがあります。ですので、以下の方法は使用しないことをおすすめします。

PA-APIが使えない方向けに、ブログカードでAmazon商品リンクを作成する方法を前回紹介しました。

PA-APIを使えずとも手っ取り早くAmazon商品リンクを作成する方法
URLを貼り付けるだけで、手軽にAmazonアソシエイト商品リンクを作成する方法です。

こんなやつ。

https://amzn.to/2JVYOy1

このような商品リンクは楽天でも当然利用できます。

【楽天市場】Shopping is Entertainment! : インターネット最大級の通信販売、通販オンラインショッピングコミュニティ
楽天市場はインターネット通販が楽しめる総合ショッピングモール。楽天ポイントがどんどん貯まる!使える!毎日お得なクーポンも。食品から家電、ファッション、ベビー用品、コスメまで、充実の品揃え。
【楽天市場】こちらの商品は現在ご購入いただけません

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

ブログカード形式で楽天商品リンクを作成する方法

ブログカードを利用するには、まずアフィリエイトURLを入手する必要があります。

まずは楽天アフィリエイトに移動します。

アフィリエイトを始めるなら! 楽天アフィリエイト
アフィリエイトの開始に面倒な手続きは一切なし!楽天会員ならすぐに無料で始められます。豊富な商品数の楽天市場と楽天トラベルなどのグループサービスが対象となりますので幅広い分野から商品を選べます。アフィリエイト成果報酬は楽天キャッシュで1円から...

検索ボックスに商品名を入力して検索します。

楽天アフィリエイトの検索ボックスから検索

検索結果が表示されるので、目的の商品の「商品リンク」ボタンをクリックします。

商品リンクボタンをクリックする

タグ生成ページが表示されたら「短縮URL」を選択します。

短縮URLを選択

ソースコードエリアに短縮URLが表示されるのでコピーします。

ソースコードから短縮URLをコピーする

あとは、取得した短縮URLをエディターに貼り付けるだけです(以下はブロックエディターの画面)。

ブロックエディターに楽天の短縮URLを貼り付ける

Broken Link Checker等のプラグインでリンク切れをチェックする場合は、「リンクに変換」ボタンを押してください。

楽天短縮URLをリンクに変換

すると、楽天商品ページのアフィリエイトリンクは、こんな感じでブログカード表示されます。

【楽天市場】Shopping is Entertainment! : インターネット最大級の通信販売、通販オンラインショッピングコミュニティ
楽天市場はインターネット通販が楽しめる総合ショッピングモール。楽天ポイントがどんどん貯まる!使える!毎日お得なクーポンも。食品から家電、ファッション、ベビー用品、コスメまで、充実の品揃え。
【楽天市場】Shopping is Entertainment! : インターネット最大級の通信販売、通販オンラインショッピングコミュニティ
楽天市場はインターネット通販が楽しめる総合ショッピングモール。楽天ポイントがどんどん貯まる!使える!毎日お得なクーポンも。食品から家電、ファッション、ベビー用品、コスメまで、充実の品揃え。
【楽天市場】Shopping is Entertainment! : インターネット最大級の通信販売、通販オンラインショッピングコミュニティ
楽天市場はインターネット通販が楽しめる総合ショッピングモール。楽天ポイントがどんどん貯まる!使える!毎日お得なクーポンも。食品から家電、ファッション、ベビー用品、コスメまで、充実の品揃え。
ブログカード形式の場合は、サムネイル画像が自動でトリミングされてしまうのが難点といえば難点です。

まとめ

ただ、楽天商品リンクの場合は、AmazonのPA-APIと違って使用制限がないので、普通にショートコードでも問題なく利用できます。

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

ブックマークレットを使えば、大した手間もかかりません。

楽天商品リンクブックマークレットの使い方
楽天商品リンクショートコードを手軽に作成するための「楽天リンク作成ブックマークレット」の登録方法と、使い方の解説です。

ブロックエディターでのブログカード利用詳細はこちら。

ブロックエディターで手っ取り早くブログカードを作成する方法
ブロックエディターでのブログカードの使い方。

今回の「楽天商品ブログカード」は、以下のようなAmazon商品と併せて紹介する時には良いのかもしれません(※PA-APIが利用できない場合)。

Amazonで詳細を見るならこちら。

https://amzn.to/2ODrA5h

楽天で詳細を見るならこちら。

【楽天市場】Shopping is Entertainment! : インターネット最大級の通信販売、通販オンラインショッピングコミュニティ
楽天市場はインターネット通販が楽しめる総合ショッピングモール。楽天ポイントがどんどん貯まる!使える!毎日お得なクーポンも。食品から家電、ファッション、ベビー用品、コスメまで、充実の品揃え。

みたいな感じで。

Amazon PA-APIを使いたいけど使えないうちは、このようにしてAmazon実績を積みつつ、楽天ユーザーも取りこぼさない布陣で行くしかないのかもしれません。

で、PA-APIが使えるようになったら、Amazon商品リンクショートコードに貼り替えれば良いかと。

Amazon商品リンクの初期設定方法と使い方
Cocoonの「Amazon商品リンクタグ作成ショートコード」機能の使い方を詳しく解説しています。
タイトルとURLをコピーしました
'); /* ヘッダーの高さの変化分、paddingで調整しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': `${threashold}px`, }); /* トップメニュータイプに変更する */ $("#header-container-in").removeClass('hlt-center-logo hlt-center-logo-top-menu').addClass("hlt-top-menu wrap"); $("#header-container").addClass("fixed-header"); $("#header-container").css({ 'position': 'fixed', 'top': '-100px', 'left': '0', 'width': '100%', }); const wpadminbar = document.getElementById('wpadminbar'); const headerContainerTop = wpadminbar ? wpadminbar.clientHeight : 0; $('#header-container').animate( { top: headerContainerTop, }, 500 ); } } /*固定ヘッダーの解除*/ function staticHeader() { if ($("#header-container").hasClass("fixed-header")) { /*センターロゴタイプに戻す*/ $("#header-container-in").removeClass("hlt-top-menu hlt-tm-right hlt-tm-small hlt-tm-small wrap").addClass(" hlt-center-logo"); $("#header-container").removeClass("fixed-header"); $("#header-container").css({ 'position': 'static', 'top': 'auto', 'left': 'auto', 'width': 'auto', }); /* ヘッダーの高さの戻る分、padding削除しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': '0', }); $("#header-fixed").remove(); } } /* 境界値をヘッダーコンテナに設定 */ var threashold = $('#header-container').height(); var prevScrollTop = -1; var $window = $(window); var mobileWidth = 1023; $window.scroll(function() { var scrollTop = $window.scrollTop(); var s1 = (prevScrollTop > threashold); var s2 = (scrollTop > threashold); var w = $window.width(); /*スクロールエリアの位置調整*/ function adjustScrollArea(selector) { if ($(selector) && $(selector).offset()) { offset = $(selector).offset().top; h = $("#header-container").height(); pt = $(selector).css('padding-top'); if (pt) { pt = pt.replace('px', ''); } else { pt = 0; } if ((scrollTop >= offset - h) && (w > mobileWidth)) { if ((pt <= 1) && $("#header-container").hasClass('fixed-header')) { $(selector).css({ 'padding-top': h + 'px', }); } } else { if (pt > 0) { $(selector).css({ 'padding-top': 0, }); } } } } /*スクロール追従エリアの調整*/ function adjustScrollAreas() { adjustScrollArea('#sidebar-scroll'); adjustScrollArea('#main-scroll'); } /*固定ヘッダーのスタイル決め*/ function adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth) { if (s1 ^ s2) { if (s2 && (w > mobileWidth)) { stickyHeader(); } } /* 境界値に達したら固定化 */ if (scrollTop <= threashold || w <= mobileWidth) { staticHeader(); } } adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth); adjustScrollAreas(); prevScrollTop = scrollTop; }); /*ウインドウがリサイズされたら発動*/ $window.resize(function () { /*ウインドウの幅を変数に格納*/ var w = $window.width(); if (w <= mobileWidth) { /*モバイル端末の場合*/ staticHeader(); } else { /*パソコン端末の場合*/ var scrollTop = $window.scrollTop(); if (scrollTop >= 50) { stickyHeader(); } } }); })(jQuery);