Html5

The World Wide Web Consortium (W3C) released Hyper Text Markup Language 5 as an official recommendation in December 2012. HTML5 is the latest update to the Hypertext Markup Language (HTML) that includes new semantic tags for features such as video, audio, canvas, and other design features.

HTML5 and Display Ads

Similar to Flash Display Ads, certain specifications must be considered when building in HTML5:

  • File Size Limitations
  • Polite loading

Polite

Polite downloading technology is a method for displaying a small sized file whilst a larger one downloads, automatically displaying on completion of download. This ensures that there is no blank ad spot whilst the larger file downloads and allows advertisers to create in depth ads above and beyond the standard offerings.

How it works:

1. An initial content is displayed to the user.

2. When the initial file is downloaded, a larger file starts to download. When the download of the large file is complete, it will display to the user instead of the initial file.

A creative politeness is automatically checked using the following process:

  • The creative is opened in a test environement
  • After one second, the test platform checks that the creative is not blank. If the creative background is not blank, the creative is then marked as being polite.

Weight

The weight is also checked automatically with the same automated test platform with this process:

  • The creative is loaded in a test environement
  • After thirty seconds, the test platform checks the network traffic of the creative. If the creative downloaded weight is below the set weight for the format, the creative unit is then validated.

Important note : Piximedia checks the downloaded weight not the zip's file weight. For instance, a 5MB HTML5 creative zip file that only downloads 30KB of content will be marked as weighting 30KB. On the other side, a 50KB zip file that downloads a 2MB JavaScript framework will not validate because the full downloaded weight is counted, even if it's not included in the zip file.

Automatic Encoding Process

Piximedia uses sources MP4 files to automatically encode advertisers video files into different sizes and formats :

  • WebM VP8 and VP9 files for Chrome and Firefox
  • Encoded MP4 files for all other browsers (IE, Safari, Mobile browsers, etc..)

If you want us to use final files and to disable automatic please contact us. In that case, MP4 video files should be provided, with a maximum weight of 1MB for each 10 seconds. For instance, if you have a 30 second video file, its weight should be, at most, 3MB.

HTML5 Support

HTML5 ad will play natively in all modern browsers, no matter the device. Older browsers may not display the ad as expected. Browser support depends on the features included in the HTML5 creative. Newer HTML5 features will only work in the very latest browsers, while basic features (like images) will display everywhere. HTML5 creatives should be able to display relevant content on every device by detecting wether or not the browser supports the intended feature.

Third party platforms provide information over which HTML5 feature work on which device:

Video Support on Desktop / Computers

Piximedia support HTML5 video on the following desktop platforms :

  • Windows 7 and later versions: Chrome 44+, Microsoft Edge, Internet Explorer 11+, and Mozilla Firefox 41+
  • Mac OS X 10.5 and later versions: Chrome 44+, Mozilla Firefox 41+ and Safari 5+
  • Linux: Chrome 44+, and Mozilla Firefox 41+

On other browsers/os, as a backup, Piximedia will play the video ad using a Flash based video player, and if the user blocks Flash (or if Flash is not installed on the computer), an alternative content will be displayed (poster frame to be supplied separately or native text ad).

Video Support on Mobile and Tablet devices

Piximedia support video on the following desktop platforms :

  • iOS 8 and later versions: Safari 7+
  • Android 4.4 and later versions: Chrome
  • Samsung Android phones and tablets: Chrome and Samsung Browser

An alternative content will be displayed if displaying video is not possible (poster frame to be supplied separately or native text ad). Piximedia will try to start the video automatically on supported devices, and will display the alternative content if autoplay is not possible.

Native Video Autoplay on Mobile and Tablet devices

Piximedia fully supports autoplay videos (ie. the movie starts with no user interaction) on these devices:

  • iOS 10 and later versions: Safari
  • Android 4.4 and later versions: Chrome 53+
  • Samsung Android phones and tablets: Chrome 53+

Autoplay can be disabled by the user in the browser settings: alternative content will then be displayed (poster frame to be provided separately or native text ad), and the the video ad will play on user interactions.

Native Advertising

Native Ads units are composed of four simple elements :

  • Title: Advised length of 25 characters
  • Description: Advised length of 80 characters
  • Image: 640x360 or more (16/9 ratio)
  • URL

They can be displayed within any position / slot, whatever the placement size, and all visible elements are automatically arranged using responsive design.

Piximedia can use a single URL to retrieve any other element of native ad. By default, Content is automatically pulled from the landing page and used as a Native Ad. It is of course possible to provide separate elements, in a highly flexible way. For instance, Piximedia can use the title / description from a landing page, all while using a custom image.

Dynamic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus odio et leo aliquet finibus. Phasellus tincidunt quam tincidunt ultrices tempus. Quisque pharetra est ut velit tempor efficitur vel quis erat. Sed volutpat libero facilisis iaculis faucibus. Vivamus malesuada commodo ante vel pharetra. Suspendisse sit amet erat rutrum, hendrerit nulla nec, auctor neque. Nulla bibendum, nunc ut sollicitudin luctus, turpis tortor vestibulum felis, ac sodales lacus turpis ac nisi. Quisque fermentum dictum magna, ac vestibulum dolor mattis non. Proin mattis eget urna in accumsan. Pellentesque tristique vel felis a mollis. Nam vitae eros et sem efficitur accumsan. Sed efficitur massa libero, ut mollis justo gravida a. Nunc euismod ipsum elementum enim pellentesque tincidunt. Pellentesque felis lorem, sollicitudin nec odio vel, fringilla semper lectus. Vestibulum elementum elit hendrerit felis elementum convallis :

Native Video

Native

Display Video

Iframe

Some advertiser web site are not compatible with iframe advertising containers. When we try to add an URL to an incompatible site in the platform, the following error message shows :

This incompatibility is triggered by the presence of an “X-Frame-Options” HTTP header :

The fact that this header is present blocks the use of the site in an advertising iframe container.

To allow the site to be included in an advertising iframe container, it is mandatory that the IT team in charge of the web site removes this optional HTTP header.