In-Screen Expandable Video Specs
Template(s)
Using the file below is most suited for design layouts that are 100% bespoke and require highly customized animation. If a designer is new to our products, we recommend reviewing our Ad Framework in order to get a deep dive into the anatomy of a GumGum ad.
Standard Build | GG-Template_2023_ISXV.zip or download from Dropbox. |
For faster turnaround times, please request an express template which offers pre-set animations and fixed design layouts optimized for efficiency, consistency, and ease of use.
Basic Info
Placement | Bottom of Browser Viewport (Adhesion) |
Platform | Cross Platform |
Responsive | Yes |
Demo | |
Abbreviation | ISXV |
Size Limit | 450KB for creative, 2.5mb for video |
Sizes
COLLAPSED
Breakpoint | Width | Main Height |
Desktop | 600px | 80px |
Mobile | 300px | 80px |
EXPANDED
Breakpoint | Width | Main Height |
Desktop | 600px | 200px |
Mobile | 300px | 200px |
These sizes represent the dimensions for the unit in a web browser! In order for creative to display crisp on modern mobile and desktop devices all creative should be designed at twice the sizes listed above!
Animation
- By default, expand animation should only re-arrange existing creative elements and not add or remove any
- 1-Second "Intro" Animation
- 1-Second "Expand" Animation
- Additional seconds of animation can be shown on the expend state
- Requires a Complex Creative Request
Video
- Video Functionality
- Collapsed: Autoplay
- Expanded: Continuous Play (DOES NOT LOOP)
- Sound: Click to play
- Max Video Length is 30 seconds
- 15 seconds is highly recommended for better ad performance
Additional Details
- Avoid overlaying any design treatment or elements above the video player.
- Not compatible with complex creative capabilities/features by default.
- For responsive units, please supply the order in which elements should drop off for smaller ad sizes.
- Functionality
- Desktop unit is hover to expand
- Mobile unit is swipe to expand
- The creative is always built at 2x scale for Retina Display
- One element can be up to 200px high collapsed and 400px high expanded (mockups) or 100px high collapsed and 200px high expanded (rendered)
- Tile height is 120px high collapsed and less than 400px high expanded (mockups) or 60px high collapsed and less than 200px high expanded (rendered)
- Designers can utilize space on either side of the 600px "main content area" to add ornamentation.
- Up to 200px on either side of the 600px space can have additional design elements, flourishes, etc
- Cannot be anything that is vital to the ad - no messaging, logos, etc because as the unit width shrinks these elements will start to be partially cropped out.