Medialets Mobile Rich Media Best Practices: MRAID Close Button
by Pinar O'Flaherty
10/21/2011
The IAB has just released MRAID 1.0, defining specifications for standard functions of mobile advertising creative. As a contributor to and supporter of the MRAID specification, we thought it would be beneficial to drill down into one of the core components of MRAID: the close button.
MRAID defines the JavaScript methods for expanding and dismissing rich media mobile ad units. The MRAID convention eliminates the revisions and versioning of creative for campaigns running on multiple publishers and platforms.
Below are some tips for working with the MRAID close button, followed by a download of MRAID complaint materials to make your creative development process even easier.
- The close button should appear in 50×50 pixel hit area in the upper right corner of the creative.
- The “circle x” graphic is positioned thoughtfully on the transparent hit area specifically to provide the maximum space for ad creative without crowding the graphic.
- Use the 100×100 pixel image file and apply CSS to scale the file to 50×50 via CSS code to render a clean, readable graphic. We’ve provided the image files and code here.
- The “circle x” graphic be used exclusively for dismissing ad creative and never for dismissing element – such as a video window – within the ad. This exclusive use rule ensures that users know when they are leaving the ad.
- Never hide or obscure the close button.
We’re happy to support MRAID, along with the broader, full spectrum of Medialets’ unique rich capabilities that engage users and drive meaningful results for brands. To learn more about Medialets’ support of MRAID or any aspect of Medialets mobile rich media platform, contact us.