Setup and manage header bidding advertising partners without writing code or confusing line items. Prebid.js is open source and free.
Many SSPs, bidders, and publishers have all contributed to this project.
Check out the overview and documentation at http://prebid.org.
No more week-long development. Header bidding is made easy by prebid.js :)
Table of Contents
Download the integration example here.
Include the prebid.js libraray
Note that you need to host prebid.js
locally or on a CDN and update the reference in the code snippet below for `cdn.host.com/prebid.min.js
(function() {
var d = document, pbs = d.createElement('script'), pro = d.location.protocol;
pbs.type = 'text/javascript';
pbs.src = ((pro === 'https:') ? 'https' : 'http') + '://cdn.host.com/prebid.min.js';
var target = document.getElementsByTagName('head')[0];
target.insertBefore(pbs, target.firstChild);
})();
Setup ad units
pbjs.que.push(function(){
var adUnits = [{
code: '{id}',
sizes: [[300, 250], [300, 600]],
bids: [
{
bidder: 'appnexus',
params: {
placementId: '{id}'
}
}
]
}];
//add the adUnits
pbjs.addAdUnits(adUnits);
});
Request Bids
pbjs.que.push(function(){
pbjs.requestBids({
bidsBackHandler: function(bidResponses) {
//do stuff when the bids are back
}
})
});
See Console Debug Errors during testing
By default console errors are supressed. To enabled add ?pbjs_debug=true
to the end of the URL for testing.
Follow the guide outlined here to add an adapter.
$ sudo npm install
$ gulp build
Edit ./integrationExamples/gpt/pbjs_example_gpt.html
Change {id}
values appropriately
$ gulp serve
Navigate to http://localhost:9999/integrationExamples/gpt/pbjs_example_gpt.html to run the example file