【PR】当サイトでは広告を掲載しています

【図解】Rinker(リンカー)の使い方まとめ【2024年版】

Rinker(リンカー) ブログやアフィリエイトに役立つツール

前回はWordPressの商品リンクプラグインRinker(リンカー)のダウンロード、インストール、設定までを図解で書きました。

今回はRinkerの基本的な使い方とよくある質問の回答を全部まとめてみました。

MEMO

※まだRinkerのインストールと設定が終わってない方は先にこちらの記事
Rinker(リンカー)のインストールから設定まで図解で紹介

著作者情報
この記事を書いた人

WEBエンジニア11年目。これまでに100を超えるサイトの立ち上げや運営に携わり、2017年に法人化。カスタマイズ、ツール作成、サイト移転まで何でもこなすエキスパート。

  1. Rinker使うなら「もしもアフィリエイト」と「バリューコマース」のリンクを使うのがおすすめ
    1. Yahoo!ショッピングはバリューコマース経由
  2. Rinker商品リンク作成方法
    1. 1.管理画面から商品リンク作成する方法
    2. 2.投稿画面から商品リンク作成する方法(旧エディタの場合)
    3. ブロックエディタの投稿画面から商品リンクを作成する場合
    4. 商品リンクが多すぎて探しにくい カテゴリー登録しておくと便利
    5. Amazon、楽天、Yahoo!以外にも公式サイトやフリーのボタンを増やしたい場合
    6. RinkerにASPのアフィリエイトリンクを設定するには?
    7. ショップボタン(Amazon、楽天、Yahoo!ショッピング)を消したい場合
    8. Rinkerの価格表示を消したい場合
    9. Amazon、楽天、Yahoo!ショッピングボタンの文言を変更したい場合
  3. Rinkerの使い方などでよくある質問
    1. 【エラー】リクエスト回数が多すぎます。 RequestThrottledと表示される場合の対処方法
    2. Amazonアソシエイトのアクセスキーやシークレットキーなしで使うには?
    3. Rinkerのリンク先の検索画面から購入されても成果になる?他の商品が売れても成果になる?
    4. Rinkerクレジットリンク(Created by Rinker)を削除する方法と支援について
    5. ショップボタンが太くなる場合の対処方法
    6. Rinkerのショップボタンが2段になるのを1列にしたい場合の対処
    7. スマホ画面でRinkerリンクの画像とリンクが横並びになっているのを縦並びにできる?
    8. Rinkerのデザインをカスタマイズするには?
    9. Rinkerのショップボタンが2段になるのを1列にしたい場合

Rinker使うなら「もしもアフィリエイト」と「バリューコマース」のリンクを使うのがおすすめ

Rinkerを使うためにはAmazonや楽天、Yahoo!ショッピングなどと提携しておく必要があります

本家Amazonや本家楽天アフィリエイトに登録して提携するか、Amazonや楽天の商品も紹介できるASP「もしもアフィリエイト」で提携する事ができます。

「本家楽天アフィリエイトは報酬が現金ではなくポイント」になってしまいますので楽天のリンクは「もしもアフィリエイト経由」がメリットあります。

また、振り込み報酬の手数料も「もしも負担」という神対応なので本家楽天を利用するよりも「もしも経由」がおすすめです。

■もしもアフィリエイト
https://af.moshimo.com/

Yahoo!ショッピングはバリューコマース経由

Yahoo!ショッピングも「もしもアフィリエイト経由」にできますが、Yahoo!ショッピングの報酬だけはバリューコマース経由の方が高めです。

  • もしも経由(0.77%)
  • バリューコマース経由(1%)

さらにバリューコマースでは「クロスデバイストラッキング」というシステムがあって違うブラウザやアプリからの購入も反映されるようになってます

バリューコマースクロスデバイス
参考:バリューコマースのクロスデバイストラッキング

という事で「Amazon、楽天はもしも経由」「Yahoo!ショッピングのリンクはバリューコマース経由」が良いです。

MEMO

登録も利用も無料なので登録してない方は済ませておいて下さい。

