ISBNや出版社の情報も取り込むブックマークレット

Amazonで開いている本の情報をScrapboxに取り込むためのブックマークレット

ブックマークレットとしてブラウザに登録するか、このページのスクリプトを発動するブックマークレットを登録することで利用する

2024/1/13

内容紹介が取得できない事例が増えてきた

Div構成が替わっている様子なのでそれに対応

ありがとうございます！！

ものすごくありがたいです。

これ、出版社とかISBNも入るようにするのって、難しいですか？

まずは、ISBNの処理から。

しかし、ページ内にはそういう要素はなかったはず。

隠し要素があるようだ。

紙版とKindel版で少し違う。

紙版

https://gyazo.com/52a249ec47376f072b546498ee3d25f8

Kindle版

https://gyazo.com/eba4f7fa7b9cbeafa5c801b02d6f3b10

が、両方ASINに関する要素はある。紙はIDが振ってあって、Kindleはnameが割り当てられている。それぞれで処理を切り分ければOK。

code:getASIN.js

var asin = document.getElementById('ASIN');//

if(asin){

var a = 'ISBN:' + asin.value

} else{

var a = 'ASIN:' + asin.value

}

これは簡単。

問題は出版社名。上記の隠し要素にはパブリッシャーの情報は無い。

ソースを見ても、登場するのはmetaタグのキーワードか、ページ内の以下の部分。

https://gyazo.com/e0f961082f287d3791f585d03d31ae7c

そして、この要素には特別なid,class,nameは割り当てられていない。

紙版

https://gyazo.com/5ad7d52ef2fbe4dc338745c70df2ad59

Kindle版

https://gyazo.com/d5a9fd01a6481617c4ab23a656f9dab1

ということはどこかのidを取れる要素から、正規表現等でテキストを取得する必要がありそう。

上部要素のinner.Textを取得し（ページ全体からやると、内容紹介などに出版社という言葉があるとややこしくなるので）、そこから、出版社:hogehoge(hogehoge)というテキストを抽出できればいい。

まずは紙版で考える

code:getDetailText.js

var detail = document.getElementById('detail_bullets_id');

var detailtext = detail.innerText;

抽出はmatchだろう。

var result = detailtext.match(/出版社:.+/);

https://gyazo.com/1a6584dc3356deaba2fbe90d3312120a

かっこの前の部分だけを取得すれば、出版社名が抽出できる。

ただし、出版年月日も欲しい場合も考えて、とりあえずこの文字列を処理することにする。

となると、グループ化して取得した方がよい？

出版社名をリンクにする場合を考えて、パターン内に出版社:は入れないようにする

紙版はこれでOK。

Kinde版は、内容紹介がiframeの中にあるので、それで処理を切り分ける。

code:iframeprocess.js

if (!detail) {

var subdoc = document.getElementById("product-description-iframe").contentWindow.document;

var detail = subdoc.getElementById("productDetailsTable");

}

とりあえずできた。

https://gyazo.com/4c73914deb8173aa799c7b977f0c10a6

こういうメタ情報を、どの場所にどう並べるのか、という問題はある。

上にまとめるか

下にまとめるか

あとは日付リンクの作り方。

できるだけ使う人がカスタマイズしやすいようにコードを欠いておきたい

あと、明らかに重複する処理が出ているのでなんとかしたい。

どこかの段階で、Kindle版かどうかを分けて、その処理を一括する。

あるいは、iframe内の処理だけをまとめる

セルフパブリッシング本で問題が

版数が表記されているものがある

https://gyazo.com/2a27c4af0288498e11a03365666178f7

そもそも出版社名がないものがある

https://gyazo.com/eecf1329a6477ab27819153de56aab8a

これらを切り分けた処理を考えないと

出版社名がない場合は、空白にする。

これは簡単

出版社名に版数が含まれている場合は？

どんな書き方のパターンがあるのかの実例が知りたいが、自分の本しか見つけられなかった

とりあえず、それをベースに考える。

だいたいできた。

出版年月日も、リンク無し、年だけリンク、年月をリンクのパターンを作っておいた

2019/5/2

var title = window.prompt('Scrap "Amazon" to your scrapbox.', p.innerText);

のままだとKindle版のタイトルの最後に空白文字が入るので以下に変更

var title = window.prompt('Scrap "Amazon" to your scrapbox.', p.innerText.trim());

2021/1/4

メールにて複数人の著者がいるときに改行がべらぼーに入ってしまう部分の修正案をいただいた

大感謝

code:after.js

var pub = []; //著者情報の処理

var c = document.getElementsByClassName('author');

