楽天市場のアフィリエイトリンクを生成するBookmarklet。

楽天7回の攻撃

楽天7回の攻撃 Photo by blackcomet2007

Amazonで買い物をすることが多かった我が家なんですが、クレジットカードを1つにまとめるのをきっかけに楽天市場での購入が増えてきました。

以前、@matubizさんがAmazon用のBookmarkletは作ってみえたので、楽天市場版は自分で作ってみました。

名付けて、RakutenHTML

ようやく自分で納得する挙動になったので公開したいと思います。

では、RakutenHTMLとは何でしょうか?

RakutenHTMLはブラウザおよびiPhoneで使うことができるBookmarkletです。

ただ、楽天市場のどのページでも紹介用HTMLタグを生成できるかというとそういう訳にもいきません。

実は、個別商品ページからしか作成できません。これにはちょっとした理由があります。

楽天市場のURLを見てみましょう。

http://item.rakuten.co.jp/に続くのが店舗コードになるんですが、その後に続くのが商品コードやIDではないんです…。(ここが作る時につまづいたポイント、非常にわかりにくかった。)

rakutenURL
rakutenURL Photo by feelingplace

じゃあ、商品IDはどこにあるのかというと、ソースを表示しないとわかりません。

ちなみに先程のページのソースを見てみると、

item_id
item_id Photo by feelingplace

まぁホントにわかりにくいところに書いてあります。

従って、下の画像のような複数商品を紹介しているページはもちろん、個別商品を紹介しているページでもitem_idがソースに記述されていないページではこのBookmarkletを利用することができませんのでご了承ください。

rakuten_fukusuu
rakuten_fukusuu Photo by feelingplace

このBookmarkletは、楽天市場の商品個別紹介ページから店舗コードとitem_idを探して組み合わせて商品コードを生成し、楽天ウェブサービスの楽天商品コード検索APIを使ってタグを吐き出しています。

ブックマークレットを起動すると、下の画像のようにプロンプトが表示されるので、

prompt
prompt Photo by feelingplace

半角英数字でフォーマットを指定します。

今回は2種類準備しました。

RakutenHTML(デスクトップ版)

RakutenHTML(Textforce起動版)

出力は3種類のフォーマットから選択できます。

==============================================================

リッチェル 木製おくだけゲート 各色 【smtb-KD】
販売価格:7439円(税込・送料込)
販売店舗:ペットの矢野橋
Supported by 楽天ウェブサービス

==============================================================

リッチェル 木製おくだけゲート 各色 【smtb-KD】
販売価格:7439円(税込・送料込)販売店舗:ペットの矢野橋
Supported by 楽天ウェブサービス

==============================================================

リッチェル 木製おくだけゲート 各色 【smtb-KD】販売価格:7439円(税込・送料込)・販売店舗:ペットの矢野橋Supported by 楽天ウェブサービス

==============================================================

それでは、設定の仕方を説明していきます。

Javascript内部で変更が必要なのが2ヶ所あります。

1つはAffiliate_ID、もう1つはDeveloper_IDです。

Affiliate_IDは楽天の会員なら下のページから取得できます。

【楽天】ログイン

楽天アフィリエイトのアフィリエイトID(β版)を発行


もう1つのDeveloper_IDは、楽天ウェブサービスから取得できます。こちらもアフィリエイトIDと同じく楽天会員なら取得できます。

ブックマークレット内のIDをご自身で取得した両IDに書き換えてください。

テンプレートのフォーマットはDropboxのPublicフォルダに置いておくと、下の画像のようにリンクが取得できるので、オリジナルのフォーマットが使いたい方はhttp://dl.dropbox.com/u/290961/bookmarklet/rakutenhtmlsetting.htmlからオリジナルを取得してご自身のDropboxのPublicフォルダへ入れてください。

スクショ
スクショ Photo by feelingplace

設定できる予約語は以下の通りです。

  • ${a_URL} アフィリエイトURL
  • ${m_imgURL} 商品画像 128x128URL
  • ${s_imgURL} 商品画像 64x64URL
  • ${i_name} 商品名
  • ${i_price} 商品価格
  • ${t_flag} 消費税フラグ
  • ${p_flag} 送料フラグ
  • ${s_name} 店舗名

商品紹介ブログパーツ カエレバとか書籍紹介ブログパーツ ヨメレバとかあるじゃんと言われればそこまでなんですが、@hiro45さんのYahoo!Pipes講座をこっそり受講している身としてはちょっと作ってみたかったので…。

もしよかったらお使いくださいませ。

この投稿へのコメント

  1. gon said on 2011年10月13日 at 5:38 AM

    ブックマークレットについて教えていただきたく、コメントさせていただきました。掲載されています方法とは直接に関係が無いような気もして申し訳ないのですが、MSNのhotmailやGmailなどに応用してログインする場合は、どのようにしたらよいのでしょうか?ソースコードのどこを見れば良いのでしょうか?
    また、プルダウンメニューを操作したり、チェックマークを入れたりというようなこともできるのでしょうか?
    教えてください。よろしくお願いいたします。

    • @feelingplace said on 2011年10月13日 at 12:53 PM

      gonさんへ
      大変申し訳ありませんが、自分自身が人に教えられるほどJavaScriptに精通しておりません。問題を解決したいだけであれば人に聞けば終わりですが、自らの成長を望むのであれば、具体的に作りたいものをキーワードにして調べたりすることは可能だと思いますので、ぜひお調べください。

メッセージをどうぞ!!

この投稿へのトラックバック

  1. […] This post was mentioned on Twitter by kuracyan_news, fp_rss and feelingplace, feelingplace. feelingplace said: ブログ書いた。: 楽天市場のアフィリエイトリンクを生成するBookmarklet。 – http://tinyurl.com/4fs7elv […]

  2. 今日のTipsと使いこなしが素晴らしいので全部紹介!〜 iPhone D’s Focus【20110213版】 | 覚醒する? @CDiP said on 2011年2月13日 at 6:58 PM

    […] ◇ 楽天市場のアフィリエイトリンクを生成するBookmarklet。 これは!ブロガーさん必見でございますよ! […]

  3. […] ◆Feelingplace 楽天市場のアフィリエイトリンクを生成するBookmarklet。 […]

  4. links for 2011-02-13 « IKUBON*Tweet said on 2011年2月14日 at 9:02 AM

    […] 楽天市場のアフィリエイトリンクを生成するBookmarklet。 | Feelingplace 楽天市場のアフィリエイトリンクを生成するBookmarklet。 | Feelingplace http://htn.to/7gQ7Sj – 五藤隆介(いいたいだけい) (gor […]

  5. […] 凄いブックマークレットがどんどん増えて凄い 楽天市場のアフィリエイトリンクを生成するBookmarklet。 | Feelingplace via: http://www.feelingplace.com […]

  6. 楽天市場のアフィリエイトリンクを生成するBookmarklet。 | Feelingplace « アフィリエイトヘッドライン said on 2011年2月15日 at 3:59 AM

    […] このサイトへ ] [ ニコニコ風に見る ][ ブックマーク ] はてブ:10 / Livedoor:0 / […]

  7. […] このサイトへ ] [ ニコニコ風に見る ][ ブックマーク ] はてブ:10 / Livedoor:0 / […]

  8. 2011年2月のまとめ。 | Feelingplace said on 2011年3月1日 at 6:00 PM

    […] 楽天市場のアフィリエイトリンクを生成するBookmarklet。 | Feelingplace […]

  9. […]   楽天市場のアフィリエイトリンクを生成するBookmarklet。 | Feelingplace […]

トラックバック URL