IAB Display Ads
Native Ads (JSON)
Quality Assurance
Ad Tags
Best Practices
Campaign Setup
Getting Started
Good To Know
License & Billing
Native Ads
content_pasteWhite Labeled Ad Serving
content_pasteBot Filtering for Ads
content_pasteLazy-Loading Ads
content_pasteKeeping Ads On The Screen
content_pasteAdding a 3rd Party Tag

Lazy-Loading Ads

menu_book Knowledge Base chevron_right Tutorials
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 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!

Since 2013, AdGlare powers the ad serving stack of hundreds of brands and publishers worldwide. With ideas and suggestions coming from Publishers, AdOps and Marketeers like you, we're proud to offer one of the most up-to-date ad servers in the market. We adhere to IAB's LEAN Ads Program and Google's Coalition for Better Ads.

Are you a publisher or brand? Reach out to see how we can help you.

Feel free to
get in touch