APIを利用してYAHOO!ショッピング売れ筋商品ランキングブログパーツ作る！その３

それでは（更新に1日あけてしまいましたが）、具体的にYahoo!Pipesを使って作っていきたいと思います。

まずは左側のUrl項目の中のUrlBuilderをドラッグアンドドロップで上記方眼紙上の「drag module here」と書かれた項目に置きます。

このURL BuilderにはBase:の項目に前回の準備したランキングRSSのURLを指定します。cidが最初から入っている人もいるかもしれませんが（上記の写真の場合はフードのRSSURLをそのまま貼りつけています）なお場合はQuery parametersの中にcidを入れておきます。

次に同じく左側のUserInputs項目の中のTextinputをドラッグアンドドロップしてフィールド内に置きます。

ここで上記のようにName:とPromptに上記のようなテキストを入れてみましょう。Positionを1にしてDefaultは総合ランキングの場合は1を入れます（後でブログパーツ作る時にカテゴリを入力することが出来ます）。

次に上記写真のようにPipeをドラッグアンドドロップでつなげていきます。

そして左側Source項目から今度は「Fetch Feed」をドラッグアンドドロップでフィールド内に設置します。

設置出来たら上記のようにドラッグアンドドロップして結合します。

一度上記のようにPipe OutputにPipeをつなげてきちんとデータが取得できているか確認します。

パイプをつなげたら下側のエリアにある「Refresh」リンクをクリックします（見にくいですが、マウスポインタがある場所です）。
正しくランキングが表示されていればそれで問題ないです。

ランキング表示が確認できたら上記のようにパイプの根元をいったんクリックするとハサミマークが出てきます。そのはさみマークをクリックしてパイプを切り離してください。

次にOperation項目の中からLoopモジュールをドラッグアンドドロップでフィールド内に設置します。

次にUrl項目の「URL Builder」を先ほど設置したLoopモジュールの中にドラッグアンドドロップで組みこみます。

こんな感じになるのでBase:のところにベースとなるアフィリエイトURLを入れます。

準備中

atq.ck.valuecommerce.com

Query parametersの＋ボタンをクリックし、項目を増やして入力していきます。

sid=2219441
pid=877212733
vc_url=http%3A%2F%2Fshopping.yahoo.co.jp%2F
vcptn

ちょっと長くなったので翌日に続きます。