Prevention from 'Blocking'

Discussion

Web browsers traditionally loaded HTML content synchronously. This process involves:

• Loading the entire HTML page first, allows the browser to display all content.

• After that, other elements like images are loaded.

However, when external sources (like OpenAD Protocol tags) are added to a page:

• The browser must fetch the HTML from external sources before loading the page.

• If the external source takes time or there are multiple sources, it can delay the page load.

• This causes external content to "block" the loading of the main page content.

To avoid this issue, OpenAD Protocol provides methods to prevent banners from blocking the main site content.

How-To

Option 1: Use Asynchronous or iFrame Tags

The easiest way to prevent OpenAD banners from delaying website content is to:

• Use Asynchronous JS Tags or iFrame Tags.

• These tags load banners separately from the main content.

• Simply generate the tag for the zone you want to display banners, place it in your HTML, and the banners will load asynchronously.

Option 2: Bottom Loading & CSS Positioning

If you prefer not to use asynchronous tags:

• Place the banner tag at the bottom of the HTML page.

• Use CSS to position the banner where you want it on the page.

• While the browser will still show it's loading until banners appear, the main website content will load first.

• This method mimics asynchronous loading, ensuring the main content appears before banners.

Note: The use of asynchronous loading of banner content, while perhaps "obviously" a good thing, can potentially have unintended consequences on the number of banner impressions recorded, especially if your OpenAD Protocol installation is underpowered (or not tuned) to handle serve the volume of banner impressions requested of it.