■もしもアフィリエイト
https://af.moshimo.com/

■バリューコマース
https://www.valuecommerce.ne.jp/

Rinker商品リンク作成方法

まずは基本的な商品リンク作成なんですが商品リンク作成方法は2通りです。

  1. 先に管理画面で商品リンクを作成しておく
  2. 投稿画面から商品リンク作成

1.管理画面から商品リンク作成する方法

先に商品リンクを登録しておいていつでも呼び出せるようにしておく方法です。

前もって商品リンクを作成する場合はブロックエディタのGUTENBERG(グーテンベルク)でも旧エディタでもやり方は同じです。

WordPressの管理画面から「商品リンク」⇒「新規追加」。

rinkerの使い方5

「商品情報を取得」をクリック。

rinkerの使い方7

商品検索して「商品リンクを追加」をクリック。

rinkerの使い方2

自動で商品リンクなどの情報が自動で入力されます。

MEMO

※Rinkerの商品検索でエラーが出る場合の対処方法はこちら。

Rinkerの検索でエラーが出る場合の対処方法

一応念の為、Amazon、楽天、Yahoo!ショッピングの飛び先を一度確認しておくと安心。

rinkerの使い方9

問題ないなら公開をクリックして商品を登録します。

rinkerの使い方8

後は商品リンクで作成したリンクのショートコードを記事内で貼り付けたらOKです。

GutenbergでRinekerを使う方法6

もしくは記事の投稿画面の「商品リンクを追加」⇒「登録済み商品リンクから検索」からでも追加できます。

rinkerの使い方6

プレビューで見るとちゃんと商品リンクが挿入されてます。

Rinker商品リンク画像

2.投稿画面から商品リンク作成する方法(旧エディタの場合)

Rinkerを有効化していると投稿画面に「商品リンク追加」というボタンが追加されてますのでクリック。

rinkerの使い方1

商品検索して「商品リンクを追加」をクリック。

rinkerの使い方2

商品リンクのショートコードが挿入されました。

rinkerの使い方3

プレビューで見るとちゃんと商品リンクが挿入されてます。

Rinker商品リンク画像

一度作成したリンクを再度追加する場合は「商品リンクを追加」⇒「登録済み商品リンクから検索」から再度リンク追加できます。

rinkerの使い方6

ブロックエディタの投稿画面から商品リンクを作成する場合

ブロックエディタの場合は投稿画面で「+」をクリックして「rinker」で検索するとRinekerが出てくるのでこれをクリック。

GutenbergでRinekerを使う方法1

商品リンクを追加のボタンをクリック。

GutenbergでRinekerを使う方法2

紹介したい商品を検索して「商品リンクを追加」をクリック。

GutenbergでRinekerを使う方法4

以下のようにRinkerの商品IDが挿入されたらOKです。

GutenbergでRinekerを使う方法5

追加できたらプレビューで確認してみて下さい。

商品リンクが多すぎて探しにくい カテゴリー登録しておくと便利

たくさんの商品リンクを登録して使う予定ならそれぞれの商品リンクをカテゴリー分けしておくと便利です。

商品リンクをカテゴリー別に分けていれば、記事投稿画面⇒「商品リンク追加」⇒「登録済みの商品リンクから検索」を選択して、カテゴリーで絞り込みができます。

rinkerカテゴリー使い分け1

rinkerカテゴリー使い分け2

rinkerカテゴリー使い分け2

すでに登録済みの商品リンクをカテゴリー分けしたい場合はWordPressの管理画面から商品リンク⇒商品を選択して「編集」をクリックして編集できます。

rinkerの使い方12

rinkerの使い方11

Amazon、楽天、Yahoo!以外にも公式サイトやフリーのボタンを増やしたい場合

RinkerではAmazon、楽天、Yahoo!以外にもフリーのリンクが4つ追加する事が可能です。

Rinker自由ボタン

ASPに案件がある商品なら「公式サイト」となどボタンを追加できます。

Rinker公式ボタンを設置する

