【商品紹介】もしもアフェリエイト：かんたんリンクの使い方とボタンデザイン変更（CSS）

アフェリエイトで商品紹介をする時の便利ツールについてのご紹介です。ブログサイトでAmazon、楽天市場、Yahooなどの商材を紹介する時は各ASPから発行される自分の固有識別子の「id」をURLリンク内にセットする必要があります。そのように設定しておかないと自分のサイトからの紹介で商品が売れたことにならないですからね。大切な設定です。

それぞれ異なる商品を紹介する時に毎回URLに「id」を埋め込み作業を手動で行うのは現実的ではないので、自動でURLに「id」を付与してくれる便利ツールを使うことが多いでしょう。

以下の2つの方法がメジャーなので検索すると上位に検索結果として出てくると思います。

・カエレバ

・Rinker（リンカー）

この2つのブログパーツも簡単でもちろん使いやすいのですが、個人的にはもしもアフェリエイトの「かんたんリンク」がおススメです。その理由についてこれからご紹介していきます。

かんたんリンクの特徴

カエレバやRinker（リンカー）のように、「Amazon」「楽天」「Yahoo!ショッピング」以外の外部リンクは貼れないですが、現在はこの3つのASPから商品を購入する割合が圧倒的に多いと思いますので、問題ないでしょう。

また、リンク先のASPを少数精鋭にすることによりクリック率も上昇します。どうしても他のASPのリンクを貼りたいという方は、カエレバかRinker（リンカー）の利用を検討ください。

はじめに

かんたんリンクはもしもアフェリエイトの申し込みが必要です。もしもアフェリエイトにまだ申し込みされていない方は、こちらから先にもしもアフェリエイトに申し込みをしてください。

もしもアフェリエイトの詳細についてはこちらから

かんたんリンクの使い方

１．かんたんリンクのページにアクセスします。

２．楽天からAmazonで検索した商品のページURL、もしくは検索キーワード（商品の名前）を検索フォームに入力します。

今回は例として「APPLE AirPods Pro」を検索してみます。

３．検索キーワードの検索結果が表示されますので、該当の商品をクリックします。

４．これで完成です。操作はこれだけです。

【PC表示版】

【スマホ表示版】

スマホ表示の時にクリックしやすいようにボタンが縦並びになります。

かんたんリンクの初期設定

レスポンシブ対応の設定

下記のレスポンシブを有効にするためのコードをコピーします。
<meta name="viewport" content="width=device-width,initial-scale=1.0">

利用しているWordPressのテーマによって貼り付ける場所が異なりますので、各テーマにあわせてレスポンシブタグの設定を行ってください。レスポンシブ対応済みのテーマの場合は設定不要な場合もあります。

ボタンデザイン変更（CSS変更）

任意の設定ですがCSSでボタンのデザインを変更することができます。

デフォルトのボタンの色はオレンジ色で統一されていますが、CSSを変更すると以下のようにボタンをカスタマイズすることができます。

【変更前】

【変更後】

またマウスオーバー時にボタンの色を変化させることもできます。

WordPressのCSS設定方法

WordPressテーマのAFFINGER5を使っていますので、AFFINGER5の場合の設定方法をご紹介します。どのWordPressのテーマでも入り口はだいたい同じです。

１．外観 ＞ カスタマイズを選択します。

２．追加CSSにカスタマイズするためのソースコードを貼り付ける必要がありますので、追加CSSを選択します。

３．ソースコードを貼り付けて「公開」ボタンをクリックします。（ソースコードは以下のソースコードをそのまま貼り付ければOKです）

かんたんリンク カスタマイズCSS ソースコード

かんたんリンクの設置方法

かんたんリンクで発行したHTMLソースをWordPressに記述する方法です。初期設定は1度設定すれば保存されていますので、あとは設置したい商品を検索して「かんたんリンク」から商品を検索してソースコードを発行したらサイトにソースコードを貼り付けるだけです。

１．「HTMLソースを1行にする（WordPress対応）」にチェックを入れて、ソースコードをコピーします。

２．編集タイプを「テキスト」にして、さきほどコピーしたソースコードを貼り付けます。