for (g = 0; g < c.length; g++) {

console.log(at);

var pu = at.match(/\(.+\)/);

var ct = at.replace(/\(.+\)/, '').replace(/ /g, '');

旧版

ブックマークレットに直接登録する場合はこちら（文字数多くてエラーになるかも）

（2020/3/8に改定）

code:script_min.js

code:script_min_old.js

最新版（2022/6/17）ソースコードはこちら（最後の方のURLは自分のプロジェクトに書き換えてください）

2023/9/30 amazonのimgタグのidが変わっていたので対応

code:script.js

javascript:(function(){

var p = document.getElementById("productTitle");//書籍のタイトルの処理

if (!p) var p = document.getElementById("ebooksProductTitle");

var title = window.prompt('Scrap "Amazon" to your scrapbox.', p.innerText.trim());

if (!title) return;

title = '『'+ title +'』';

var asin = document.getElementById('ASIN');//ASIN番号の処理

if(asin){

var a = 'ISBN:' + asin.value;

}else{

}

var detail = document.getElementById('detailBullets_feature_div');//出版社と出版年月の処理

if (!detail) {

var subdoc = document.getElementById("product-description-iframe").contentWindow.document;

var detail = subdoc.getElementById("productDetailsTable");

}

var detailtext = detail.innerText;

if (pubdata){

}else{

}

//内容紹介の処理

//bookDescription_feature_div

const isbookDesc = document.getElementById("bookDescription_feature_div")

if(isbookDesc){

if (isbookDesc.innerText == ""){

const eDiv = document.getElementById("editorialReviews_feature_div")

if (eDiv) d1 = eDiv.innerText.replace(/\n/g,"\n>")

}else{

var d1 = isbookDesc.innerText.replace(/\n/g,"\n>").replace("続きを読む","")

}

}else{

const probookDesc = document.getElementById("productDescription_feature_div")

if (probookDesc){

var decsdocP = document.getElementsByClassName("pInfoTabCExpander-content");

var d1 = decsdoc.innerText.replace(/\n/g,"\n>")

}

}

//書影の処理

var image=document.getElementById("landingImage");

if (!image) var image = document.getElementById("ebooksImgBlkFront");

var imageurl = image.getAttribute("src");

//著者情報の処理

var pub = [];

var c = document.getElementsByClassName('author');

for (g = 0; g < c.length ;g++){

var pu = at.match(/\(.+\)/);

var ct = at.replace(/\(.+\)/,'').replace(/ /g,'');

}

var body = encodeURIComponent(lines);

})();

最新版の縮尺版（2022/1/17）

code:min.js

changelog

2020/8/26

2019/3/15

AmazonのKindle版ページが微妙にタイトル表記を変えていたので、対応。

https://gyazo.com/de3e63167743847301383d30cdc07dce

var title = window.prompt('Scrap "Amazon" to your scrapbox.', p.innerHTML);

を

var title = window.prompt('Scrap "Amazon" to your scrapbox.', p.innerText);

に変更

2019/6/18 いくつかのページから情報を拾えていない状況を確認

たとえば、以下のAmazonページから情報を取り込めない（途中でコードが止まっている）

おそらく中古しか在庫がないので、class名などが異なるのだろう。

2020/4/13

「試し読み」の画像が取り込まれてしまう問題。

imgにIDが埋め込まれていたので、それを使う。

imgBlkFront

ebooksImgBlkFront

で探せばいい

code:old.js

var imagecontainer=document.getElementById("imageBlockContainer");//書影の処理

if (!imagecontainer) var imagecontainer = document.getElementById("ebooksImageBlockContainer");

var imageurl = image.getAttribute("src");

code:new.js

var image=document.getElementById("imgBlkFront");//書影の処理

if (!image) var image = document.getElementById("ebooksImgBlkFront");

var imageurl = image.getAttribute("src");

2020/4/19

内容紹介が取得されないの改修する。

旧コード

code:old.js

var d = document.getElementById("productDescription");//内容紹介の処理

if (!d) {

if (document.getElementById("product-description-iframe")){//もしKindle版なら

var subdoc = document.getElementById("product-description-iframe").contentWindow.document;

var d = subdoc.getElementById("productDescription");

}

}

if (d){//内容紹介が存在しているなら

var d2 = d1.innerText.replace(/\n/g,'\n>');

}else{

var d2 = "";//内容紹介が空っぽの場合

新コード

code:new.js

var decsdoc = document.getElementById("bookDesc_iframe").contentWindow.document;//内容紹介の処理

var d = decsdoc.getElementById("iframeContent");

if (d){//内容紹介が存在しているなら

var d1 = d.innerText.replace(/\n/g,'\n>');

}else{

var d1 = "";//内容紹介が空っぽの場合

}

2020/5/9

Amazonの在庫がないマーケットプレイスの商品がうまく取りこめない。

どこかがカラなのだろう。値段が怪しいが、さて。

imgBlkFrontがどこにはいっているのか？

（考え）

h2要素を取得（複数取得される）

innterTextが「商品の内容」に一致するものを順繰りに探す。

見つかったら、その中身を保存する。

2022/1/17

内容紹介が取りこめなくなった。

AmazonのHTMLが変わっている模様。

以下の部分を修正する。

code:old20220117.js

var isbookDesc_iframe = document.getElementById("bookDesc_iframe") != null

if (isbookDesc_iframe){

var decsdoc = document.getElementById("bookDesc_iframe").contentWindow.document;//内容紹介の処理

var d = decsdoc.getElementById("iframeContent");

if (d){//内容紹介が存在しているなら

var d1 = d.innerText.replace(/\n/g,'\n>');

}else{

var d1 = "";//内容紹介が空っぽの場合

}

}else{

var d1 = "";//内容紹介が空っぽの場合

}

Amazonページを見ると、Div id="bookDescription_feature_div" の子要素に内容紹介がある。

紙もKindleも同じ様子

Kindleは、子要素の子要素の第一がそれ

紙版も同じっぽい。

/icons/hr.icon

code:js

お仲間ページ