15
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Prebid.js取り敢えずlocalで動かしたい。のお話

Last updated at Posted at 2018-04-13

まあ完全に誰得情報なんですけども。備忘&布教になれば。
ここに書いた事は公式見れば全て書いてあります。(自衛)
公式 (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 内で SourcesSnippetsnew 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読むだけです。
ありがとうございました。

15
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?