A Publishers Guide on Implementing Prebid.js: Everything You Need to Know

how to implement prebid js on your website by bridtv

Video header bidding is a programmatic technology that revolutionized the digital video advertising industry. It allows publishers to auction off their inventory through real-time bidding and maximize CPMs. Unlike the traditional waterfalling system, this technology allows each bidder to submit a bid for ad inventory in real time and get a chance to compete with other SSPs. 

However, the industry was still chaotic when header bidding first entered the market. But that changed once Prebid.js came out in 2015. This header bidding wrapper quickly became an industry leader, and more than 66% of publishers use it to maximize CPMs nowadays.

Despite its overwhelming adoption rates, implementing prebidding is still the biggest hurdle for most publishers. If you’re new to prebidding, you’ll probably need guidance.

This article will teach you three ways to implement Prebid.js header bidding and boost ad yield with TargetVideo’s video monetization solution. Using the TargetVideo platform to handle your prebidding needs takes coding and complex implementations out of the equation, making it accessible even for small and mid-sized publishers

How to Implement Prebid.js Video Header Bidding on Your Website

There are three primary ways publishers can implement video header bidding with TargetVideo’s video ad serving technology:

  1. Through Player Bidding
  2. Externally Via Player Embed
  3. Externally Via Custom Script

Each of these implementations has advantages and disadvantages, but they all provide the same results — higher CPMs and improved bottom lines for publishers.

All three methods work for both instream and outstream video ad solutions.

1. Through Player Bidding

Player bidding is an implementation where the entire header bidding process takes place within the player itself. This method is the easiest to set up since it doesn’t require any on-page implementations — publishers can do it straight from the TargetVideo CMS.

All you need to do is select the appropriate bidder, set up custom parameters, add the URL to your custom-built Prebid.js file, and you’re done. We even made adding different SSPs easier by introducing dozens of custom templates for some of the best ad exchanges on the market. 

Also, if you need any custom configs or namespaces, you can easily set them up from the Advanced tab.

brid.tv prebid implementation templates screenshot

The main advantage of this implementation is that publishers can do everything in a single, neatly organized place (the TargetVideo CMS). There are no on-page implementations except embedding your player with this method, as our player and the prebid script will handle everything.

This method is the simplest to set up and is the best option for publishers who don’t want to dabble with complex implementations. However, player bidding is the slowest of the three methods. So if the speed of the prebidding process is of utmost importance to you, you might find this method lacking.

Here are the results of five test scenarios and the time it took for the prebid request and ad impressions to load, respectively.

Prebid Request Loading TimeAd Impression Loading Time
1.983.14
1.642.55
1.412.49
2.883.92
2.163.35

2. Externally Via Prebid Embed

When opting for this method, you’ll need to do some setup both in the TargetVideo CMS and on-page.

From the Player section in the TargetVideo CMS, you’ll need to tell the player which ad unit to grab from your web page in order to pull the appropriate prebid setup.

brid.tv cms screenshot for prebid implementation externally via prebid embed

That way, the player will know which prebid setup to pick up and will use that one to get the VAST ad tag generated by prebid.

This method is the fastest of the three but requires you to do some on-page implementations. But if speed is imperative for you, this option is your best bet.

Here are the times it took for the prebid request and ad impressions to load in five test scenarios:

Prebid Request Loading TimeAd Impression Loading Time
1.572.55
1.712.65
1.732.70
1.412.44
1.502.45

3. Externally Via Custom Script

The last method entails setting up your prebid implementation externally using a custom script. With this method, you must set up the TargetVideo player to dynamically insert and play ads received from prebid.

This technique requires you to implement prebid on-page, which means the player will have no contact with it. However, the advantage of this method is that you’ll be able to control your entire prebid settings directly on the page and provide the player with the winning ad. Publishers can use TargetVideo player’s JS API to dynamically set up and ad and initialize the player once it receives the winning ad for playback. 

Although this method is not the fastest, it has one great advantage. Publishers who implement prebid this way can combine it with their display prebid stack and embed it all into the header of a page. So if you’re a publisher who uses prebid for video and display advertising, you can use this method to minimize the number of different prebid scripts on a single page.

Here are the loading times for prebid requests and ad impressions in our five test scenarios for this method:

Prebid Request Loading TimeAd Impression Loading Time
1.842.56
1.762.63
2.112.95
1.832.59
1.842.62

Set Up and Configure Prebidding Seamlessly at TargetVideo

At TargetVideo, publishers can implement prebidding using either of these three methods, leaving plenty of flexibility. Besides these different implementations, TargetVideo’s prebid solution also offers an easy way to integrate Amazon A9 header bidding into the player.

Whether you’re solely relying on prebid or wish to leverage multiple header bidding solutions to grow your revenue, you can easily do that at TargetVideo. Our solution uses the latest header bidding technologies to provide you with the fastest HTML5 player on the market to grow your business and fulfill all your publishing needs.

Are you ready to make the transition to video header bidding?

Get Started