Full Screen

Full Screen - Image / HTML5

HTML5 and Display Ads

Piximedia accepts HTML5 assets as *.zip files that must contain a file named index.html.

Polite

HTML5 assets needs to be polite, and displays some contents, such as a loader, within the first second of being shown on screen.

Weight

When referring to the weight of an HTML5 asset, we are only referring to the files that are being actively used. Most formats accepts HTML5 assets up to a maximum of a few megabytes.

Handling the Clicktag

By default, Piximedia adds a clicktag layer on the top of the HTML5 assets, so that every pixel clicks. If you creative is interactive, and you need to handle the clicktag yourself, you can do so by following the steps below.

You can download an example here: Download zip

  • Step 1 : Add Piximedia Library to the HTML5 creative by calling this script to the head section of the creative.

    <script src="//static.adserver.pm/lib/html5.js" type="text/javascript"></script>
  • Step 2 : Add a click listener to a DOM element.

    document.getElementById("myDiv").addEventListener("click", function() {
    				// Handle Click Event here
    });
    							
  • Step 3 :Customize this click listener for a specific area of the creative, by calling the click handling function : piximedia.click(index, name, url)

    Here are the functions parameters :

    • index

      This is a number, starting at 1, used by Piximedia to configure the click URL of each creative. For instance, if you happen to have four distinct click areas in your HTML5 creative :

      Clicktag1

      The background should always use 1 as a index (1 is the default). Other buttons are free to use any index, provided the naming is consistent from one creative to another : if you have two HTML5 creative for Product A and Product B, always use 2 for the logo, 3 for the image, 4 for store locator, etc… Of course, this is just an example, as long as you use 1 for the background/default, you are free to use any index with any label

    • name

      This is the name that will display in Piximedia campaign reports. For instance, if we consider the same creative as in the previous point :

      Clicktag1
    • test_url

      This is the landing page URL, for test purposes. VERY IMPORTANT INFORMATION: Be careful, this URL is only used to preview the creative. What is set as a URL here is ALWAYS ignored in production, and you should NEVER assume that anything you set here will be used or known in any way. Again, this is only intended for test purposes so that previewing the creative doesn't redirect to an error page ! Here is an example:

Accepted File Formats

For video formats, you should provide assets in MP4, with a maximum file size of 8MB per 10 seconds. For example, a 30-seconds video may be up to 24MB. Please contact us if you need your sources files to be bigger.

Automatic Encoding Process

Your source video files will be automatically re-encoded to provide the best experience to end-users when serving ads. Multiple output may be generated and used, such as:

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

Browser Support

Not all browsers and environment support the same set of features. This page summarizes the main features supported by Piximedia creatives.

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 show a static frame of the video.

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 Assets (Branding)

    Assets

  • TXTCall to Action   45 characters max
  • example: Découvrez nos nouveaux parfums fruités


  • TXTBrand    25 characters max     
  • example: Haagen Dazs

  • JPG, PNGImage   OR  MP4Video
  • Three ratio required - 16:9, 9:16, 1:1 (min width 500px)

  • JPG, PNGIcon    1:1 ratio, max 250kb     

Native Assets (Product)

    Assets

  • TXTTitle   35 characters max
  • example short: Rouge Signature Encre à Lèvres Mate


  • TXTDescription    140 characters max     
  • example: Découvrez Rouge Signature, la nouvelle encre à lèvres liquide mate de L’Oréal Paris. Signez vos lèvres d’une couleur intense.

  • TXTBrand    25 characters max     
  • example: L'Oréal Paris

  • JPG, PNGImage   OR  MP4Video
  • Three ratio required - 16:9, 9:16, 1:1 (min width 500px)

    Note that it is strongly advised not to have any text inside images as it may be cropped on certain sizes

  • JPG, PNGIcon    1:1 ratio, max 250kb     
  • TXTCall to action   15 characters max
  • example: ESSAYEZ-MOI

Product Feed Advertising

Feed-Ad are creative that use a dynamic feed to display product inside the creative

Feeds can be uploaded on our platform or be provided through and URL (Must be SSL-Compliant) to enabled easy updates on advertiser's end.

Feeds must be in JSON or comma separated CSV.

