きぴろのバイク日記

主にバイクとキャンプのことを書く雑記ブログです!

【2019年最新】カエレバ仕様変更!いままで通りAmazonから商品情報を取得する方法!

2019年1月にカエレバの使用変更により商品情報をAmazonからではなく楽天から取得に変わりました。

しかし今まで通りのAmazonからの情報取得でカエレバを使う方法を考えたので紹介します!

f:id:kipiro:20190411133023j:image

 

カエレバに代わるカエレバ風とは?

カエレバがAmazonから取得できなくなったため代わりに「カエレバ風」というAmazonのアソシエイトリンクを、カエレバっぽいデザインで表示するツールが作られました。

https://kaereba.com/wind/

 

こちらはもしもアフェリエイトしか対応していません。

 

カエレバ風の使い方

1:まずはもしもアフィリエイトに登録してAmazonのプロモーション提携をしてください。

 

2:下記のブックマークレットをブラウザに追加してください。

(↓これをブックマークバーへドラッグ&ドロップ)

カエレバ風ブックマークレット

もしくはブックマークのリンクを上記コードに書き換えてください。

 

3:もしもアフィリエイトからAmazonの「商品リンク」をクリック

f:id:kipiro:20190411140227j:image

 

4:「商品リンクを作る」をクリック

f:id:kipiro:20190411140433j:image

 

5:この画面でブックマークレットをクリックします

f:id:kipiro:20190411140620j:image

 

6:するとリンクコードが作成されます

f:id:kipiro:20190411140728j:image

これを貼り付ければ今まで通りのAmazonの商品情報から取得するカエレバが使えます。

 

デザインはamazlet風-2(cssカスタマイズ用))のみ対応しています。

 

Amazonしかリンクがない

実際に先ほど作成されたリンクコードを貼り付けてみるとAmazonのリンクしか表示されません。

 

実際のカエレバ風を使ったリンク

ここに楽天Yahoo7netのリンクも入れたいですよね。
そこで本家カエレバのコードを弁用して全部のリンクを入れる方法を紹介します!
 

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にチェックを入れる

f:id:kipiro:20190411142354j:image

 

するとこのようなリンクコードが生成されます。

<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で貼り付けるとこうなります。

全部のリンク先を貼ることができました!

もちろんCSSのカスタマイズはそのまま使えます!

 

Amazonの収益は必然的にもしもアフィリエイトになるので、楽天やYahoo!ももしもアフィリエイト経由にした方が楽です。

 

もしもアフィリエイトで成果をまとめている方は圧倒的に「かんたんリンク」を使ったほうが楽です!

www.kipiro.work