とりあえず、Amazonのホームページから、ASINだけを抜き出すのは以下のコード
getElementsByClassName()でクラス名からHTML要素を複数取得する方法がわかればできますね
Amazon商品ページからASINを抜き出すコード クロームで確認
動作確認用に、Amazonの商品ページを開きならが、Chromeの開発機能のデベロッパーモードのコンソール画面位以下をコピペしたら、ASINが表示されるはず
|
1 2 3 |
var Asin = document.getElementById("ASIN").value; console.log(Asin); alert(Asin); |
ASINをデルタトレーサーに直接貼り付ける方法
アマゾンの商品ページから、ASINを切り出したら、それを切り出して、デルタトレーサーのサイトに遷移して、ASINを自動検索するコード
以下のコードを上と同じく、Chromeのその他のツール→デベロッパーツールからコンソールを開いて、以下のコードをコピペ
|
1 2 3 4 5 |
var Asin = document.getElementById("ASIN").value; window.open( "https://delta-tracer.com/item/search/?keyword=" + Asin, "_blank" ); |
ブックマークレットに変換
以下のようにブックマーク登録でそのブックマークボタンを押したら自動実行するために、以下のコードを付加する
|
1 2 3 |
javascript:(function(){ 〜ここに上記コードを貼り付け〜 })(); |
↓コードを貼り付けたらこうなります
|
1 2 3 4 5 6 7 |
javascript:(function(){ var Asin = document.getElementById("ASIN").value; window.open( "https://delta-tracer.com/item/search/?keyword=" + Asin, "_blank" ); })(); |
ただ、このままだと、改行が入っちゃってるので、改行を全て消す。
|
1 2 |
javascript:(function(){var Asin = document.getElementById("ASIN").value;window.open("https://delta-tracer.com/item/search/?keyword=" + Asin,"_blank"); })(); |
これで、ブックマークに登録したら完成！！
リンクから自動でドラックアンドドロップ対応させるために
上記コードでも実行できるが、ブログなどに貼り付ける時、a hrefタグで貼り付けると思うのですが、このままだと ”” の記号が、邪魔するので、以下のように書き換えよう
ただ単に ” → ' に置き換えるだけ
|
1 2 |
javascript:(function(){var Asin = document.getElementById('ASIN').value;window.open('https://delta-tracer.com/item/search/?keyword=' + Asin,'_blank"); })(); |
今回はここまで
出来上がったコードは以下リンクより