We also natively support Google shopping feed, see specifications: Google product feed specifications


    Required Fields

  • TXTTitle    25 characters max     
  • example: Cotton And Linen T-shirt

  • TXTImage Link    SSL Compliant URL pointing to an image asset     
  • example: https://ssl.broadcast.pm/assets/dior/retargeting/mix/1543837502_913T03JA428_X0822_E01_GHC.jpg

  • TXTLink    SSL Compliant URL pointing to the product on your website     
  • example: https://www.dior.com/en_gb/products/couture-913T03JA428_X0822-cotton-and-linen-t-shirt


    CSV example: download

    JSON example: download

Supported Third-Party Trackings

The following adservers are being certified for use with Piximedia:

  • DoubleClick (Google)
  • Weborama
  • Sizmek
  • Atlas
  • SmartAdServer
  • Flashtalking
  • Nielsen
  • IAS
  • Adventori
  • Research Now / Dynata
  • Double Verify

When using one of the adservers above, please send us the raw, original Excel file (*.xls, *.xlsx, or *.csv) that has been generated by your adserver. Please make sure that no manual alterations have been made, as the tracking file will be processed automatically.

Other Trackings (Piximedia Tracking Format)

For all other adservers, you need to send us your tracking using the Piximedia Tracking Format. This is a CSV file that is very easy to generate: all the trackings are one separate lines, and it consists of three columns: the name of the tracking, the URL of the pixel to call when an impression is made, and the URL of the click-command to use.

You can download an example of Piximedia tracking file by clicking here.

Important notice regarding HTTP/HTTPS (secure) trackings

Due to a large part of the web being using the HTTPS protocol, you must send HTTPS (secure) tracking only.

Trackings that are only non-secure will not be implemented.

Dynamic DCO

Dynamic creatives enable advertisers to create and deliver more relevant and personalized advertising content for viewers.

Using the elements provided by the advertiser (image, text, icon, video, action button ...) Piximedia uses AI technology creates each message in real time based on big data, user behavior (browsing history and keyword research) and display context (content, location, screen, day ...).

By running an A/B test on dynamic creations, PIXIMEDIA's machine learning algorithm optimizes the campaigns' performance following the chosen advertiser strategy: branding, viewed messages and traffic (message clicks).

We believe in keeping things simple.
PIXIMEDIA offers responsive templates of dynamic formats to start easily. Create your ad formats in the platform with just a few clicks. They are based on the IAB NATIVE AD specifications below.

If you are looking for a bespoke template to perfectly fit your brand’s graphic needs, our studio can develop this just for you.

Dynamic Native Video

Dynamic Display

Dynamic Display Video

    Assets

  • TXTTitles   Short 25 characters max AND Medium 90 characters max
  • example short: Piximedia teamwork!


    example medium: Piximedia teamwork the best for your campaigns!

  • TXTDescription    140 characters max     
  • example: We believe that maximizing ROI requires both beautiful ad products and premium environments.

  • TXTBrand    25 characters max     
  • example: Piximedia

  • JPG, PNGImage   OR  MP4Video
  • Image : Three sizes required - 1200x628px (1.91:1 ratio) and 800x600px (4:3 ratio) and 800x800px (1:1 ratio), max 300Kb

    Video : One size - 1280x720px (16:9 ratio) and video lenght 6 seconds, 10Mb max

  • JPG, PNGIcon    1:1 ratio, max 250kb     
  • TXTCall to action   15 characters max
  • example: Join us!

    Optional assets

  • TXTRating    from 0 to 5     
  • example: 5

  • TXTNumber of likes        
  • example: 87 645

  • TXTNumber of downloads        
  • example: 12 450

  • TXTPrice        
  • example: 50€

  • TXTSale Price        
  • example: 39.99€

  • TXTPhone Number        
  • example: +33 1 79 97 21 50

  • TXTAddress        
  • example: 8 Rue des Graviers, 92200 Neuilly-sur-Seine

  • TXTDisplay Url        
  • example : https://piximedia.com

Trafficking

Piximedia thanks to its platform allows you to choose how the campaign will be broadcast: Adserver Piximedia or Adserver Third Party.

Platform Adserver Piximedia Adserver Tiers Adserver Tiers Video (VAST/VPAID)
VIDEO>DISPLAY>NATIVE>DYNAMIC
Impression Ok Ok Ok
Viewability (1 to 30 sec) Ok Ok Ok
Click Ok Ok* Ok
Visit Ok Ok* Ok (no VPAID)
Convertion Ok Ok* Ok
Open mode
New tab Ok Ok Ok
Iframe Ok (if friendly url only) NOK Ok (no VPAID)
Sell mode
CPM Ok Ok Ok
View-CPM (1-2 sec) Ok Ok Ok
CP-View (10-15-20-30 sec) Ok Ok* Ok*
CP-Click Ok Ok* Ok*
CP-Visit Ok Ok** Ok** (no VPAID)

