リクルートWEBサービス × バリューコマース

リクルートWEBサービスを使って、バリューコマースのアフィリエイトをもっと楽しく。

概要

リクルート WEBサービスとバリューコマースのアフィリエイトサービスを
連携させる方法を紹介します。

>BACK TO TOP

更新履歴

2009/10/23 - 赤すぐ内祝いアフィリエイトプログラム終了のため一覧から削除

2009/08/10 - 単体で動作検証可能なjavascriptサンプルコードを追加。[テキスト表示]

2009/07/28 - サンプルソースにインプレッション計測用のタグを追加。

>BACK TO TOP

バリューコマースを利用できるWEBサービス

リクルートWEBサービスを利用できるバリューコマースのオファー一覧です。
それぞれのサービスとの提携はこちらから申し込み可能です。
バリューコマース内オファーリストへ移動します。

エイビーロード	ホットペッパー	ビューティー
進学ネット	じゃらんnet	カーセンサー
キーマンズネット	赤すぐnet	eyeco

>BACK TO TOP

設定方法

連携は簡単。バリューコマースが設定するsid（あなた固有の広告ID）とpid(広告スペース固有のID)をAPIが生成するURLに付与するだけ。申込みからsidとpidの取得、URLへの付与までを順を追って紹介します。

1.パートナーサイト登録を行う。

バリューコマースの新規登録ページからあなたのサイトをパートナーサイトとして、新しく登録します。

2.希望のプログラムに申し込む。

あなたのサイトの内容に合ったプログラムに申し込みます。

上のロゴ一覧から、あなたのサイトに合ったサイトを選択
画面右下、「詳細・申込み」をクリック。
報酬等を確認後、「オファーに申し込む」をクリック。

3.sidとpidの取得

sidとpidを取得するため、バリューコマース内で「広告スペース」を作成します。サイト内に二つ以上広告を設置する場合、それぞれに広告スペースを作成することで、効果測定などの広告管理が容易になります。

提携が承認されたら、広告スペースを作成
作成されたHTMLコードのリンク先URLをコピー

4.APIの生成するurlにsid,pidを付与

コピーしたsidとpidを含むURLを対応するサービスのAPIのレスポンス(商品や店舗などのページURL)と組み合わせます。レスポンスに関しては各サービスのリファレンスをご参照ください。

<a href="コピーしたURL&vc_url=商品ページのURL" > <インプレッション計測用のタグ>リンク対象</a>となる様に記述。

例えばこのように書きます。(jQueryを利用しています。)

                    
var pid = '878329781'; 
var sid = '2579400'; 
   
var ol = $( '<ol></ol>' ).attr( 'start', start );
$.each( res.shop, function (){
 //URLエンコーディング
 var ecdurl = encodeURIComponent(this.urls.pc);  

 var li = $( '<li><img src="' + this.photo.pc.s + '"> '

  //↓バリューコマースのURL
  + '<a href="http://ck.jp.ap.valuecommerce.com/servlet/referral'
  + '?sid=' + sid + '&pid=' + pid + '&vc_url=' 

  //↓APIのレスポンスURL(エンコーディング済）
  + ecdurl 
  + '" target="_blank">'

  //↓インプレッション計測用のタグ
  + '<img Src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner'
  + '?sid=' + sid + '&pid='+ pid + '" height="1" width="1" Border="0">'

  //↓ 店名
  + this.name 
  + '</a></li>' );
 ol.append( li );
 });
 ruir.append( ol );
});

以上で連携終了です。

* 2009/07/28 - サンプルソースにインプレッション計測用のタグを追加。

サンプルコード

javascript(UI Libraryとの連携)

リクルートWEBサービス UI Library (Hotpepper.UI) を利用し、バリューコマースの連携を行っています。検索を行い、表示された店舗のリンク先URLをご確認ください。

Javascript サンプルページへ

Javascriptサンプルコード:[ダウンロード(ZIP形式)][テキスト表示]

Perl

Perlを利用した場合です。各種ライブラリを使用しています。

Perl サンプルページへ

perlサンプルコード:[ダウンロード(ZIP形式)][テキスト表示]

>BACK TO TOP

ライセンス

リクルートWEBサービス×バリューコマースのサンプルは
こちらの BSD ライセンス　 で公開・配布します

※wikipedia - BSD ライセンス

>BACK TO TOP

作者(文責)

リクルートメディアテクノロジーラボ
渡邊　景亮 (Keisuke Watanabe)

>BACK TO TOP

その他