Amazonと楽天市場のリンクを両方クリックしてもらってる?




大手ショッピングサイトといえばamazonと楽天市場です。ブログやサイトでお小遣い稼ぎを考えている方はこれらのアフィリエイト用プログラムを利用している方は多いでしょう。どちらも商品の数が多いので、自分で購入したことがあるものでしたら紹介しやすいですよね。

これらのプログラムは一般的にアフィリエイトと呼ばれる商品紹介とは異なります。amazonや楽天のアフィリエイトでは、広告のリンクをクリックしてサイトに入って貰えば記事で紹介した商品以外のものが購入されても報酬が発生するという仕組みになっています。

つまりしっかり読者さんにクリックしてもらう工夫が必要になります。

 

広告リンクをクリックしてもらうためのツール

実際にあなたがネット通販で何かを購入するとして、どのようにお店を選ぶのか考えて見ましょう。ある人は最安値や明日届くかどうかよりもポイントを重視しているかもしれません。楽天市場とamazonどちらか一方しか使わない方ですね。

逆に1番安いものが欲しい、色々見比べないと購入しないという方もいらっしゃいます。このような方に片方のリンクだけを提示しても、買ったことがない方であったり見比べたいというニーズに応えることは出来ていない状態となります。

コレを解決するために使えるツールが

「カエレバ」と「ヨメレバ」です。

カエレバはamazon、楽天市場、yahooショッピングなどの物販に対応しているブログパーツです。ヨメレバは同じシステムですが、kindleなどを含む書籍関連用のツールになります。

これらを使うことで、ごく自然な形で広告を設置してあげることができます。

 

カエレバのストーク用カスタマイズ

カエレバを使用した場合、そのまま使うと少し文字が多くなりすぎて広告感が強くなります。そこでCSSを変更してあげることで、カエレバのリンクをかわいくカスタマイズすることができます。

コードはテンプレート「amazlet風-2(cssカスタマイズ用)」を使ってください。

たとえば、私も使っているCHEMEXのコーヒーメーカを紹介するとしたら、こんなデザインになります。

 

今回は当ブログに使用している「STORK」で動作確認してますが、上手くできない場合には各自で修正していただければと思います。

.kaerebalink-box,
.booklink-box {
 width:100%;
 font-size:12px;
 color:#5e6065;
 border:1px solid #ddd;
 padding:15px 15px 14px;
 margin:26px 0 28px;
 box-sizing:border-box;
 word-break:break-all;
}
.kaerebalink-box:after,
.booklink-box:after {
 content:"";
 display:block;
 clear:both;
}
.kaerebalink-image,
.booklink-image {
 float:left;
 width:100px;
 text-align:center;
}
.kaerebalink-image img,
.booklink-image img {
 margin:0 !important;
 width:100%;
 height:auto;
}
.kaerebalink-info,
.booklink-info {
 margin:0 0 0 110px;
}
.kaerebalink-name > a,
.booklink-name > a {
 font-size:14px;
 font-weight:bold;
 color:#2e3035;
}
.kaerebalink-powered-date,
.booklink-powered-date {
 line-height:1.5;
 margin:3px 0;
}
.kaerebalink-powered-date a,
.booklink-powered-date a {
 color:#5e6065;
}
.kaerebalink-detail,
.booklink-detail {
 line-height:1.5;
}
.kaerebalink-link1 a,
.booklink-link2 a {
 color:#fff;
 text-decoration:none;
 display:block;
 text-align:center;
 line-height:28px;
 border-radius:4px;
}
/* ブランドカラーより少し薄めに */
.shoplinkamazon a {
 background:#f8a512;
 margin:7px 0 5px;
}
.shoplinkkindle a {
 background:#159dd6;
 margin:5px 0;
}
.shoplinkrakuten a {
 background:#d43232;
}
/* ショップ名の後ろに「で探す」を表示 */
.shoplinkamazon a:after,
.shoplinkkindle a:after,
.shoplinkrakuten a:after {
 content:"\3067\63A2\3059";
}
.kaerebalink-link1 a:hover,
.booklink-link2 a:hover {
 opacity:.8;
 color:#fff;
}
.kaerebalink-box p,
.booklink-box p {
 margin:0;
}
@media screen and (min-width:471px) {
 .kaerebalink-detail,
 .booklink-detail {
 margin-bottom:7px;
 }
 .kaerebalink-link1,
 .booklink-link2 {
 margin-right:-6px;
 }
 .kaerebalink-link1 div,
 .booklink-link2 div {
 width:50%;
 float:left;
 margin-bottom:5px;
 padding-right:6px;
 }
 .booklink-link2 div:nth-of-type(3) {
 margin-top:1px;
 }
 .shoplinkamazon a,
 .shoplinkkindle a {
 margin:0;
 }
}
@media screen and (min-width:581px) {
 .kaerebalink-box,
 .booklink-box {
 font-size:13px;
 padding:20px 20px 19px;
 margin:28px 0 32px;
 }
 .kaerebalink-image,
 .booklink-image {
 width:112px;
 }
 .kaerebalink-info,
 .booklink-info {
 margin:0 0 0 124px;
 }
 .kaerebalink-name > a,
 .booklink-name > a {
 font-size:15px;
 }
 .kaerebalink-powered-date,
 .booklink-powered-date {
 margin:4px 0;
 }
 .kaerebalink-link1 a,
 .booklink-link2 a {
 line-height:30px;
 font-size:12px;
 }
}
@media screen and (min-width:768px) {
 .kaerebalink-link1 div,
 .booklink-link2 div {
 width:33.33333333%;
}
 .booklink-link2 div:nth-of-type(3) {
 margin-top:0;
}
}










コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です