Rajesh Kumar (Backend-Sr. Lead Development)

Header bidding is an advanced programmatic and more secure advertising technique that allows publishers to offer their ad inventories to multiple ad exchanges and ad networks simultaneously. Essentially header bidding is a programmatic auction where bid requests are sent to multiple demand partners(ad exchanges and ad networks) in real time, maximizing the value of ad inventory. 

Challenges To Displaying Ads

• Not able to display multiple Ads: The player cannot play various ads while watching original content as it happens on Youtube. 
• Faster loading time: Header bidding decreases the time that sells an impression and renders an ad on the page(website). It also improves user experience and SEO results. 

How To Create a Header Bidding Tag?

1)Create bidders in Google Ad Manager

• Sign in to Google Ad Manager.
• Click Delivery > Bidders.
• Click on the Header bidding tab.
• Click New bidder.
• In “Select a bidder”, search for the bidder and select one bidder.
• In “Enable header bidding”, click on the "Continue" button.
• Click Delivery > Yield groups.
• Click on New yield group.
• Enter a unique yield group Name that will use for reporting.
• Select the Banner ad format.
• Select the Web inventory type.
• Click Add yield partner.
• Select any yield partner from the dropdown.
• Select the Header bidding integration type.
• Click Save.

2)Create bidders in Adbutler

• Do sign in with a username and password on the admin panel.
• Create a Publishers -> Your Publishers.
• Click on Header Bidding Setup.
• Copy the script and place it in any editor.
• Go to the zone section for which you want to use Header Bidding.
• Click on Header Bidding Tags.
• Copy the code from the Zone Entry field and place it in the header script where it says ZONE ENTRIES GO HERE

How To Use a Header Bidding Tag To Show Ads?

1)Copy the script from the ad exchange and paste it into the head section in HTML.

if (!window.AdButlerHB){(function(){var s = document.createElement("script");s.async = true; s.type = "text/javascript";s.src = 'https://ads.com/hb_app.js';var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}
var AdButlerHB = AdButlerHB || {}; AdButlerHB.cmd = AdButlerHB.cmd || [];
AdButlerHB.timeout = 700;
AdButlerHB.cmd.push(function(){

AdButlerHB.registerAuction('abhb_91097_1', [[300,250]],59604456, 18455170, "ads.com");

AdButlerHB.requestAuctions();
});

2)Copy the div code from the ad exchange and paste it into the section in HTML where you want to display ads.      

     <div id="abhb_91097_1"></div>

Conclusion

Header Bidding tag is the well suitable and most appropriate way to display multiple ads on the website. It also increases the website load time with ads. It also provides better ad management from the ad exchange server. It gives location-wise ads and also displays ads according to user suggestions.  

At Oodles ERP, we provide custom ERP software development services to help cross-industry enterprises achieve their business goals. Our team has more than a decade of experience in building custom ERP solutions using open-source platforms like Odoo, ERPNext, OFBiz, and more. To learn more about our ERP application development services, reach out at [email protected]. 

A VAST tag (Video Ad Serving Template) is a script that allows video players and ad exchange servers to communicate with each other in an effective way. Ad exchange servers generate these VAST tags. A VAST tag gives instructions to video players on how to retrieve an ad, when to render the ad (means after the content start, in mid of the content, and at end of the content), and the type of ad media (like video, images), along with the ad length, format, duration, tracking information, and pricing(pricing of the content when user see the ad). Using XML schema, VAST transfers metadata from the master video ad slot source in a format readable by humans and computers, making them an accessible tag type for video ads. When a video player understands VAST, it is able to play all third-party video ads that are mentioned in the ad exchange server also other ads, regardless of the publisher's ad server or ad network.

Challenges In Playing Ads

• Not able to play multiple Ads: The player cannot play various ads while watching original content as it happens on Youtube. 
• Time frame video ads: Maintaining time frame advertisements in a video player without using plugins is not possible. Also, these things should be managed from some ads exchange.

How To Create a VAST Tag?

1)Create a VAST Tag in Google Ad Manager

• Sign into Google Ad Manager using your Username and Password
• Click on Inventory >> Ad Units
• Locate the ads unit options and click on Tags
• Fill out the option for each section like Tag type, Tag Option, and Tag Results, clicking continue after each step
• Click on Copy Tag

2)Create a VAST Tag in Adbutler

• Do sign in with a username and password on the admin panel.
• Create a VAST campaign.
• Add media items to the campaign.
• Create a VAST zone where you want to display the advertisements.
• Assign the VAST campaign to the VAST zone.
• Copy the vast tag from the zone.

How To Use a VAST Tag To Play Ads On The Video Player (videojs)

1)Videojs player requires a videojs-vast-vpaid package to play.  Do the following steps.

• Do npm i videojs-vast-vpaid --save for Angular, Reactjs. 
• Use CDN of videojs-vast-vpaid for others.

2)Use the following code in Angular, and Reactjs.     

             videojs.vastClient({
                adTagUrl: "ad exchange vast tag url"
           });

3)Use the following code for others. Use this code directly in the video tag.

           data-setup='{ "plugins": { "vastClient": { "adTagUrl": "ad exchange vast tag url" } } }'

Conclusion

VAST(Video ad serving template) tag is the well suitable and most appropriate way to display multiple ads within a time frame on a video player. It also gives options to manage to skip ads and know more information about particular ads.

We, at Oodles, provide complete enterprise software solutions to help enterprises sail through their routine operational challenges. Our end-to-end ERP application development services cater to the diverse industry-specific needs of our clients with a focus on solving complex business problems. Contact us at [email protected] for more detail.