Amazonほしい物リストをサイドバーに表示する。ウェブスクレイピング【WP Web Scraper】WordPressプラグイン

「Amazonほしい物リスト」とか個人的な「夢/希望/野望/欲望」など、ブログに載せといても面白いんじゃなかろうか?と思ったが、実は、前にも同じ事をしていたw 忘れるのでメモっとく:

「WP Web Scraper」というプラグインを使う

使おうと思ったら、インストールしてあったw

スクレイピングって面白い【CSSセレクタ・WordPressプラグイン】
たまにWebスクレイピングって便利だなって思います。今回は自分用にブログのサイドバーに情報を引っ張るだけです。何と『WP Web Scrapper』というプラグインで事足りま...

しかも記事を書いていた。。痴呆+全然わからんぞ。。。

これが私のサイドバーに貼ってあったショートコード。おそらく赤字の部分がJSONで取り出してきたんじゃないかな?

wpws url=”http://www.sofmap.com/search_result.aspx?mode=SEARCH&gid=&gid=&gid=&keyword_and=hz330&keyword_or=&keyword_not=&product_maker=&product_name=&product_code=&jan_code=&product_type=NEW&product_type=USED&price_from=50000&price_to=&sale_date_from_year=&sale_date_from_month=&sale_date_from_day=&sale_date_to_year=&sale_date_to_month=&sale_date_to_day=&reserve_date_from_year=&reserve_date_from_month=&reserve_date_from_day=&reserve_date_to_year=&reserve_date_to_month=&reserve_date_to_day=&order_by=DEFAULT&styp=p_kwskquery=”table:nth-child(5) td,form table br,form table div.tokka-price span,form span.list-name,form span.product_detail_medium_category,form table div:not(.list-img-div) img” output=”html”

もいっかい解説します

自分がやった事が全然わからない、なんて久しぶりですw

[ wpws url=”http://www.sofmapi.com/XXXXX” query=”table:nth-child(5) td,form table br,form table div.tokka-price span,form span.list-name,form span.product_detail_medium_category,form table div:not(.list-img-div) img” output=”html” ]

色分けされてるのを見ると、”,”が区切りですね。ふむふむ。

あ、実際にAmazonで説明しましょう!

私の「ほしい物リスト」を実際に取り上げます。

https://www.amazon.de/hz/wishlist/ls/2VA9VK20QKDZQ

さて、URLはわかりますが、右カラム部分が欲しいので、GoogleCromeでページを開いて、その他ツール>ディベロッパーツールを開きます。

で、画像が複数入っているリストがどこか探します。

ほしい物リストは、#item-page-wrapper.a-sectionに入っている。

エラー not found

と自分のWordPressのサイドバーなどに書き込んでください。
おお、表示された。#g-itemsでも大丈夫ですね。

プラグインの設定画面で、SandboxでQueryテストをすると便利です。

#g-items img,h5,span.a-offscreen,hr

これで結構良い感じになりました。

もうちょっと頑張ります。#g-items img,div.a-row.a-size-small > h5,span.a-offscreen,hr

どうですかね?できましたかね?

私は以下で2個目のスクレイパーウィジェットが完成しました^^

wpws url=”https://www.amazon.de/hz/wishlist/ls/2VA9VK20QKDZQ” query=”#g-items img,div.a-row.a-size-small > h5,span.a-offscreen,hr” 

参考メモ:

CSS の :not() の使いかた - Qiita
CSS でスタイルを適用したいけど、ここだけは適用したくない! っていうときがたまにあります。そういうときは、:not() を使うと簡単に実装できます。# p タグだけ除外`...

 

https://ja.stackoverflow.com/questions/22510/%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9%E3%82%92%E5%90%AB%E3%82%93%E3%81%A0%E3%82%AF%E3%83%A9%E3%82%B9%E5%90%8D%E3%82%92-jquery-%E3%81%A7%E6%8C%87%E5%AE%9A%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84

 

CSSセレクタまとめ、種類別に徹底解説(CSS3対応)
CSSのセレクタについて種類別にまとめてご紹介します。この記事では、CSS3から対応している種類のものも含めて解説していきます。頻出するものからあまり知られていない...
QR Code