Amazonjsを改造した話【コピペで簡単です】

2019年02月07日
WordPress

売れることはないんだけど、amazonjsの商品リンクのみためがわるいのでなんとかしたいと思って調べたら

先人がamazonjsを改造するコードを紹介していました。それをコピペしたら。普通に色々見ためがかわりました。まる

スポンサーリンク

amazonjs改造するとどんなことができるか

  • プラグイン編集でamazonjsを選択しamazonjs.jsを編集
  • 改造すると楽天やyahooショッピングのボタンも追加できる
  • amazonのロゴ消しができる
  • amazonのロゴ消しはamazonjs.cssで行う

上記のとおりです。なにもかくことがない。

amazonjsを改造するときの注意点

  • jsファイルやcssファイルは改造前に必ずバックアップをとっておく。（こわれたとき元に戻すため）
  • キャッシュの関係で改造結果が反映されないことになるので、そのあたりを認識しておく
  • コードに自分のアフィリエイトIDを入れるのを忘れない

注意点も少ない・・・。あとはなにもかくことがない。

補足情報

amazonjs以外になんかある？

  • カエレバ・ヨメレバはサービス終了したらしい
  • WordPress公式の商品紹介リンクプラグインもあるらしい

あんまり興味がないので詳しく調べていない。

スポンサーリンク

amazonjs改造のコード

amazonjs改造で調べて、適当にでてきたサイトのコードをコピペしただけ。

amazonjs.js改造前のコード

↓17行目あたり

var linkOpenTag = '<a href="${DetailPageURL}" class="amazonjs_link" data-role="amazonjs_product" data-asin="${ASIN}" title="${Title}" target="_blank">';

↓62行目あたり

var linkTemplate = linkOpenTag + '${Title}</a>';

↓86～185行目

var defaultTemplates = {
					Small:[
						'<div class="amazonjs_item">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',smallImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						'<h4>',linkTemplate,'</h4>',
						'<ul>',
						'{{if Creator}}<li>${Creator}</li>{{/if}}',
						'{{if Manufacturer}}<li>${Manufacturer}</li>{{/if}}',
						priceLiTemplate,
						'{{if PublicationDate}}<li><b>' + r.PublicationDate + '</b>${PublicationDate}</li>{{/if}}',
						'{{if SalesRank}}<li><b>' + r.SalesRank + '</b>' + r.SalesRankValue + '</li>{{/if}}',
						'</ul>',
						'</div>',
						reviewLinkTemplate,
						'<div class="amazonjs_footer"></div>',
						'</div>'
					],
					Music:[
						'<div class="amazonjs_item amazonjs_music">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',mediumImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						'<h4>',linkTemplate,'</h4>',
						'<ul>',
						'{{if Artist}}<li>${Artist}</li>{{/if}}',
						'{{if Creator}}<li>${Creator}</li>{{/if}}',
						'{{if Label}}<li>${Label}</li>{{/if}}',
						priceLiTemplate,
						'{{if ReleaseDate}}<li><b>' + r.ReleaseDate + '</b>${ReleaseDate}</li>{{/if}}',
						'{{if SalesRank}}<li><b>' + r.SalesRank + '</b>' + r.SalesRankValue + '</li>{{/if}}',
						'{{if RunningTime}}<li><b>' + r.RunningTime + '</b>' + r.RunningTimeValue + '</li>{{/if}}',
						'</ul>',
						'</div>',
						reviewLinkTemplate,
						'<div class="amazonjs_footer"></div>',
						'</div>'
					],
					DVD:[
						'<div class="amazonjs_item amazonjs_dvd">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',mediumImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						'<h4>',linkTemplate,'</h4>',
						'<ul>',
						'{{if Director}}<li>${Director}</li>{{/if}}',
						'{{if Actor}}<li>${Actor}</li>{{/if}}',
						'{{if Label}}<li>${Label}</li>{{/if}}',
						priceLiTemplate,
						'{{if ReleaseDate}}<li><b>' + r.ReleaseDate + '</b>${ReleaseDate}</li>{{/if}}',
						'{{if SalesRank}}<li><b>' + r.SalesRank + '</b>' + r.SalesRankValue + '</li>{{/if}}',
						'{{if RunningTime}}<li><b>' + r.RunningTime + '</b>' + r.RunningTimeValue + '</li>{{/if}}',
						'</ul>',
						'</div>',
						reviewLinkTemplate,
						'<div class="amazonjs_footer"></div>',
						'</div>'
					],
					Book:[
						'<div class="amazonjs_item amazonjs_book">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',mediumImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						'<h4>',linkTemplate,'</h4>',
						'<ul>',
						'{{if Author}}<li><b>' + r.BookAuthor + '</b>${Author}</li>{{/if}}',
						priceLiTemplate,
						'<li><b>' + r.BookPublicationDate + '</b>${PublicationDate}</li>',
						'{{if SalesRank}}<li><b>' + r.SalesRank + '</b>' + r.SalesRankValue + '</li>{{/if}}',
						'<li><b>${Binding}</b>' + r.NumberOfPagesValue + '</li>',
						'<li><b>ISBN-10</b>${ISBN}</li>',
						'<li><b>ISBN-13</b>${EAN}</li>',
						'<li><b>' + r.BookPublisher + '</b>${Publisher}</li>',
						'</ul>',
						'</div>',
						reviewLinkTemplate,
						'<div class="amazonjs_footer"></div>',
						'</div>'
					],
					eBooks:[
						'<div class="amazonjs_item amazonjs_book">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',mediumImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						'<h4>',linkTemplate,'</h4>',
						'<ul>',
						'{{if Author}}<li><b>' + r.BookAuthor + '</b>${Author}</li>{{/if}}',
						priceLiTemplate,
						'<li><b>' + r.BookPublicationDate + '</b>${PublicationDate}</li>',
						'{{if SalesRank}}<li><b>' + r.SalesRank + '</b>' + r.SalesRankValue + '</li>{{/if}}',
						'<li><b>${Binding}</b>' + r.NumberOfPagesValue + '</li>',
						'<li><b>' + r.BookPublisher + '</b>${Publisher}</li>',
						'</ul>',
						'</div>',
						reviewLinkTemplate,
						'<div class="amazonjs_footer"></div>',
						'</div>'
					]
				};

