![アマゾンや楽天のリンクボタンを 簡単に設置できる「リンカー」の 設定方法を徹底解説!](https://arafifate.com/wp-content/uploads/2021/06/rinker5.png)
アマゾンや楽天アフィリエイトをやっていてRinker(リンカー)を使っているけど、公式の販売ページのボタンで設置したいと思ったことはありませんか?
- Rinker(リンカー)をブログに設置したい
- アマゾンや楽天、ヤフーショッピングのボタンを設置したい
- アマゾンや楽天のボタンだけではなく、公式サイトのボタンも追加したい
こんな悩みを解決します。
- サンプルサイトを使ってRinker(リンカー)を設定
- Rinker(リンカー)の基本的な設定を解説
- 画像を〇〇枚使って、公式サイトのボタンの設定方法を解説
この記事を見ることによって、Rinker(リンカー)を使ってアマゾン、楽天、ヤフーショッピング、そしてあなたが選んだASP案件のアフィリエイトボタンを表示させることができます。
記事の編集画面を開かないで「公式ボタン」を追加 することができます。
ASPから商品リンクを取得して、そのリンクを追加するだけなので、簡単に公式ページのボタンリンクを作ることができます。
ぜひ、最後まで読んで簡単にRinker(リンカー)を使って公式サイトのボタンを追加できるようになってくださいね。
Rinker(リンカー)のインストールと有効化の設定について
まずは、Rinker(リンカー)をインストールします。Rinkerは「やよい」さんという方が開発したプラグインです。
現在のところ、WordPressのプラグイン検索からはダウンロードできない仕様になっています。
従って、下記のダウンロードページからZipファイルをダウンロードします。
![リンカーのダウンロード](https://arafifate.com/wp-content/uploads/2021/06/rinker1-e1659079842482.jpg)
分かりやすいように、デスクトップにダウンロードしておきましょう。 Zipファイルがダウンロードできたら、ワードプレスの画面からインストール します。
まずは、左メニュのプラグインの部分にマウスオンして、「新規追加」をクリックします。
![リンカーのダウンロード](https://arafifate.com/wp-content/uploads/2021/06/rinker2-e1659079870548.jpg)
新規追加をクリックすると、以下の画面に移行します。次に「プラグインのアップロード」をクリックします。
![リンカーのインストール3](https://arafifate.com/wp-content/uploads/2021/06/rinker3-e1659079887193.jpg)
クリックすると以下の画面に移行します。次に「ファイルを選択」をクリックします。
![リンカーのダウンロード4](https://arafifate.com/wp-content/uploads/2021/06/rinker4-e1659079903467.jpg)
「ファイルを選択」をクリックすると以下の画面に移行します。
先ほど、デスクトップにダウンロードしたRinker(リンカー)を選択して、「開く」をクリックします。
![リンカーのダウンロード5](https://arafifate.com/wp-content/uploads/2021/06/rinker5-e1659079919748.jpg)
クリックすると以下の画面に移行します。「今すぐインストール」をクリックします。
![Rinker(リンカー)のダウンロード6](https://arafifate.com/wp-content/uploads/2021/06/rinker6-e1659079935607.jpg)
「今すぐインストール」をクリックすると以下の画面に移行します。「プラグインを有効化」をクリックします。
![リンカーのダウンロード7](https://arafifate.com/wp-content/uploads/2021/06/rinker7-e1659079954236.jpg)
ここまでの作業で「Rinker(リンカー)」は無事インストールできました。
プラグインの 一覧に「Rinker」が増えている のが確認できますね。
![リンカーのダウンロード8](https://arafifate.com/wp-content/uploads/2021/06/rinker8-e1659079971468.jpg)
続いて、Rinker(リンカー)の詳細設定について解説します。
Rinker(リンカー)の詳細設定について
ここで設定するのは、以下の三つの設定です。
- アマゾン
- 楽天
- ヤフーショッピング
まずは、基本的な設定を行います。
ワードプレスの管理画面の左メニュの設定の部分にマウスオンすると「Rinker設定」のメニュが表示されます。
表示されたら、クリックして設定を開きます。
![](https://arafifate.com/wp-content/uploads/2021/06/rinker-1-e1659080012392.jpg)
![リンクの設定2](https://arafifate.com/wp-content/uploads/2021/06/rinker-2-e1659080027594.jpg)
①の「商品情報の再取得」にチェックを入れます。②の「価格を非表示にする」についてはお好みに合わせてチェックを入れます。
基本設定はこれで終了です。次にそれぞれのASPの設定を順番に行います。
Amazonの設定について
次にアマゾンの設定を行います。一旦、アマゾンのリンクを取得するのでアマゾンに移動します。
アマゾンアソシエイトに移動したら、上のツールバーの「ツール」⇒「Product Advertising API」をクリックします。
![アマゾン設定1](https://arafifate.com/wp-content/uploads/2021/06/amazon1-e1659080043499.jpg)
クリックすると以下の画面が表示されます。
![アマゾン設定2](https://arafifate.com/wp-content/uploads/2021/06/amazon2-e1659080058927.jpg)
さらに下にスクロールしていきます。
下記の画面に移動したら「PA APIアクセスのリクエスト」をクリックします。
![アマゾン設定3](https://arafifate.com/wp-content/uploads/2021/06/amazon3-e1659080077969.jpg)
クリックすると以下の画面に移行します。
![アマゾンの設定4](https://arafifate.com/wp-content/uploads/2021/06/amazon4-e1659080094457.jpg)
「アクセスキー」と「シークレットキー」がボックスの中に表示 されています。
それぞれコピーしてメモ帳に貼りつけても構いませんが、念のために赤枠「認証情報をダウンロードする」をクリックしてデータを保存しておきましょう。
ここで、アマゾンからいったん離れて、ワードプレスのRinker(リンカー)の画面に戻ります。先ほど取得した「アクセスキー」を①に貼りつけます。
次に「シークレットキー」を②に貼りつけます。
![アマゾンの設定5](https://arafifate.com/wp-content/uploads/2021/06/amazon5-e1659080114901.jpg)
上記の①②が設定できたら、次はトラッキングIDを取得します。
もう一度アマゾンに戻ります。 ここでは、分けて解説していますが、面倒だと感じたら同時に取得してもOKです。
アマゾンに戻ったら、上部右側のアドレス部分にマウスを置きます。マウスを置くと、「 トラッキングIDの管理 」と表示されるので、それをクリックします。
クリックすると、以下の赤枠の中にトラッキングIDが表示されるので、コピーします。
![アマゾンの設定7](https://arafifate.com/wp-content/uploads/2021/06/amazon7-e1659080131132.jpg)
![アマゾンの設定6](https://arafifate.com/wp-content/uploads/2021/06/amazon6-e1659080146795.jpg)
コピーできたら、もう一度ワードプレスの設定画面に戻って、トラッキングIDの部分に先ほど取得したIDを貼り付けます。
![アマゾンの設定8](https://arafifate.com/wp-content/uploads/2021/06/amazon8-e1659080161382.jpg)
最後にリンク先を設定します。
![アマゾンの設定9](https://arafifate.com/wp-content/uploads/2021/06/amazon9-e1659080180671.jpg)
リンク先の設定は上記の画面のように①②の2種類があります。
リンクボタンを押した時にどの画面にリンクが飛ぶかを設定できます。これは好みで設定してください。アマゾンアソシエイトの設定はここまでです。
![記事をリンクで繋ぐリンクカードの作り方を徹底解説](https://arafifate.com/wp-content/uploads/2021/06/linkcard-1-100x100.png)
楽天の設定について
次に楽天アフィリエイトの設定をしていきます。まずは、楽天アフィリエイトIDを設定していきましょう。
ワードプレスのRinker(リンカー)設定画面を下にスクロールしていくと、楽天の設定画面が出てきます。
その画面に移行したら、下図の赤枠をクリックします。
![楽天設定2](https://arafifate.com/wp-content/uploads/2021/06/rakuten2-e1659080232533.jpg)
クリックすると、以下の画面に移行します。下図の赤枠部分に楽天のIDが表示されています。
![楽天設定1](https://arafifate.com/wp-content/uploads/2021/06/rakuten1-e1659080247389.jpg)
表示されているIDをコピーして、下記図の赤枠部分に貼りつけます。
![楽天の設定3](https://arafifate.com/wp-content/uploads/2021/06/rakuten3-e1659080261200.jpg)
下のアプリID/デベロッパーIDは今回は不要ですので、割愛します。下にスクロールします。
次にリンク先を設定します。
リンク先の設定は先ほどのアマゾンと同様、①②のどちらでも構いません。下の図では①を選択しています。
![楽天設定5](https://arafifate.com/wp-content/uploads/2021/06/rakuten5-e1659080275805.jpg)
ここまでの設定で楽天の設定は終了です。
ヤフーショッピングの設定について
次にYahoo!ショッピングの設定を行います。バリューコマースでYahoo!ショッピングのアフィリエイトができる方のみ設定してください。
まずは、バリューコマースの管理画面に入ります。
下記図の赤枠のように、まずは「ツール」にマウスを移動させるとプルダウンメニュが開きます。
『ツール』→『Link Switch』→『Link Switch設定』の表示が出るので、「Link Switch設定」をクリックします。
![バリューコマース設定1](https://arafifate.com/wp-content/uploads/2021/06/valuecommerce1-e1659080298640.jpg)
「Link Switch設定」をクリックすると、以下の画面に移行します。「Link Switchを利用開始する」をクリックします。
![バリューコマース設定2](https://arafifate.com/wp-content/uploads/2021/06/valuecommerce2-e1659080316944.jpg)
クリックすると、画面が変わって以下の画面になります。
![バリューコマース3](https://arafifate.com/wp-content/uploads/2021/06/valuecommerce3-e1659080331274.jpg)
「コード選択」をクリックすると赤枠の下に表示されているリンクコードをコピーすることができます。コピーできたら、ソースを貼り付けます。下記の赤枠の部分に貼りつけます。
![バリューコマース設定5](https://arafifate.com/wp-content/uploads/2021/06/valuecommerce5-e1659080346843.jpg)
貼り付けたら、下にスクロールして「変更を保存」をクリックすれば、設定は完了です。
![バリューコマース設定4](https://arafifate.com/wp-content/uploads/2021/06/valuecommerce4-e1659080360869.jpg)
ここまでの作業で、 アマゾン、楽天、ヤフーショッピング、三つのASPの設定は終了 しました。
ここで、いったんRinker(リンカー)を使って、どのように表示されるかを確認していきましょう。
Rinker(リンカー)を使ってリンクを作成する
ここでは、実際にRinker(リンカー)を使ってリンクを作成する方法を解説します。ワードプレスの管理画面から、「投稿」⇒「新規追加」をクリックします。
新しく「商品リンク追加」というタブが出来ているのが分かります。「商品リンク追加」をクリックします。
![リンカーの設定1](https://arafifate.com/wp-content/uploads/2021/06/rinker-settei1-e1659080390281.jpg)
ワードプレスの投稿画面の上に『商品リンクを追加』という項目が出てくるので、クリックします。
下記の 赤枠に商品名を入力 します。入力したら、「検索」をクリックして商品を表示させます。
![商品リンクの作成方法](https://arafifate.com/wp-content/uploads/2021/06/rinker-5-e1659080409385.jpg)
検索窓に商品名などを入力して検索します。『検索』をクリックすると、商品がズラーっと表示されます。
自分が紹介したい商品を選んで『商品リンクを追加』をクリックします。ワードプレスの投稿画面にリンクが表示されます↓
プレビューで確認すると、リンクが綺麗に表示されます。
Amazon、楽天市場、Yahoo!ショッピングのボタンは、同じ商品が見つかれば表示されます。
もし見つからない時はAmazonボタンだけ、楽天ボタンだけなど、単体で表示されることもあります。
ASPの公式サイトのボタン設定について
次にASPで紹介する商品リンクを追加してボタンを作る方法を解説します。まずは、ワードプレスの管理画面に入ります。
左メニュの「商品リンク」の下にある「新規追加」をクリックします。クリックすると以下の画面に移動します。
![リンカーの設定8](https://arafifate.com/wp-content/uploads/2021/06/rinker-8-e1659080428753.jpg)
移動したら、①には「公式サイト」②には、ASPから取得した商品タグをコピペします。
今回はノンエーという薬用石鹸のタグを取得しました。
![リンカーの設定7](https://arafifate.com/wp-content/uploads/2021/06/rinker-7-e1659080446693.jpg)
入力が出来たら、右の「更新」をクリックします。すると、下に「ショートコード」が出来ているのが分かります。
![リンカーの設定9](https://arafifate.com/wp-content/uploads/2021/06/rinker-9-e1659080462486.jpg)
ショートコードの作成が確認できたら、ショートコードのソースをコピーして記事に貼りつけます。
![リンカーの設定11](https://arafifate.com/wp-content/uploads/2021/06/rinker-11-e1659080477758.jpg)
ショートコードを貼り付けたら、更新ボタンをクリックして、実際に表示されているかを確認します。
先ほど作成した「公式サイト」のリンクボタンが作成されているのが確認できました。
![リンカーの設定10](https://arafifate.com/wp-content/uploads/2021/06/rinker-10-e1659080493210.jpg)
最後に全体のリンクボタンを確認してみます。
![リンカーの設定12](https://arafifate.com/wp-content/uploads/2021/06/rinker-12-e1659080508486.jpg)
アマゾン、楽天、ヤフーショッピングに加えて、公式サイトのボタンが追加されているのが分かります。
まとめ~Rinker(リンカー)の設定方法を徹底解説|公式サイトのボタンの設定も簡単にできる!
![MASA](https://arafifate.com/wp-content/uploads/2022/03/cropped-z05-300x300.png)
リンカーを一度だけ設定すると、通常のASPのリンクボタンも簡単に設置出来るようになります。
最初の設定だけは少し面倒に感じるかもしれませんが、今回の記事では図解をたくさん使って解説しています。
図解の通りに設定すれば、初心者の方でも簡単に設定できます。
- Rinker(リンカー)をブログに設置する方法
- アマゾンや楽天、ヤフーショッピングのボタンの設置方法
- ASPの公式サイトのボタンを設置する方法
今すぐできる具体的な行動
②このページの解説に従って、リンカーを設定する
③実際にASP案件を提携してリンカーでボタンを作ってみる
繰り返しになりますが、設定は一度だけ行えば、あとは何もしなくても簡単にリンクボタンを設置できます。
最初に少しだけ時間を取って面倒な設定を済ませておきましょう。
![ブログを始めるならXサーバーがおすすめ!](https://arafifate.com/wp-content/uploads/2021/06/xserver-100x100.jpg)