Overview
This document provides information on all rich media formats that Sizmek supports for Collective EMEA. Only HTML5 formats are supported. Please reference the Collective Formats Portal for a list of supported formats.
Rich Media Ad Formats
Format Name | Dimension | Placement Size | Programmatic | Mobile Web | In-App |
REM |
Collapsed State: 300Wx250H, 728Wx90H, 160Wx600H, 300Wx600H |
Same as Collapsed Size | No | Yes | No |
RAM |
Collapsed State: Full Widthx48H |
1x1 | No | Yes | No |
HIT |
Collapsed State: 1Wx1H |
1x1 | No | Yes | No |
Immersive Skin |
Collapsed State: 970Wx250H (Responsive) + Values are controllable |
1x1 | Yes (Semi) | Yes | No |
Collective - Templates and Build Guides
Format list is available here:
HTML5 Formats' Guidelines
- Use default custom template ad variable settings except for the ones listed below by format
- Method of expansion and contraction must be the same (i.e. mouse-over or user-click, not a combination of functionality) Subsequent expansions 'replays ' may be initiated upon User Click everywhere.
- Auto Play Video (video started on ad load without user interaction): Non UI video should have sound muted by default.
- User-Initiated Video: Video Controls must be present: Play/Pause, Volume Control or Mute/Unmute buttons are required. Time Scrubber & Replay button are suggested but not required.
- Make sure all clickthroughs including default have “Close Ad Parts” unchecked
- All click through URLs must open in a new browser window.
- Do NOT specify the full URL path of custom scripts and just use the script name. This will allow the scripts to serve securely when the placement is set to secure.
- If sending secure (HTTPS) tags, the developer will need to make sure the path of the EBLoader.js file is either dynamic or secure, depending on implementation.
Collective - Immersive Skin
The HTML5 Immersive Skin format is a full-width expandable header with left and right gutters that appear around page content and a wallpaper skin that appear behind the page content full page.
Note: General Immersive Skin format information can be found here.
This guide will only contain the extra custom elements and scripts needed to get the format working.
These are the format types of the Immersive Skin, which have been tested and Certified for Collective.
Format Type | Certified |
Video Wall | No |
Wallpaper | No |
Non-Video | No |
Video | Yes |
These are the key features of the Immersive Skin format available to the video template.
Typical Format Features | Video Format |
Basic Cross Domain Configuration via one ad (creative-level) | Yes |
Affect the site with style (requires publisher approval) | Yes |
Affect the site with script (requires publisher approval) | Yes |
Inter-panel synchronisation | Yes |
Responsive | Yes |
Mobile Experience (gutters hidden, different header expansion) | Yes |
Scroll Detection | Yes |
Programmatic | No |
Ad Builder Capable | No |
Local Editing per Panel | Yes |
Video Background | No |
Controls Panel | No |
Uses AdKit (able to include DCO and Additional Assets) | Yes |
These are the key customised features of the Immersive Skin format available to the Collective video template.
Collective Specific Format Features |
Video Format |
Multiple Gutter Alignment calls per page resize or Ad load event |
Yes |
Keystone site detection |
Yes |
Browser Detection |
Yes |
Keystone Ad integration (Ad removal after reaching page break-point) |
Yes |
Upgrade-able Core Custom Script |
Yes |
Pre-Integrated Stylesheets per domain |
Yes |
Customise-able custom configurations |
Yes |
Platform / OS detection |
No |
Semi - Programmatic (Across a small Network, no long-tail detection) |
Yes |
Collective - Immersive Skin - Ad Variables
The variables below have been implemented as part of the Collective Certification across select sites.
Note: For more information on typical format variables please visit the Immersive Skin formats Build Guide.
Ad Variables | Value | Notes |
mdIsKeystoneSite | Auto Detect (Boolean) | The format will check whether the site seen is a Keystone site and apply automatic handling. |
mdChromeKeystoneBreakpoint | 1035 (Number) | By default this is automatically set, however, to override this breakpoint add this variable into the Ad settings and apply another value. To remove the override just delete the variable completely. |
mdEdgeKeystoneBreakpoint | 1045 (Number) | By default this is automatically set, however, to override this breakpoint add this variable into the Ad settings and apply another value. To remove the override just delete the variable completely. |
mdIEKeystoneBreakpoint | 1045 (Number) | By default this is automatically set, however, to override this breakpoint add this variable into the Ad settings and apply another value. To remove the override just delete the variable completely. |
mdFirefoxKeystoneBreakpoint | 1042 (Number) | By default this is automatically set, however, to override this breakpoint add this variable into the Ad settings and apply another value. To remove the override just delete the variable completely. |
mdAOLKeystoneBreakpoint | 1045 (Number) | By default this is automatically set, however, to override this breakpoint add this variable into the Ad settings and apply another value. To remove the override just delete the variable completely. |
mdOperaKeystoneBreakpoint | 1035 (Number) | By default this is automatically set, however, to override this breakpoint add this variable into the Ad settings and apply another value. To remove the override just delete the variable completely. |
mdSafariKeystoneBreakpoint | 1035 (Number) | By default this is automatically set, however, to override this breakpoint add this variable into the Ad settings and apply another value. To remove the override just delete the variable completely. |
mdDefaultKeystoneBreakpoint | 1035 (Number) | By default this is automatically set, however, to override this breakpoint add this variable into the Ad settings and apply another value. To remove the override just delete the variable completely. |
Collective - Immersive Skin - Custom Scripts
Custom Scripts |
PL_HTML5ImmersiveSkin.js |
PL_HTML5ImmersiveSkin_PluginScript_COLLECTIVE_Cert11378_13_09_2016.js |
Change Log
Release: Sept 16, 2016 (v1.0.0)
- Initial release
Update: Sept 19, 2016
- Placement Dimensions Added
Collective - Format Support
If assistance is required please reach out to Collective@sizmek.com for additional build information.
Comments