How To Load Adbrite Ads Faster/Asynchronously at Your Site

adBrite is the largest independent ad exchange, reaching 300 million global unique visitors every month, including more than 150 million in the U.S. It is alternative to Google Adsense.

In this post, I will describe how to make adBrite ads load faster at your site to increase your site engagement.

Theory Behind Load Adbrite Ads Faster

Before implement the changes, let understand how to load Adbrite ads faster. Most modern browsers load iframe asynchronously without blocking other elements, thus the technique to load Adbrite ads faster/asynchronously is using html iframe.

Create Iframe Page

First for all, you need create a iframe page for your site to include the code provided by adBrite and name it as ads-banner.html. You can create few html for different types of ads.

Example iframe code:

<html>
<body style="margin: 0; padding: 0;">
<!-- Begin: adBrite, Generated: 2013-01-18 20:56:53  -->


<!-- your adbrite code goes here -->


<!-- End: adBrite -->
</body>
</html>

Include Iframe to show adBrite Ads

To include adBrite ads, you need add a iframe element to the placement where you want to show ads.

<html>
<body>
	<header>...</header>
	<section id="content">...</section>
	<section id="site-bar">...</section>
	<section id="banner">

		<!-- add a iframe to link to your ads code -->
		<iframe src="/ads-banner.html" frameborder="0"></iframe>


	</section>
	<footer>...</footer>
</body>
</html>

Test adBdite Ads Load Time

After you implement these changes, you will notice the page load time is significantly faster. Enjoy this enhancement and increase site engagement!

Filed under web-development