* * Campaigns using the Piximedia optimization algorithm (view, click, visit, conversion) and hosted by an ADSERVER TIER: the creations must not be modified without warning Piximedia.

TARGETING & TRACKING : PIXIMEDIA TAGs

AUDIENCE TAG

To optimize the targeting of the campaign by creating audience modeling and measuring the performance (Quality of the visit: bounce rate, time spent, page views).

CONVERSION TAG

** When the final goal of the campaign ( KPI) is a specific event (visit, sale, lead).

PIXIMEDIA will provide a convertion tag to integrate on this event before the launch of the campaign: tag conversion (on the conversion page).

The PIXIMEDIA team is at your disposal to answer your questions and help you with the best possible programming of the tags.

Clicktag

Step 1 : Add Piximedia Library to the HTML5 creative by calling this script to the head section of the creative.

<script src="//static.adserver.pm/lib/html5.js" type="text/javascript"></script>

Step 2 : Add a click listener to a DOM element.

document.getElementById("myDiv").addEventListener("click", function() {
	// Handle Click Event here
});
				

Step 3 :Customize this click listener for a specific area of the creative, by calling the click handling function : piximedia.click(index, name, url)

Here are the functions parameters :

- index

This is a number, starting at 1, used by Piximedia to configure the click URL of each creative. For instance, if you happen to have four distinct click areas in your HTML5 creative :

Clicktag1

The background should always use 1 as a index (1 is the default). Other buttons are free to use any index, provided the naming is consistent from one creative to another : if you have two HTML5 creative for Product A and Product B, always use 2 for the logo, 3 for the image, 4 for store locator, etc… Of course, this is just an example, as long as you use 1 for the background/default, you are free to use any index with any label

- name

This is the name that will display in Piximedia campaign reports. For instance, if we consider the same creative as in the previous point :

Clicktag1

- test_url

This is the landing page URL, for test purposes. VERY IMPORTANT INFORMATION: Be careful, this URL is only used to preview the creative. What is set as a URL here is ALWAYS ignored in production, and you should NEVER assume that anything you set here will be used or known in any way. Again, this is only intended for test purposes so that previewing the creative doesn't redirect to an error page ! Here is an example:

Full example:

You can find a full working zip file example here : Download zip

Iframe

Piximedia may open the advertiser website when the user asked for it inside an iframe to offer a better viewing experience.

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.


See examples below.

Previw of a creative opening in iframe with a video

Previw of a creative opening in iframe

Billboard

Horizontal rectangular format, generally placed above the editorial content, in which any kind of content can be embedded.

Display - Image / HTML5

Video

Companion

Display - Image / HTML5

Video

Native

Footer

Display - Image / HTML5

Native

In-Feed

In-Feed - Image / HTML5

In-Feed - Video

In-Feed Vertical / In-Feed Parallax

  • Guidelines
  • Leaderboard

    Display - Image / HTML5

    Masterboard

    Display - Image / HTML5

    Video

    Mobile Masterboard

    Display - Image / HTML5

    Video

    Mobile Banner

    Display - Image / HTML5

    Native

    Rectangle

    Display - Image / HTML5

    Video

    Skin

    Display - Image / HTML5

    Video

    Full Video

    Guidelines

    Header Expand

    Horizontal format that sit on the top of the screen and can be expanded to a semi-fullscreen position. It is composed of three part, the autoexpand one that is displayed on page load, the manual expand part wich is displayed following an interaction with the creative and the closed part wich is displayed when one the previous part is closed or scrolled away. Manual expand can be video or display.

    Demo link https://preview.platform.pm/preview/v2/2019/?27d3233efa63915f94eeb1e32ab68c98|desktop


    Closed part: Image / HTML5

    Autoexpand part: Image / HTML5

    Manual expand part: Video

    Manual expand part: Image / HTML5

    Mobile Skin

    Mobile Skin - Image / HTML5

    Slider

    Display - Image / HTML5

    Video

    Native

    Vertical

    Display - Image / HTML5

    Video