これだけです。実際に貼り付けると以下のような表示になります。初期設定さえしてしまえば、あとは簡単に商品紹介のソースコードを簡単に作成することができます。

まとめ

もしもアフェリエイトを登録されている方は「かんたんリンク」を無料で使うことができます。他の無料ブログパーツを使っても、もちろん問題ありませんが、個人的には直感的に使えて便利なのではないかと思っています。

自分が気に入るブログパーツを使うことがいいと思いますが、候補の1つに入れてみてはいかがでしょうか。CSS編集でボタンの色や大きさもカスタマイズできます。

この機会に、自分好みのカスタマイズをしてみましょう。なお、CSSを編集する時は、きちんとバックアップを取ったうえで自己責任で変更をしていただくようにお願いします。

ASP アフィリエイト

2020/5/2

おススメのASP6選！アフィリエイト初心者は迷わず登録しておけば問題なし

初心者がアフィリエイトを始める時に迷うのが、どの ASP に登録するかです。 大量にある ASP の中からどこに登録しておけばいいかの判断がつきません。   この記事では、実際に自分が利用した事があるおすすめの ASP だけを厳選してご紹介します。 はじめのうちから、たくさんの ASP に申し込みしても使いこなせないので意味がありません。まずは代表的なところから申し込みをして、感覚をつかむことが大切です。   どこに登録して何を始めたらいいのか分からず迷っている方は、ぜひ参考にしてくだ ...

ReadMore

ASP アフィリエイト

2020/4/30

アフィリエイトフレンズ経由でRentracks（レントラックス）に登録する方法

アフェリエイトASPはオープン型とクローズド型があります。 今回はクローズドASPのRentracks（レントラックス）の登録方法についてご紹介します。   クローズド型のASPは本来、アクセス数が一定するあるブログに対してASPから連絡があり、提携することができるASPです。 そのため、敷居が高いそうに感じると思いますが、レントラックスはアフィリエイトフレンズ経由でクローズドASPに登録することができます。 レントラックスは、アフィリエイターの中でも非常に評価の高いASPです。 高単価の広告が ...

ReadMore

ASP アフィリエイト

2020/4/29

【始めにやること】afbのはじめ方：登録方法と初期設定について

アフェリエイトASPの1つであるafb（アフィビー）の登録方法について紹介します。 afb（アフィビー）はhuluなどの、afbでしか取り扱っていない広告が存在します。 広告の種類も多く、他のASPで扱っていない広告もたくさんあるので、ぜひ登録しておきましょう。   目次1 afbの6つの特徴1.1 １．初心者から上級者まで稼げる仕組みがたくさん1.2 ２．アフィリエイトのノウハウや稼げるコツが学べるセミナーを開催1.3 ３．最低支払額が低い1.4 ４．パートナーステージ制度1.5 ５．広告の種 ...

ReadMore

ASP アフィリエイト

2020/4/29

【始めにやること】アクセストレードのはじめ方：登録方法と初期設定

アクセストレードは、2001年から10年以上の運営実績があるアフィリエイトASPの老舗です。 いろいろなジャンルの広告を取り扱っており、スマホの広告が充実している印象です。また「mineo」などのようにアクセストレードが独占している広告もあり、アクセストレードでしか実施していないプログラムがあります。宿泊施設・民宿（民泊）を貸し出す人と民泊を利用したい人をマッチングさせるサービスの「Airbnb」もアクセストレードが独占している広告のひとつです。 アクセストレードでしか実施していない広告で書きたい記事があ ...

ReadMore

ASP アフィリエイト

2020/4/29

【始めにやること】A8.netのはじめ方：登録方法と初期設定について

アフェリエイトをする時に必ず耳にするのがA8.net（エーハチネット）です。日本で最大級のASPとして有名です。取り扱っているジャンルがとても豊富でサイトに適した広告が見つからない方が珍しいと思います。今回はA8.net（エーハチネット）の登録方法や申請方法、申請後の初期設定についてご紹介します。 広告ごとに審査がある場合がありますがサイト自体の審査はありません。いろいろな広告がありますので、まだどのようなサイトを立ち上げようとしているか迷われている方は、まず登録して、どのような広告があるのかを確認してか ...

ReadMore