私は2つ目の自由欄使って少しCSSで幅を変更して使ってます。

Rinker公式ボタンを設置する方法

RinkerにASPのアフィリエイトリンクを設定するには?

A8.netやafb、もしも、バリューコマースなどどのASPのリンクでも追加する場合。

まずはASPでボタンに設置したいアフィリエイトリンクを取得(テキストリンクで)。

RinkerでASPのリンクを設置する方法1

このアフィエイトリンクには広告のインプレッション(表示回数)を計測するタグ(imgタグ)がくっついていて、このままだとRinkerでは使えません。

なのでリンク最初の部分のhttps://○○○○○○○○○○の部分だけを抜き出します。

RinkerでASPのリンクを設置する方法2

あとは通常のRinkerでの商品リンク作成画面で自由ボタンの欄に

  • ボタンの表示名
  • 抜き出したアフィリエイトリンクのURL

を入力。
RinkerでASPのリンクを設置する方法3

以上でアフィリエイトリンク付きの商品リンクが完成です。

ただ、基本的にASPのリンクの改変は基本禁止されているのでこの辺は自己責任ですね。

もちろんASPのリンクで使う以外の使い方もできるので、商品の関連記事(内部リンク)に使ったりするのも良いかもしれません。

ショップボタン(Amazon、楽天、Yahoo!ショッピング)を消したい場合

Amazonの限定品を紹介する場合はAmazon以外のリンクボタンは必要ないって事もありますし、Yahoo!ショッピングは必要ないって方もいるかもしれません。

サンプルとしてYahoo!ショッピングのボタンを消してみます。

WordPressの管理画面から商品リンクをクリック。商品を選択して「編集」。

rinkerの使い方12

Yahoo!商品URLの部分を空欄にして「更新」。

rinkerショップボタン削除1

Yahoo!ショッピングのボタンが消えてAmazonと楽天だけになりました。

rinkerショップボタン削除4

MEMO

Amazonのショップリンクボタンを消したいというケースですが、先程のようにAmazon商品URLを消してもボタンが表示される場合があります

その時はRinkerの設定⇒Amazonのリンク先の設定を「リンク先を検索画面にする」に変更するとボタンが消えます(非推奨)。

rinkerショップボタン削除3

  • リンク先を検索画面にする⇒この設定なら消える
  • リンク先を商品の詳細画面にする⇒この設定だと消えない

Rinkerの価格表示を消したい場合

価格表示の有無に関しては2通り。

  • 基本設定で価格の表示設定:全体的な設定
  • ショートコードに属性を追加:その商品リンクだけ非表示

基本設定で価格の表示、非表示を切り替え(すべての商品リンクが対象)

バージョンver1.1.0から価格の表示、非表示を基本設定で行えるようになりました。

WordPressの管理画面から「設定」⇒「Rinker設定」。

rinker価格表示有無

こちらは全体的な設定になるので、価格を非表示にするとすべてのリンクの価格が非表示になります。

ショートコードに属性を追加して価格を非表示(その商品リンクだけ価格が非表示)

商品リンクのショートコード自体に「price=”-“」という属性を追加したらOK。

Rinkerショートコード1

という感じです。これはその属性を追加したリンクだけ価格が非表示になります。

Amazon、楽天、Yahoo!ショッピングボタンの文言を変更したい場合

デフォルトではショップボタンは「Amazon」「楽天」「Yahooショッピング」になってますが、この文言を「Amazonで探す」などに変更する方法です。

方法は2つあります。

  • ショートコードに属性を追加:部分的
  • functions.phpで編集する:全体的

1.ショートコードに属性を追加してボタンの文言を変更する方法

ショートコードに属性を追加する場合は以下のように設置した商品リンクのショートコード自体にラベル文言を追加する方法です。適応範囲はそのショートコードだけなので、過去全部のリンクボタンの変更ではありません

以下のように記事内で投稿したショートコードに「alabel」「rlabel」「ylabel」を追加すればボタンの文言を上書きできます。

例えばAmazonボタンの文言を変更する場合。

