Lazy-Loading Ads

Last Updated:
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 Inline Media Ads is highly recommended, regardless if you're an advertiser or a publisher.

3 Good Reasons Why

  • Increases CTR significantly
  • Increases your Viewability Rate
  • Loads the page faster (since ads are not yet downloaded when rendering the page)

Viewable vs Served Ad (Viewability Rate)

So, why will your CTR increase?

Imagine a scenario where half of your ads are loaded below the fold and nobody is scrolling down the page. Even though the ads are not displayed in front of the visitor's eyes, impressions are counted because the ads were loaded. Since CTR equals impressions / clicks, your CTR can never reach higher than 50% here.

When lazy-loading is enabled, an impression is logged when the ad loads in front of the visitor's eye. Logically, when the ad is seen, it has a higher chance of receiving a click. Therefore it drives up CTR.

Greatly improved 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 container holding the ad. 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.

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 an Inline Media Ad zone. Click on the Advanced tab and enable Load When In Viewport.

External Resources

Share This

This article stays online on the following URL: