Lazy-Loading Ads

By: AdGlare Ad Server
AdGlare's Lazy-Loading function loads the ads only when the zone becomes visible in the browser's viewport. In other words, the ad is only loaded when it has a chance to be seen by the user. Enabling this function for Display Ads is highly recommended, regardless if you're an advertiser or a publisher.

Two Big Advantages

Lazy Loading has with two major advantages when it comes to ad serving:

  • Increases CTR significantly
  • Increases your Viewability Rate

How it increases CTR

Imagine a scenario where half of the ads are loaded below the fold, and nobody is scrolling down the page. Even though the ads were not seen, impressions are counted because the creatives were loaded. Since CTR equals impressions / clicks, your CTR is also cut in half.

Clearly, only ads that have been seen can be clicked on. When lazy-loading is enabled, an impression is logged only when the ad is displayed in front of the visitor's eye. By reducing the number of impressions of unseen ads, your CTR will increase considerably.

How it improves viewability

A viewable ad impression is determined as 50% visible for at least 1 second. If you enable lazy-loading, the ads are only loaded when the visitor scrolls down to the ad unit's placeholder. At that moment, the ad is loaded and the clock starts ticking in order for a viewable impression to be counted. In other words, enabling lazy-loading increases the chance that an impression is logged as viewable, and as a consequence your viewability rate goes up.

Publishers: Your pages will load faster

Finally, pages load faster when lazy-loading is enabled. Especially on web pages with multiple ads, it's strongly recommended to enable lazy-loading in combination with asynchronous ad loading. If you're a publisher, Google may even reward you (i.e. not punish you) when page speed improves.

Live Example

Here's a live example of an ad that is only loaded when you scroll it into view.

In this example we've used a static JPG banner. You can however add any type of creative to an Inline Media Ad campaign. Lazy-loading will work with:
  • Third-Party Ad Tags
  • HTML5 Documents
  • ZIP Archives
  • MP4, WebM and Ogg Videos
  • VAST Tags
  • YouTube Videos

How to set this up in AdGlare

Go to the page Zones and open a Display Ad zone. Click on the Advanced tab and enable Load When In Viewport.

External Resources

Share This

emoji_peopleTogether we can build wonderful ad serving technology!

AdGlare powers the ad serving stack of hundreds of brands and publishers worldwide. With ideas and suggestions coming from AdOps and Marketeers, those are the people that have partly shaped the future of the ad tech landscape. We adhere to IAB's LEAN Ads Program and Google's Coalition for Better Ads.

Are you a publisher or advertiser? Feel free to reach out to see how we can help you.


Related articles