Rinkerショートコード2

Amazon、楽天、Yahooボタンすべての文言を変更する場合。

Rinkerショートコード3

rinkerボタン文言

属性を追加したショートコードだけ文言が変更されますので、過去記事すべての商品リンクボタンが一括で変更されるものではありません。

参考:Rinker(リンカー)ショートコード属性|おやこそだて

2.functions.phpの編集で文言を変更

functions.phpの編集をすれば過去に設置した商品リンクのボタン文言もすべて変更されます。

functions.phpの編集に関しては公式サイトでも紹介されてますが、サポート月額199円以上支援すると閲覧できるようになりますので、是非支援してカスタマイズしてみてください。

Rinkerボタンの文言を一括で変更する方法|やよい|pixivFANBOX
クリエイターの創作活動を支えるファンコミュニティ「pixivFANBOX」

Rinkerの使い方などでよくある質問

Rinekrでエラーが出たりうまくボタンが表示されないなどよくある質問をまとめてみました。

【エラー】リクエスト回数が多すぎます。 RequestThrottledと表示される場合の対処方法

Amazon API側の商品検索の回数制限です。

2019年の1月にAmazonの「Product Advertising API 利用ポリシー」というのが変更されました。

PA-APIはAmazonで取り扱っている商品の情報をプログラムによって自動で取得して処理することができます。

RinkerはこのAPIを利用してAmazonの商品を検索しリンクを作成しているのですが、過去30日間に売上がないと商品の検索回数を制限される仕様になりました

売上実績の発生がない場合は、PA-APIの利用開始はできません。
また、発送済み商品売上が過去30日以内に発生していない場合、PA-APIをご利用いただけなくなる恐れがございます。
参考:Product Advertising API 利用ポリシーの変更について

そのためPA-APIの制限されている方は何度やってもRinkerで「【エラー】リクエスト回数が多すぎます。 TooManyRequests」と表示されてしまいます。

Rinkerのリクエスト回数が多すぎますのエラー

AmazonのPA-APIが制限されてずっとエラーが出る場合はAmazonではなく、楽天検索機能を使って商品リンクを作成します。

Rinkerのリクエスト回数が多すぎますのエラー1

「楽天検索機能」で作成した商品画像の部分とタイトルのリンクは楽天のリンクになります。

Amazonシークレットキーなしリンク7

※楽天検索で生成したリンクでもAmazonボタンは表示されますしもちろんAmazonの売上(紹介料)も発生します

※PA-APIの制限を解除するにはどの種類のリンクでも良いのでAmazonでの売上を上げる必要があります

Amazonアソシエイトのアクセスキーやシークレットキーなしで使うには?

基本的にRinkerの商品検索機能ではAmazonアソシエイトのアクセスキーとシークレットキーを利用します。
※Amazonアソシエイトの審査に合格すると利用できます。

ただ、Amazonアソシエイトの審査に受からなくてもRinkerの利用は可能です。

Amazonの商品検索の代わりに楽天の商品検索を利用します。

そのやり方や違いについては以下記事で紹介しています。

Amazonアソシエイトの審査合格前(アクセスキーIDとシークレットキーなし)でもRinkerを利用する方法と確認方法
通常Rinkerの利用にはAmazonアソシエイトのAPIツール「アクセスキーI...

Rinkerのリンク先の検索画面から購入されても成果になる?他の商品が売れても成果になる?

Rinkerのリンクの飛び先は設定で検索結果のページ、商品詳細ページを選択できます。

Rinkerよくある質問1

この設定ですが、Amazonの売上が基準に満たない場合は「商品詳細ページ」は選択できません。

ただ、どちらのリンクからでも売上は発生しますし、紹介したものではない商品が売れても成果になります。

Amazonはクリックされてから24時間以内に購入された分が成果。

つまり、冷蔵庫のリンクがクリックされて、ベッドが売れた場合でもベッドの分が売上として計上されます。

楽天の場合はクリックされてから24時間以内に買い物かごに入れた商品で89日以内に購入されたら成果となります。

