アフィリエイト応援ブログ

アフィリエイトで稼ぎたい個人を応援します。

もしもアフィリエイトのかんたんリンクの使い方!カスタマイズ!

アフィリエイトイメージ

もしもアフィリエイトを使えば、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; /* 文字色 */
}

 

これでかんたんリンクがこのようにカスタマイズされます。

 

もうこれだけで充分なクオリティのブログパーツです。

もしもアフィリエイトは他にもメリットがたくさんあるので、もしまだ使っていないのであればぜひ検討してみてください。

easy-affiliate.hatenablog.com