amazonjs改造後のコード

↓17行目から

				var linkOpenTag = '<a href="${DetailPageURL}" class="amazonjs_link" data-role="amazonjs_product" data-asin="${ASIN}" title="${Title}" target="_blank">';
				
				var linkOpenTag1 = '<div class="amazon-button"><a href="${DetailPageURL}" class="amazonjs_link" data-role="amazonjs_product" data-asin="${ASIN}" title="${Title}" target="_blank" rel="nofollow">';
var linkOpenTag2 = '<div class="rakuten-button"><a href="//hb.afl.rakuten.co.jp/hgc/自分の楽天アフィid/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F${Title}%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0&scid=af_ich_link_urltxt&m=http://m.rakuten.co.jp/" target="_blank" >';

↓62行目から

				var linkTemplate = linkOpenTag + '${Title}</a>';
				
				var amazonlink = linkOpenTag1 + 'Amazon</a></div>';
                var rakutenlink = linkOpenTag2 + '楽天市場</a></div>';

↓90行目あたり（だいぶ適当）

var defaultTemplates = {
					Small:[
						'<div class="amazonjs_item">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',smallImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						'<h4>',linkTemplate,'</h4>',
						'<ul>',
						'{{if Creator}}<li>${Creator}</li>{{/if}}',
						'{{if Manufacturer}}<li>${Manufacturer}</li>{{/if}}',
						priceLiTemplate,
						'{{if PublicationDate}}<li><b>' + r.PublicationDate + '</b>${PublicationDate}</li>{{/if}}',
						'{{if SalesRank}}<li><b>' + r.SalesRank + '</b>' + r.SalesRankValue + '</li>{{/if}}',
						'</ul>',
'<div class="amazonjs-link1">',amazonlink,rakutenlink,'</div></div>',
reviewLinkTemplate,
'<div class="amazonjs_footer"></div>',
'</div></div>'
					],
					Music:[
						'<div class="amazonjs_item amazonjs_music">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',mediumImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						linkTemplate,
						'<ul>',
						'{{if Artist}}<li>${Artist}</li>{{/if}}',
						'{{if Creator}}<li>${Creator}</li>{{/if}}',
						'{{if Label}}<li>${Label}</li>{{/if}}',
						priceLiTemplate,
						'</ul>',
'<div class="amazonjs-link1">',amazonlink,rakutenlink,'</div></div>',
reviewLinkTemplate,
'<div class="amazonjs_footer"></div>',
'</div></div>'
					],
					DVD:[
						'<div class="amazonjs_item amazonjs_dvd">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',mediumImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						linkTemplate,
						'<ul>',
						priceLiTemplate,
						'{{if ReleaseDate}}<li><b>' + r.ReleaseDate + '</b>${ReleaseDate}</li>{{/if}}',
						'</ul>',
'<div class="amazonjs-link1">',amazonlink,rakutenlink,'</div></div>',
reviewLinkTemplate,
'<div class="amazonjs_footer"></div>',
'</div></div>'
					],
					Book:[
						'<div class="amazonjs_item amazonjs_book">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',mediumImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						linkTemplate,
						'<ul>',
						priceLiTemplate,
						'<li><b>${Binding}</b>' + r.NumberOfPagesValue + '</li>',
						'</ul>',
'<div class="amazonjs-link1">',amazonlink,rakutenlink,'</div></div>',
reviewLinkTemplate,
'<div class="amazonjs_footer"></div>',
'</div></div>'
					],
					eBooks:[
						'<div class="amazonjs_item amazonjs_book">',
						imageTemplate,
						'{{if _ShowDefaultImage}}',mediumImageTemplate,'{{/if}}',
						'<div class="amazonjs_info" style="{{if _InfoMarginLeft}}margin-left:${_InfoMarginLeft}px;{{/if}}">',
						linkTemplate,
						'<ul>',
						'{{if Author}}<li><b>' + r.BookAuthor + '</b>${Author}</li>{{/if}}',
						priceLiTemplate,
						'</ul>',
'<div class="amazonjs-link1">',amazonlink,rakutenlink,'</div></div>',
reviewLinkTemplate,
'<div class="amazonjs_footer"></div>',
'</div></div>'
					]

amazonのロゴ消し

.amazonjs_item {
  font-size: 14px;
  margin: .5em 0 1em 0;
  padding: 25px 10px 25px 10px;
  border: 1px solid #ddd;
  position: relative;
  display: block;
  background: white url(../images/amazonjs.png) no-repeat right bottom;
  color: #333;
}

上のバックグラウンド消すだけ。以上。キャッシュの件あるから反映されないときはキャッシュ消す。

ひどいけど動く。以上。

スポンサーリンク

コメント

タイトルとURLをコピーしました