Rinkerクレジットリンク(Created by Rinker)を削除する方法と支援について

rinkerクレジット

Rinkerクレジットリンク(Created by Rinker)の削除方法はいくつかあって、ちょっと詳しい方ならCSSで非表示にするとか、functions.phpにコードを記述して消したりする方法思いつくと思います。

ただ、無料でこのような便利ツールを利用させてもらっている事も考えるとクレジットは削除せずに使わせてもらうのが筋かなと思います。

どうしても消したいって場合には「Rinkerへのご支援とクレジットリンク(Created by Rinker)の削除方法」から支援をして削除される事をおすすめします。

Rinkerへのご支援とカスタマイズ方法の表示|やよい
RinkerはWordpressの無料のプラグインです。Rinkerを利用すると...

ショップボタンが太くなる場合の対処方法

プレビューで見るといい感じなのに、公開してから確認するとAmazon、楽天、Yahooショッピングのボタンが太くなっている場合の対処です。

↓こんな感じでショップボタンの下に余白ができている場合。
Rinkerボタン幅広

これはもしもアフィリエイトのリンク使う時に起こります。インプレッションタグ(imgタグ)が原因ですのでCSSで非表示にしておけばOKです。

スタイルシートの一番下に以下コードを追加してみて下さい。

/* rinkerボタン調整 */
ul.yyi-rinker-links img {
    display: none !important;
}

もし上記コード追加でも上手くいかない場合はボタンの高さを固定する方法もあります。

/* rinkerボタン調整 */
ul.yyi-rinker-links li {
 height:37px;
}

Rinker商品リンク画像

Rinkerのショップボタンが2段になるのを1列にしたい場合の対処

ショップボタンがPCで2段になるのはテーマ自体のコンテンツ部分の横幅が狭いからです。

Rinkerショップボタンが2段になる

この場合はコンテンツ部分の横幅を広げるもしくはRinkerの商品リンクの商品画像の部分の横幅をちょっと小さくしたらOKです。

スタイルシート(CSS)の一番下に以下コードを追加して調整。

/* rinkerの横幅を調整 */
@media all and (min-width: 421px) {
div.yyi-rinker-contents div.yyi-rinker-info {
    width: 100%;
}
/* rinkerの商品画像の横幅を調整 */
div.yyi-rinker-image {
    width: 150px !important;
    min-width: 150px !important;
}
}

スマホ以外ではという条件分岐をして、商品画像の横幅を150pxにしてます。PCで見ながら調整して下さい。

PCページでショップボタンが一列になりました。

Rinkerショップボタンが2段になる2

スマホ画面でRinkerリンクの画像とリンクが横並びになっているのを縦並びにできる?

Rinkerで作成したリンクをスマホで見ると以下のようになっています。

画像とリンクが横並びになっています。

これを縦並びにするにはCSSを追加する方法で解決できますが、一番簡単なのは「Rinkerの設定」⇒「デザイン設定」でスタイルアップを選択して保存。

Rinkerスマホ縦並びにする

これでスマホで見た時に縦並びになります。

スタイルアップではなく、通常のノーマルのままで縦並びにしたいという場合は下記カスタマイズの部分を参考にしてください。

Rinkerのデザインをカスタマイズするには?

前述したようにRinkerの表示上のデザインについては設定でも変更が可能です。

Rinekrの設定ページでは「デザインなし」「ノーマル」「スタイルアップ」の3種類のデザインが選択できます。

Rinkerデザイン設定

  • デザインなし:全くデザインはなし(自分でデザインする方)
  • ノーマル:通常のデザイン
  • スタイルアップ:余白に余裕があって見やすいデザイン

↓デザインなし
Rinkerデザインなし

↓ノーマル
Rinkerノーマル

↓スタイルアップ
Rinkerスタイルアップ

ちなみに現在私のRinkerは「ノーマル」を利用していて以下のCSSを追加しています。

/*Rinkerのカスタマイズ*/

