本のアフィリエイトに便利なツール「ヨメレバ」って？？
どうも、Linです。湯を、注ぎ込んでます。
WordPressでブログを運営していると、たまに、
読んだ本・書籍を紹介できるアフィリエイトリンクを貼りたい
という衝動にかられることがあるでしょう。
そんな時に便利なのが、
ヨメレバ
というWEBツールです。
ブロガーのかんきちさんが生み出したこのツールを使えば、
1冊の本に対して複数のECストアのアフィリエイトリンクを貼ることができるようになるのです。
もっと具体的にいうと、
- メインECストアの書籍写真
- メインECストアの書籍リンク
- サブECサイトの書籍リンク
のようなリンクを生み出せます。
ここでいうECサイトとは書籍を取り扱っているものでして、たとえば、
- Amazon
- Kindleストア
- 楽天ブックス
- 楽天kobo
- honto
- 紀伊国屋
などなどですね。実際にヨメレバでリンクを作ってみると下のようになります↓
ヨメレバと似たようなツールに「カエレバ」というものもあります。
それゆえ、カエレバをすでに活用している方は、
「えっ、カエレバとヨメレバの違いってなんなの？同じじゃない？」
と思っちゃいますよね。
ヨメレバがカエレバと違う点は、
- 書籍に特化したECストアへのリンクが貼れる
- ISBNで本を検索できる
という2点でしょう。
特に2つ目の「ISBN」で本を検索できるのが強い。
カエレバではサブECサイトへのリンクが「キーワードで検索した結果」だったので、複数のECサイト間で商品が完全に一致するということは起き得ませんでした。
対して、ヨメレバでは書籍１冊１冊につけられたID番号の「ISBN」で書籍を検索するようになっているので、複数のECサイトで全く同じ書籍を紹介できるのです。
本のアフィリエイトリンクを貼りたい方はカエレバではなくヨメレバの方がいいでしょう。
ただし、ヨメレバは洋書に非対応。洋書はカエレバで紹介するといいですよ
複数のECストアで簡単紹介！ヨメレバの使い方
さて、いよいよヨメレバを実際に使っていきましょう。使い方は大体カエレバと同じです。
Step1. ヨメレバにアクセス
下記のURLからヨメレバにアクセスしましょう。
Step2. ユーザー設定
次はユーザー設定ですね。
リンクに自分のアフィリエイトリンクidを組み込むことになりますので、それぞれのECサイト、ASPでの自分のIDを記入していきます。
アフィリエイトidの調べ方に関してはヨメレバのサイト上の「調べ方」に詳しく記載されていますので、そちらを参考にしながら実際に記入していきましょう。
バリューコマースに登録していると、Amazon・楽天ブックス・紀伊国屋・7 netなどの複数のECサイトに同時に登録できるようです
Step3. 書籍をさがす
早速、ヨメレバで商品を探してみましょう。
ヨメレバトップの書籍キーワードの欄に書籍名を入れて検索すればオッケーです。
2018年6月5日現在、メインのECサイトはAmazonしか設定できないので、Amazon内でまずは書籍を検索することになります。
たとえば、今回は例として「広辞苑」と検索してみました。
いくつか広辞苑の検索結果が出てきますので、その中からめぼしいものの「ブログパーツを作る」をクリック。
Step4. リンクをカスタマイズ
あとはリンクをお好みにカスタマイズします。
チェック項目をいじりながら自分好みのリンクを作っていきましょう。
ここでは、
- リンクデザイン
- 商品画像サイズ
- 表示するECサイト
- 掲載サイト
- 誘導文言
を変更できるようになってます。
リンクデザインは「amazlet風-2（cssカスタマイズ用）」に設定しておくと、後々CSSでデザインをいじりやすくなります
Step5. リンクを貼る
あとはリンクを貼るだけ。
こちらのコードをコピーして↓
WordPressの記事編集画面で「テキストモード」にしていつも通りにリンクを貼ればいいですね。
無事にヨメレバのリンクが貼れると次のように表示されるはずです↓
CSSでボタンをカスタマイズするとよりおしゃれに！
がしかし、デフォルトでは少し味気ない。。
そんな時は、カエレバのCSSカスタマイズを使えば大丈夫です。
まず、ヨメレバリンクのデザインを「amazlet風-2（cssカスタマイズ用）」にし、
こちらの神記事を参考にして次のCSSコードをCSSファイルに追加してあげればオッケーです。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 |
/*================================================================================= カエレバ・ヨメレバ・トマレバ =================================================================================*/ .cstmreba { width:98%; height:auto; margin:36px auto; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif; line-height: 1.5; word-wrap: break-word; box-sizing: border-box; display: block; } .cstmreba a { transition: 0.8s ; color:#285EFF; /* テキストリンクカラー */ } .cstmreba a:hover { color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */ } .cstmreba .booklink-box, .cstmreba .kaerebalink-box, .cstmreba .tomarebalink-box { width: 100%; background-color: #fafafa; /* 全体の背景カラー */ overflow: hidden; border-radius: 0px; box-sizing: border-box; padding: 12px 8px; box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26); } /* サムネイル画像ボックス */ .cstmreba .booklink-image, .cstmreba .kaerebalink-image, .cstmreba .tomarebalink-image { width:150px; float:left; margin:0 14px 0 0; text-align: center; background: #fff; } .cstmreba .booklink-image a, .cstmreba .kaerebalink-image a, .cstmreba .tomarebalink-image a { width:100%; display:block; } .cstmreba .booklink-image a img, .cstmreba .kaerebalink-image a img, .cstmreba .tomarebalink-image a img { margin:0 ; padding: 0; text-align:center; background: #fff; } .cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info { overflow:hidden; line-height:170%; color: #333; } /* infoボックス内リンク下線非表示 */ .cstmreba .booklink-info a, .cstmreba .kaerebalink-info a, .cstmreba .tomarebalink-info a { text-decoration: none; } /* 作品・商品・ホテル名 リンク */ .cstmreba .booklink-name>a, .cstmreba .kaerebalink-name>a, .cstmreba .tomarebalink-name>a { border-bottom: 1px solid ; font-size:16px; } /* タイトル下にPタグ自動挿入された際の余白を小さく */ .cstmreba .kaerebalink-name p, .cstmreba .booklink-name p, .cstmreba .tomarebalink-name p { margin: 0; } /* powered by */ .cstmreba .booklink-powered-date, .cstmreba .kaerebalink-powered-date, .cstmreba .tomarebalink-powered-date { font-size:10px; line-height:150%; } .cstmreba .booklink-powered-date a, .cstmreba .kaerebalink-powered-date a, .cstmreba .tomarebalink-powered-date a { color:#333; border-bottom: none ; } .cstmreba .booklink-powered-date a:hover, .cstmreba .kaerebalink-powered-date a:hover, .cstmreba .tomarebalink-powered-date a:hover { color:#333; border-bottom: 1px solid #333 ; } /* 著者・住所 */ .cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address { font-size:12px; } .cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img { display:none !important; } .cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 { display: inline-block; width: 100%; margin-top: 5px; } .cstmreba .booklink-link2>div, .cstmreba .kaerebalink-link1>div, .cstmreba .tomarebalink-link1>div { float:left; width:24%; min-width:128px; margin:0.5%; } /***** ボタンデザインここから ******/ .cstmreba .booklink-link2 a, .cstmreba .kaerebalink-link1 a, .cstmreba .tomarebalink-link1 a { width: 100%; display: inline-block; text-align: center; box-sizing: border-box; margin: 1px 0; padding:3% 0.5%; border-radius: 8px; font-size: 13px; font-weight: bold; line-height: 180%; color: #fff; box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); } /* トマレバ */ .cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */ .cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */ .cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */ .cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */ .cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */ .cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */ .cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */ .cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/ /* カエレバ */ .cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */ .cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;} /* ベルメゾン */ .cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */ .cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */ /* ヨメレバ */ .cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */ .cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */ .cstmreba .booklink-link2 .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */ .cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */ .cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */ .cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */ /* カエレバ・ヨメレバ共通 */ .cstmreba .kaerebalink-link1 .shoplinkamazon a, .cstmreba .booklink-link2 .shoplinkamazon a { background:#FF9901; border: 2px solid #ff9901; } /* Amazon */ .cstmreba .kaerebalink-link1 .shoplinkrakuten a, .cstmreba .booklink-link2 .shoplinkrakuten a { background: #bf0000; border: 2px solid #bf0000; } /* 楽天 */ .cstmreba .kaerebalink-link1 .shoplinkseven a, .cstmreba .booklink-link2 .shoplinkseven a { background:#225496; border: 2px solid #225496; } /* 7net */ /****** ボタンカラー ここまで *****/ /***** ボタンデザイン マウスオーバー時ここから *****/ .cstmreba .booklink-link2 a:hover, .cstmreba .kaerebalink-link1 a:hover, .cstmreba .tomarebalink-link1 a:hover { background: #fff; } /* トマレバ */ .cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */ .cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */ .cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */ .cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */ .cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */ .cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */ .cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */ .cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/ /* カエレバ */ .cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */ .cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; } /* ベルメゾン */ .cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */ .cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */ /* ヨメレバ */ .cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */ .cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */ .cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */ .cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */ .cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */ .cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */ /* カエレバ・ヨメレバ共通 */ .cstmreba .kaerebalink-link1 .shoplinkamazon a:hover, .cstmreba .booklink-link2 .shoplinkamazon a:hover { color:#FF9901; } /* Amazon */ .cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover, .cstmreba .booklink-link2 .shoplinkrakuten a:hover { color: #bf0000; } /* 楽天 */ .cstmreba .kaerebalink-link1 .shoplinkseven a:hover, .cstmreba .booklink-link2 .shoplinkseven a:hover { color:#225496;} /* 7net */ /***** ボタンデザイン マウスオーバー時ここまで *****/ .cstmreba .booklink-footer { clear:both; } /***** 解像度768px以下のスタイル *****/ @media screen and (max-width:768px){ .cstmreba .booklink-image, .cstmreba .kaerebalink-image, .cstmreba .tomarebalink-image { width:100%; float:none; } .cstmreba .booklink-link2>div, .cstmreba .kaerebalink-link1>div, .cstmreba .tomarebalink-link1>div { width: 32.33%; margin: 0.5%; } .cstmreba .booklink-info, .cstmreba .kaerebalink-info, .cstmreba .tomarebalink-info { text-align:center; padding-bottom: 1px; } } /***** 解像度480px以下のスタイル *****/ @media screen and (max-width:480px){ .cstmreba .booklink-link2>div, .cstmreba .kaerebalink-link1>div, .cstmreba .tomarebalink-link1>div { width: 49%; margin: 0.5%; } } |
WordPressでいうとstyle.cssというファイルに上のコードを追記してやりましょう。
すると、先ほどまで味気なかったがヨメレバのリンクが大変身。こんな感じで表示されるはずです↓
と、いう感じで、ヨメレバを使うと複数のECサイトで本を同時に紹介できるようになります。
WordPressのブログで頻繁に書籍を紹介したい方はよかったら使ってみてくださいね。
「ヨメレバ使い方楽勝〜」
とすでにヨメレバマスターになっている方はカエレバの使い方も読んでみましょう。
それでは！
Lin
コメントを残す