Using Asynchronous Tags

Declan Murray

Declan Murray

Ad Tech

EXADS Feature

EXADS News

Using Asynchronous Tags

EXADS has added the ability for Publishers to use Asynchronous Tags for desktop and mobile banners ad zones. When creating either of these zone types, Publishers can use these tags to ensure that zones are loaded onto the page asynchronously.

 

 

Why Use Asynchronous Tags?

  • The ads can load asynchronously, meaning that other content can load alongside the ads. This will increase performance when used on well-optimized sites.
  • Publishers can now use a single request to get multiple ad zones on the same page. This is more efficient and will lead to a performance increase also.
  • This script avoids using some outdated JavaScript features which many developers are moving away from.

 

As a Publisher, you can of course continue to use the two older scripts we provide: Standard and iFrame. Currently, some Publishers use the iFrame to ensure their page never gets blocked from loading. They can continue to use it, but this new script has the same advantages, only with increased performance and ease of use. Google rankings of sites are partially based on performance, so the performance increase can result in improved Google rankings also.

 

Using Asynchronous Tags

To use an asynchronous tag, from the main screen of the Admin Panel, click on New Zone and select either Banner or Mobile Banner. Once you have filled in the details for the new zone, you will be taken to the Your Zone HTML Tag screen. From the Select tag type drop-down, select Asynchronous Script.

This will create an asynchronous script like this:

<script async type="application/javascript" src="https://a.examplesite.com/ad-provider.js"></script> <ins class="adsbynetwork" data-zoneid="1234567"></ins>

<script>

(AdProvider = window.AdProvider || []).push({"serve": {}});

</script>

You can use this script to show either a single zone that is loaded asynchronously or to put multiple existing banner zones onto a single page.

 

Single Zone

To use the script for a single zone, simply copy the code onto your site as you do with any normal script.

 

Multiple Zones

To use this script for multiple zones, copy the code onto your site, and repeat the middle section, the <ins> element, for each zone you wish to put on the page. Replace the data-zoneid with the id for these existing zones (e.g. 111, 222, 333):

<script async type="application/javascript" src="https://a.examplesite.com/ad-provider.js"></script>

<ins class="adsbynetwork" data-zoneid="111"></ins>

<ins class="adsbynetwork" data-zoneid="222"></ins>

<ins class="adsbynetwork" data-zoneid="333"></ins>

<ins class="adsbynetwork" data-zoneid="444"></ins>

 <script>

(AdProvider = window.AdProvider || []).push({"serve": {}});

</script>

 

Performance Benefits of Using Asynchronous Scripts

Document.write can impede performance, as it blocks the rendering of the entire document until it is complete. It is not normally used for regular banners, as we can use other ways of rendering content there.

HTML Banners, however, may have HTML and Javascript of their own, which may use document.write, and other code specific to them. To avoid any problems with this specific code, we constrain HTML banners within an iFrame.

If a document.write is used inside this iFrame it is not detrimental to performance, as it is not preventing anything from loading on the main page. The new asynchronous script doesn't need to use document.write for anything except HTML Banners, and will never suffer from performance issues related to document.write when serving them.

 

Async Tag Speed Test

We have tested three tags on a blank website with different EXADS ad formats. The objective was to measure the amount of time it took for the page to become fully interactive (Time To Interactive) using Google PageSpeed Insights. The results are shown in the following table: 

Tag

Desktop

Mobile

sync

587 ms

1663 ms

iFrame

238 ms

810 ms

async

232 ms

790 ms

As you can see, there is a significant improvement in ad loading speed using async tags compared to the previous sync tag. Specifically, there is a 2.5-fold increase on Desktop and a 2-fold increase on Mobile. The async tag is also slightly faster than the load times of iFrames. This is because async tags don’t block the page while they load. Using the new async script, website content can load while the ads are requested, which has a positive impact on the overall page load times.

 

Video

Please view the video to find out about asynchronous tags:

 

Further Reading

Asynchronous Tags

 

 

Share this article on


Declan Murray

Declan Murray

Technical Writer, EXADS

Subscribe to our Newsletter

Subscribe to receive via email more information about EXADS and the ad serving market.

Recommended Articles

What is a Self-Service Ad Server?

What is a Self-Service Ad Server?

Giles Hirst

Giles Hirst

In this article we will cover everything you need to know about self-service advertising, the benefits this brings to all stakeholders and what to look for when deciding on using a self-service ad server to start a business.

Ad Network

Ad Serving

Ad Tech

Publisher

Self-Service

Ad Server Comparison : Epom versus EXADS

Ad Server Comparison : Epom versus EXADS

Giles Hirst

Giles Hirst

As part of an ongoing series, we compare EXADS with other ad serving platform solutions. In this article we compare EXADS with Epom and evaluate 20 key platform features.

Ad Tech

EXADS Feature

Programmatic

Technology

EXADS Q2 2022 Product Roadmap

EXADS Q2 2022 Product Roadmap

Barry O'Sullivan

Barry O'Sullivan

Q2 promises updates to financial administration including Paxum mass payout automation and automatic rebilling with SafeCharge, CTAs for video campaigns, 2FA account security, smart bidding for advertisers, anonymous user profiling and more!

Ad Tech

EXADS Feature

EXADS News

Insights