/*外部リンクマーク非表示*/
div.yyi-rinker-contents div.yyi-rinker-title a span,
div.yyi-rinker-contents div.yyi-rinker-detail a span,
div.yyi-rinker-contents ul.yyi-rinker-links li a span {
	display: none;
}

/*ボタンのデザイン*/
div.yyi-rinker-contents ul.yyi-rinker-links li {
	min-width: 180px;
	border-radius: 4px !important;
	margin: 5px !important;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
	height: 40px !important;
	line-height: 40px !important;
	text-align: center;
	font-size: 14px !important;
	color: #fff;
	transition: all 0.5s 0s ease;
}

/*レスポンシブ480px以下*/
@media screen and (max-width: 480px){
	/*縦表示*/
	div.yyi-rinker-contents div.yyi-rinker-box {
		flex-direction: column;
	}

	/*画像を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-image {
		width: auto;
	}

	/*商品情報を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
		width: calc(100% - 10px);
		text-align: center;
		padding: 0 !important;
	}

	div.yyi-rinker-contents div.yyi-rinker-detail {
		padding: 0 !important;
	}

	/*ボタンの幅を100%にする*/
	div.yyi-rinker-contents ul.yyi-rinker-links li {
		width: 100%;
	}
	
  /*ボタン文字位置の調整*/
	div.yyi-rinker-contents ul.yyi-rinker-links li a {
		padding: 0 !important;
	}
}

参考:RinkerのCSSカスタマイズ:スマホ表示など【Cocoon】|Doroblog

上記CSSを追加したリンクが以下のようになります。

CSSを追加する場合はWordPressの管理画面から「外観」⇒「テーマファイルエディタ」を選択し、Stylesheet (style.css)の一番最後に上記コードを追加して保存してください。

CSSのコードは下に書いたものが優先的に反映されるようになっているので、コードを追加する場所は一番最後の部分でOKです。

Rinkerのショップボタンが2段になるのを1列にしたい場合

ショップボタンがPCで2段になるのはテーマ自体のコンテンツ部分の横幅が狭いからです。

Rinkerショップボタンが2段になる

この場合はコンテンツ部分の横幅を広げるもしくはRinkerの商品リンクの商品画像の部分の横幅をちょっと小さくしたらOKです。

スタイルシート(CSS)の一番下に以下コードを追加して調整。

/* rinkerの横幅を調整 */
@media all and (min-width: 421px) {
div.yyi-rinker-contents div.yyi-rinker-info {
    width: 100%;
}
/* rinkerの商品画像の横幅を調整 */
div.yyi-rinker-image {
    width: 150px !important;
    min-width: 150px !important;
}
}

スマホ以外ではという条件分岐をして、商品画像の横幅を150pxにしてます。PCで見ながら調整して下さい。

PCページでショップボタンが一列になりました。

Rinkerショップボタンが2段になる2

以上Rinkerの使い方まとめでした。

MEMO

Rinkerでのショップリンク作成には以下ASPの無料会員登録が必要になるので済んでない方は登録を済ませておいて下さい。

※登録も利用ももちろん無料です

■Amazonアソシエイト
https://affiliate.amazon.co.jp/

■もしもアフィリエイト
https://af.moshimo.com/

■バリューコマース
https://www.valuecommerce.ne.jp/

【図解】Rinker(リンカー)のインストールから設定まで紹介
2024年最新版の「Rinker(リンカー)」の導入方法や始め方、設定などを解説...

コメント

  1. sin より:

    ご質問です。「Amazonボタン用URL」「Amazon商品詳細URL」などの投稿画面の各リンク入力欄は自分で直接入力しても成果は発生するのでしょうか?
    各ASPのIDなどの連携が解除され成果に繋がらないなどあるのかと思いまして、、、

    • sigezo より:

      sin様

      コメントありがとうございます。自分で直接入力しても発生しますよ。ただ、もしもリンク優先にチェックを入れていると出力されるURLは自動的にもしもになる可能性はあります(実験してないので分かりません)。実際に自分で入力してみて公開した記事で飛び先のURL確認してみるのが一番確実です。

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