まあ完全に誰得情報なんですけども。備忘&布教になれば。
ここに書いた事は公式見れば全て書いてあります。(自衛)
公式 (http://prebid.org/)
github (https://github.com/prebid/Prebid.js/)
Prebid.jsって何?
- 沢山のADNWが一斉に
Pre
bid
して一番単価が高い広告をクライアントサイドでオークションして出す仕組み(ちょっと語弊生むかも知れないけど大体そんな感じ)
どうやって動かすの?(local)
手っ取り早いのは、公式にも書いてあるけど下記実行
- 導入
$ git clone https://github.com/prebid/Prebid.js.git
$ cd Prebid.js
$ npm install
- 実行
$ gulp serve
- ブラウザで確認
- 下のURLを追っていくと適当に動作が見られます。
http://localhost:9999/integrationExamples/gpt
なんかLog出ないんだけど
- テストしてるURLの後ろに
?pbjs_debug=true
を付けよう
各ADNWがcpmいくらとか見たいんだけど
ChromeDevTool
内で Sources
→ Snippets
→ new Snippets
→ 下記js保存&実行
var responses = pbjs.getBidResponses();
var output = [];
for (var adunit in responses) {
if (responses.hasOwnProperty(adunit)) {
var bids = responses[adunit].bids;
for (var i = 0; i < bids.length; i++) {
var b = bids[i];
output.push({
'adunit': adunit, 'adId': b.adId, 'bidder': b.bidder,
'time': b.timeToRespond, 'cpm': b.cpm, 'msg': b.statusMessage
});
}
}
}
if (output.length) {
if (console.table) {
console.table(output);
} else {
for (var j = 0; j < output.length; j++) {
console.log(output[j]);
}
}
} else {
console.warn('NO prebid responses');
}
この辺まで分かればあとは本家js&document読むだけです。
ありがとうございました。