This example uses a test version of Prebid.js hosted on our CDN that is not recommended for production use. It includes all available adapters. Production implementations should build from source or customize the build using the Download
page to make sure only the necessary bidder adapters are included.
Line 6 to 39: Define timeout and ad units
This section is the only prebid config you may need to update frequently when:
- adding new bidders
- introducing new ad units
- changing timeout settings
Some publishers put this section of the code into a separate JS file for ad ops to own and manage.
Line 8 to 39: Define ad units and bidder tag Ids
Register all your ad units in page here. The key
code is an identifier of this ad unit. If you’re using GPT, we recommend putting in that ad unit’s slot element ID. If you don’t put in the slot element ID,
pbjs.setTargetingForGPTAsync() would not work, but you can still manually set targeting using
pbjs.getBidResponses() (API Reference).
For each ad unit, register the header bidding bidders’ tag Ids. For example in this case, the first ad unit has AppNexus and Sovrn bidding, and the second ad unit has Rubicon bidding. You can find the complete reference on bidder params here.
Line 44 and Below: Boilerplate. No Need To Change.
Line 45: Load the Prebid.js library Asynchronously
Generate your version of Prebid.js with the selected adapters here. Do not use the prebid.js version on the left in your production environment.
Line 50: Googletag
See full documentation from DFP here.
- Ads will be requested with a
googletag.pubads().refresh() call. See line 66 in the
- This should be set prior to enabling the service.
- GPT’s Async mode must be used.
Line 55 to 57: If all requested bids are back early, send out GPT ad request
Prebid.js sends out all registerd bid requests at
bidsBackHandler will be triggered when all bids are back for the requested ad units.
Line 61 to 62: ensure
sendAdserverRequest() only called once
Send out GPT ad request when all bids are back, or when timeout is hit, whichever comes earlier.
Line 65 to 66: Set key-values before GPT
refresh() to send ad requests to DFP
This refresh call will trigger GPT to send out the ad request for all the defined ad units on page. It’s important to pair this with
disableInitialLoad(), as in line 40.
pbjs.setTargetingForGPTAsync() before the refresh call to let prebid.js attach all the bids to the ad units.
Line 71 to 73: set timeout to timebox bidders’ bids
The page will only asynchronously wait for PREBID_TIMEOUT amount of time before it calls
sendAdserverRequest() to let GPT send out the bids.
Line 78 and below: your original page setup unchanged.
You don’t have to change any other part of your page, such as GPT loading or GPT tags definition.