2019年1月にカエレバの使用変更により商品情報をAmazonからではなく楽天から取得に変わりました。
しかし今まで通りのAmazonからの情報取得でカエレバを使う方法を考えたので紹介します!
目次
カエレバに代わるカエレバ風とは?
カエレバがAmazonから取得できなくなったため代わりに「カエレバ風」というAmazonのアソシエイトリンクを、カエレバっぽいデザインで表示するツールが作られました。
[https://kaereba.com/wind/:title]
こちらはもしもアフェリエイトしか対応していません。
カエレバ風の使い方
1:まずはもしもアフィリエイトに登録してAmazonのプロモーション提携をしてください。
2:下記のブックマークレットをブラウザに追加してください。
(↓これをブックマークバーへドラッグ&ドロップ)
もしくはブックマークのリンクを上記コードに書き換えてください。
3:もしもアフィリエイトからAmazonの「商品リンク」をクリック
4:「商品リンクを作る」をクリック
5:この画面でブックマークレットをクリックします
6:するとリンクコードが作成されます
これを貼り付ければ今まで通りのAmazonの商品情報から取得するカエレバが使えます。
デザインはamazlet風-2(cssカスタマイズ用))のみ対応しています。
Amazonしかリンクがない
実際に先ほど作成されたリンクコードを貼り付けてみるとAmazonのリンクしか表示されません。
実際のカエレバ風を使ったリンク
人気ブログの作り方: 5ヶ月で月45万PVを突破したブログ運営術
Amazon以外のリンクの入れる方法
1:まずカエレバ風でリンクコードを作る
するとコードがこのようになっています。
<div class="cstmreba"><div class="kaerebalink-box">
<div class="kaerebalink-image">
<a href="//af.moshimo.com/af/c/click?a_id=1403492&p_id=170&pc_id=185&pl_id=4062&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fwww.amazon.co.jp%2Fexec%2Fobidos%2Fasin%2FB00WRD7EYS%2F" target="_blank" ><img src="https://images-fe.ssl-images-amazon.com/images/I/517aiJetp+L. _SL320_.jpg" style="border: none;" /></a><img src="//i.moshimo.com/af/i/impression?a_id=1403492&p_id=170&pc_id=185&pl_id=4062" alt="" width="1" height="1" style="border: 0px;" />
</div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1403492&p_id=170&pc_id=185&pl_id=4062&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fwww.amazon.co.jp%2Fexec%2Fobidos%2Fasin%2FB00WRD7EYS%2F" target="_blank" >人気ブログの作り方: 5ヶ月で月45万PVを突破したブログ運営術</a><img src="//i.moshimo.com/af/i/impression?a_id=1403492&p_id=170&pc_id=185&pl_id=4062" alt="" width="1" height="1" style="border: 0px;" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com/wind/" rel="nofollow" target="_blank">カエレバ</a></div>
</div><div class="kaerebalink-link1">
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1403492&p_id=170&pc_id=185&pl_id=4062&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fwww.amazon.co.jp%2Fexec%2Fobidos%2Fasin%2FB00WRD7EYS%2F" target="_blank">Amazon</a></div></div>
</div>
<div class="booklink-footer">
</div>
</div></div>
最後の赤字のコードを削除してください。
2:カエレバで同じ商品を見つけてリンクコードを作る
カエレバで商品を見つけ以下の設定でリンクコードを生成します。
- デザイン:amazlet風-2(cssカスタマイズ用)、なし
- 商品キーワード:そのままのキーワード名(変更しない)
- タイトル変更:ここは関係ないのでなんでもいいです
- rel=:なし
- 楽天市場、Yahoo!ショッピング、7netにチェックを入れる
するとこのようなリンクコードが生成されます。
<div class="cstmreba"><div class="kaerebalink-box"><div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1403473&p_id=54&pc_id=54&pl_id=616&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fitem.rakuten.co.jp%2Frakutenkobo-ebooks%2Fda7f025d4b8b3123ab1a35205de58ef5%2F" target="_blank" ><img src="https://thumbnail.image.rakuten.co.jp/@0_mall/rakutenkobo-ebooks/cabinet/5661/2000003125661.jpg?_ex=128x128" style="border: none;" /></a><img src="//i.moshimo.com/af/i/impression?a_id=1403473&p_id=54&pc_id=54&pl_id=616" width="1" height="1" style="border:none;"></div><div class="kaerebalink-info"><div class="kaerebalink-name"><a href="//af.moshimo.com/af/c/click?a_id=1403473&p_id=54&pc_id=54&pl_id=616&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fitem.rakuten.co.jp%2Frakutenkobo-ebooks%2Fda7f025d4b8b3123ab1a35205de58ef5%2F" target="_blank" >これでアクセスアップ。収入に直結する、人気ブログの作り方。広告設置と効果的なライティングについて。【電子書籍】[ フー ]</a><img src="//i.moshimo.com/af/i/impression?a_id=1403473&p_id=54&pc_id=54&pl_id=616" width="1" height="1" style="border:none;"><div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" rel="nofollow" target="_blank">カエレバ</a></div></div><div class="kaerebalink-detail"></div><div class="kaerebalink-link1"><div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1403473&p_id=54&pc_id=54&pl_id=616&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E4%25BA%25BA%25E6%25B0%2597%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E3%2581%25AE%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0" target="_blank" >楽天市場</a><img src="//i.moshimo.com/af/i/impression?a_id=1403473&p_id=54&pc_id=54&pl_id=616" width="1" height="1" style="border:none;"></div><div class="shoplinkyahoo"><a href="//af.moshimo.com/af/c/click?a_id=1403495&p_id=1225&pc_id=1925&pl_id=18502&s_v=b5Rz2P0601xu&url=http%3A%2F%2Fsearch.shopping.yahoo.co.jp%2Fsearch%3Fp%3D%25E4%25BA%25BA%25E6%25B0%2597%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E3%2581%25AE%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9" target="_blank" >Yahooショッピング</a><img src="//i.moshimo.com/af/i/impression?a_id=1403495&p_id=1225&pc_id=1925&pl_id=18502" width="1" height="1" style="border:none;"></div><div class="shoplinkseven"><a href="//af.moshimo.com/af/c/click?a_id=1403474&p_id=932&pc_id=1188&pl_id=12456&s_v=b5Rz2P0601xu&url=http%3A%2F%2F7net.omni7.jp%2Fsearch%2F%3Fkeyword%3D%25E4%25BA%25BA%25E6%25B0%2597%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E3%2581%25AE%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9%26searchKeywordFlg%3D1" target="_blank" ><img src="//i.moshimo.com/af/i/impression?a_id=1403474&p_id=932&pc_id=1188&pl_id=12456" width="1" height="1" style="border:none;">7net</a></div></div></div><div class="booklink-footer"></div></div></div>
作成したリンクコードの赤字部分を削除してください。
<div class="shoplinkrakuten">〜のコードを使用します。
3:2つのコードをくっつける
1で変更したカエレバ風にコードに2で変更したカエレバのコードを後ろに貼り付けるだけです。
するとこのようなコードになります。
<div class="cstmreba"><div class="kaerebalink-box">
<div class="kaerebalink-image">
<a href="//af.moshimo.com/af/c/click?a_id=1403492&p_id=170&pc_id=185&pl_id=4062&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fwww.amazon.co.jp%2Fexec%2Fobidos%2Fasin%2FB00WRD7EYS%2F" target="_blank" ><img src="https://images-fe.ssl-images-amazon.com/images/I/517aiJetp+L. _SL320_.jpg" style="border: none;" /></a><img src="//i.moshimo.com/af/i/impression?a_id=1403492&p_id=170&pc_id=185&pl_id=4062" alt="" width="1" height="1" style="border: 0px;" />
</div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1403492&p_id=170&pc_id=185&pl_id=4062&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fwww.amazon.co.jp%2Fexec%2Fobidos%2Fasin%2FB00WRD7EYS%2F" target="_blank" >人気ブログの作り方: 5ヶ月で月45万PVを突破したブログ運営術</a><img src="//i.moshimo.com/af/i/impression?a_id=1403492&p_id=170&pc_id=185&pl_id=4062" alt="" width="1" height="1" style="border: 0px;" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com/wind/" rel="nofollow" target="_blank">カエレバ</a></div>
</div><div class="kaerebalink-link1">
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1403492&p_id=170&pc_id=185&pl_id=4062&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fwww.amazon.co.jp%2Fexec%2Fobidos%2Fasin%2FB00WRD7EYS%2F" target="_blank">Amazon</a></div><div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1403473&p_id=54&pc_id=54&pl_id=616&s_v=b5Rz2P0601xu&url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E4%25BA%25BA%25E6%25B0%2597%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E3%2581%25AE%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0" target="_blank" >楽天市場</a><img src="//i.moshimo.com/af/i/impression?a_id=1403473&p_id=54&pc_id=54&pl_id=616" width="1" height="1" style="border:none;"></div><div class="shoplinkyahoo"><a href="//af.moshimo.com/af/c/click?a_id=1403495&p_id=1225&pc_id=1925&pl_id=18502&s_v=b5Rz2P0601xu&url=http%3A%2F%2Fsearch.shopping.yahoo.co.jp%2Fsearch%3Fp%3D%25E4%25BA%25BA%25E6%25B0%2597%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E3%2581%25AE%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9" target="_blank" >Yahooショッピング</a><img src="//i.moshimo.com/af/i/impression?a_id=1403495&p_id=1225&pc_id=1925&pl_id=18502" width="1" height="1" style="border:none;"></div><div class="shoplinkseven"><a href="//af.moshimo.com/af/c/click?a_id=1403474&p_id=932&pc_id=1188&pl_id=12456&s_v=b5Rz2P0601xu&url=http%3A%2F%2F7net.omni7.jp%2Fsearch%2F%3Fkeyword%3D%25E4%25BA%25BA%25E6%25B0%2597%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E3%2581%25AE%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9%26searchKeywordFlg%3D1" target="_blank" ><img src="//i.moshimo.com/af/i/impression?a_id=1403474&p_id=932&pc_id=1188&pl_id=12456" width="1" height="1" style="border:none;">7net</a></div></div></div><div class="booklink-footer"></div></div></div>
赤字のところまでがカエレバ風のコードです。
できたコードをHTMLで貼り付けるとこうなります。
人気ブログの作り方: 5ヶ月で月45万PVを突破したブログ運営術
全部のリンク先を貼ることができました!
もちろんCSSのカスタマイズはそのまま使えます!
Amazonの収益は必然的にもしもアフィリエイトになるので、楽天やYahoo!ももしもアフィリエイト経由にした方が楽です。
もしもアフィリエイトで成果をまとめている方は圧倒的に「かんたんリンク」を使ったほうが楽です!
-
【2020年最新】カエレバをいままで通りAmazonから商品情報を取得する方法!
2019年1月にカエレバの使用変更により商品情報をAmazonからではなく楽天から取得に変わりました。 しかし今まで通りのAmazonからの情報取得でカエレバを使う方法を考えたので紹介します! 目次カ ...
続きを見る