What types of ad can I create in Aiir?

Aiir has an intuitive built-in ad server which can be used to generate revenue from your website, app, skill or player.

On this page, we'll explain the various types of native ads you can create in Aiir.

Some ad types are only available with certain products, so they may not be visible in your Ads app.

Web Image

This type should be used for image types such as JPG or PNG, or animated GIF.

The designer must ensure the ad meets the size requirements of the targeted position, e.g. 300 by 250 for MPU.

The image will link to a tracking URL, which then redirects to the URL specified in the 'Link to' box.

Web Custom HTML

This type allows any HTML to be pasted into appear in the advertising space.

It should be used for third-party ad-serving code or any content that is not a single image or a Flash file.

To enable tracking, the URL provided should be incorporated into the code.

Web Custom HTML ads are loaded in an iFrame. If you wish to influence the rest of the page's style, use the CSS ad type.

Takeover Background

A takeover allows the use of the website's background for advertising space. A website must have been created with this in mind, as part of the design specification. Contact us if you are unsure if your website is compatible.

There is no recommended size particularly for takeover background images, but there are these guidelines:

It must be wider than your site body. If you are unsure what size this is, speak to us.
Consider where the key brand messages should go. Too close to the page content and it can look cluttered, too far away, and many users may not see them on smaller resolutions.
If the background image passes under and is visible through or around other interface elements, such as the site logo, the background should avoid interfering with these.
It is usually undesirable to use a background colour identical to that of interface elements, as this makes them indistinguishable from the background.
Ensure the image is as small and compressed as possible while retaining adequate quality. This helps the image to load faster and use less bandwidth.

The background colour setting must be completed; it fills all background space not occupied by the image.

There are two options for how the background image is displayed, set with the 'Behaviour' option.

Scroll: The background will scroll with the page, so the maximum height depends on the page's length. Usually, people design art to 'fade out' towards the bottom to a block colour, which you can set as well.
Fixed: The background position is 'fixed' to the window, and stays in the same place as you scroll down. This means you need to be careful about putting major information not too low down - otherwise, depending on screen size, it may not be seen. In this case, it's again as tall as you'd like.

Takeover backgrounds will not be loaded if a user does not see the image, for example, on mobile devices. In this case, an impression will not be recorded.

CSS

This type should be used solely to inject additional CSS into the page's head. It may be useful if you need to make page layout changes when other ads are running, for example, a takeover background.

Player Pre-Roll Audio

This type can be used if you use our standard Aiir Player.

The audio will play before the station stream begins. A skip button can be shown on the new version of our player.

If an image is provided, it will appear until the pre-roll audio ends.

Multiple pre-roll ads can run in rotation, with one randomly selected each time the player opens.

Player Pre-Roll Video

This type can be used if you use our standard Aiir Player.

The video will play before the station stream begins. A skip button can be shown if you choose to enable it.

Banner ads appear at the bottom of each app screen. A new banner advert is loaded each time the page is changed. You can have as many banner adverts in rotation at one time as you like, they will be randomly selected on each page load.

Banner adverts will be centered in the available space, and surrounded by an optional background colour that can be set for each advert. Banner ads should be 100px high, with a variable width. Using an iPhone as an average, banner adverts should be no narrower than 640px in width.

Similar to the Mobile App Banner Image, but you can insert your own HTML to load into the space.

Mobile App Pre-Roll

Pre-roll ads appear when the app starts and when changing stations. You can have as many pre-roll ads in rotation at once as you like; they will be randomly selected on each app load.

A pre-roll ad can include audio, an image, or both.

If the ad has audio, it will automatically dismiss itself at the end of the audio.

The ad can optionally have a 'Skip' button, which is overlayed near the bottom of the screen.

If the ad has an image but no audio, the skip button must be displayed; it would not be possible to reach beyond the pre-roll ad.

There is no recommended size for a pre-roll image, as it can occupy the entire screen, but screen sizes vary from the smallest Android device to a retina iPad.

For this reason, you can set an image for phones and an image for tablet devices. The tablet image should normally be double the dimensions of the phone image. Both images should be in portrait orientation for the best results.

You can also choose an appropriate background colour for the space around the image. If none are chosen, black is used by default.