もしもアフィリエイトを使えば、Amazonと楽天の物販アフィリエイトをひとつのブログパーツでできるようになります。ここではもしもアフィリエイトのかんたんリンクの使い方とカスタマイズの方法をお伝えします。
もしもアフィリエイトのかんたんリンクの使い方
もしもアフィリエイトに申請すると、自動的に楽天のプロモーションは使えるようになります。これに加えてAmazonのプロモーションにも申請する必要があります。この記事で解説しているので参考にしてください。
楽天とAmazonのプロモーションと提携できるとかんたんリンクが使えるようになります。もしもアフィリエイトにログインして「かんたんリンク」をクリックします。
かんたんリンクの画面で自分のブログを選択します。
ここからちょっと操作に注意が必要です。
先にかんたんリンクのボタンを作っておく必要があります。かんたんリンクの画面のボタン位置にある「+」をクリックします。
Amazonが一番売れやすいので、Amazonにチェックを入れて「このボタンを追加する」をクリックします。
すると「Amazonでみる」というボタンができるので、再度ボタンの「+」をクリックします。
今度は「楽天市場」にチェックを入れて「このボタンを追加する」をクリックします。
これでボタンの準備ができました。
紹介したい商品を検索して、クリックすると選択されます。
ブログパーツのプレビューが表示されるので、その下にある「HTMLソース」をコピーします。
「HTMLソース」を自分のブログに貼り付ければ完了です。
しかし上の例に出ているブログパーツはちょっと見た目がさみしいと思いませんか?
わたしはこのパーツをカスタマイズしてして使っています。
かんたんリンクをカスタマイズする方法
かんたんリンクをカスタマイズする方法はこちらの記事を参考にさせていただきました。
具体的には以下のコードを使っているブログサービスのCSSにコピーします。
/* --- 商品リンク タイトル --- */ p.easyLink-info-name a { color: #3296d2 !important; /* 文字色 */ } /* --------- ボタン色 --------- */ a.easyLink-info-btn-amazon { background: #fff !important; /* 背景色 */ border: 2px solid #f6a306 !important; /* 外枠 */ color: #f6a306 !important; /* 文字色 */ box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */ } a.easyLink-info-btn-rakuten { background: #fff !important; /* 背景色 */ border: 2px solid #cf4944 !important; /* 外枠 */ color: #cf4944 !important; /* 文字色 */ box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */ } /* --- マウスオーバー時のボタン色 --- */ a:hover.easyLink-info-btn-amazon { opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */ background: #f6a306 !important; /* 背景色 */ color: #fff !important; /* 文字色 */ box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */ } a:hover.easyLink-info-btn-rakuten { opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */ background: #cf4944 !important; /* 背景色 */ color: #fff !important; /* 文字色 */ }
これでかんたんリンクがこのようにカスタマイズされます。
もうこれだけで充分なクオリティのブログパーツです。
もしもアフィリエイトは他にもメリットがたくさんあるので、もしまだ使っていないのであればぜひ検討してみてください。