The high-level steps required to set up Prebid.js are listed below.
Once you understand the basics, check out the implementation docs in the Further Reading section below.
- 1. Add Prebid code to the page
- 2. Call bidders asynchronously
- 3. Set a timer on the page
- 4. Make ad server requests with key-value targeting
- 5. Target the line items
- 6. Render the creative
- Further Reading
1. Add Prebid code to the page
- Your developer has added Prebid to the page so it can be loaded on the next impression.
- You’ve configured Prebid.js and set up one or more supported demand adapters (SSP, exchanges, ad networks, etc.)
2. Call bidders asynchronously
- As the page loads, Prebid.js will asynchronously call all bidders to request how much they’re willing to pay for the impression. The asynchronous calls mean the page’s content continues to render without interruption.
3. Set a timer on the page
- To prevent bidders from taking too long, Prebid.js enables you to set a timer to control how long the ad server should wait for the bidders. If the auction exceeds the timeout, the auction is skipped and the impression is sent to the ad server.
4. Make ad server requests with key-value targeting
- When bids are received, Prebid.js adds the price and creative ID to your ad server’s call as a set of query string parameters.
5. Target the line items
- Within your ad server, line items are set up to target various bid prices, allowing the bidders’ programmatic demand to compete with other line items or integrated exchanges (like Google Ad Exchange) based on price.
6. Render the creative
For more information, check out the implementation docs: