LEVITATOR - MediaMind

LEVITATOR 

OVERVIEW 

User experience 

- Editorial content loads first with Ad Preload Image visible in the 300x250 area. After page load, the 300x250 ad unit is populated 

on the page and commences 15 seconds of animation time within 300x250 space. 

- Optional floating element (980x500 dimension) appears over page content for a maximum of 7 seconds and resolves into 

300x250 unit. 

- The Float experience has a frequency cap of once per 6 hours. It is recommended adding a play/replay button to provide the 

opportunity for viewers to replay the float on subsequent page views. 

- User can click hot areas on the 300x250 to initiate the Page Collapse panel and/or click to a landing page. 

- Upon the user’s click to expand, the entire site appears to slide in one of 3 directions (down, left, right) in a gliding motion 

revealing a large expanded panel. Expanded panel stays open and user can engage with interactive content in the expanded 

area (including video) until they choose to close the panel. 

- A Maximum of 2 other expanded areas are allowed, each appears with the site in one of the 3 positions mentioned above. For 

example: site slides down to reveal the first expanded panel. On user interaction, a second expanded panel can be revealed by 

sliding the site to the left. A third expanded panel is revealed by sliding the site to the right. 

- A User-Initiated Static Skin is optional. Will appear upon the initial expand and is hidden when the Glider is closed. 

Levitator Last Update 4 May 2012 Page 1




Demo 

http://demo.eyeblaster.com/sea/Joe/html/TWnextLevitatorDemo.html 

Specification 

Creative Assets Dimension (W x H) Format File size Requirement 

- Audio must be user initiated. Mute by default. 

Initial Banner 300x250 SWF*


CONFIGURING IN FLASH 

The following procedure describes how to configure the Levitator Block assets using Flash. Since this Block is different than the other 

Blocks, the process is laid out differently as well. Here you can see how to open each asset and customize it to your liking. 

Note: The Levitator Block is only compatible with AS3. 

To configure in Flash: 

Banner 

1. Open the "Banner_300x250.fla" file. 

Make sure you leave keyframe1 and 2 empty from graphic content. 

2. On keyframe 3 you can add the advertiser’s graphic content as follows: 

Custom script 1 triggers the function "showGraphicsOnDefaultBanner" (layer "as", keyframe 2, line 10) and then the banner 

proceeds to keyframe 3 after the default panel collapses. 

Default Panel 

1. Open the "Panel_Default_980x500.fla" file. 

Note: This asset contains the flipping panel. 

2. To edit the 300x250 initial side of this panel, edit the "300x250 content" movie clip in the FLA library. 

3. To edit the 295x294 side of this panel, edit the "600x250 content" movie clip in the FLA library. 

4. To edit the close button of this panel, edit the "close_btn" button in the FLA library. 



Levitator Panel 

1. Open the "Panel_Levitator_1680x1280.fla"file. 

This asset loads the site snap of the publisher’s site into the "box_mc" movie clip. 

The SiteSnap takes an image from the publisher’s site every 30 minutes by default. To make sure that the image of your ad appears 

in the SiteSnap (and not some other ad that may be in the rotation for the same spot) you must add a 300x250 image of 

the banner to the "banner_default_image" movie clip as follows: 

2. You may have to fine tune the "banner_default_image" and the file snap’s position, according to the publisher’s page and the 

position of the banner. The Site Snap URL and the position of the "banner_default_image" are configured in the class 

‘com.MediaMind.Config’ as follows: 

Variable 

Variable url_image 

Variable fileSnap_x_position 

Variable fileSnap_y_position 

Variable defaultImage_x_position 

Variable defaultImage_y_position 

Description 

The path to the SiteSnap. 

The X position of the SiteSnap relative to the stage. 

The Y position of the SiteSnap relative to the stage. 

The X position of the "banner_default_image" movie clip relative 

to the SiteSnap’s movie clip "box_mc". 

The Y position of the "banner_default_image" movie clip relative 

to the SiteSnap’s movie clip "box_mc". 

Notes: 

• Do not place the ‘banner_default_image’ on the stage, it will be added automatically (by code) to the SiteSnap image. 

• Do not delete the ‘banner_default_image’ from the library and do not change the linkage class name. 



Additional Assets 1,2 and 3 

These are the additional assets that are displayed by the Levitator Panel. 

"Additional_Asset_01_HOME.fla": The initial additional asset and also displayed when the user clicks on the "home" button. This 

FLA contains the video player that displays the additional asset #10. 

You can add creatives according to your needs on the "Content" layer and also create additional layers beneath this layer. 

The clickthrough URL for the overlay button is "CTR_content_1". 

"Additional_Asset_02_LEFT.fla" and "Additional_Asset_03_RIGHT.fla": Both of these assets have the same structure. The 

first one is loaded when the user clicks the "LEFT" button, the second one when the user clicks on the "RIGHT" button. 

You can add creatives according to your needs on the "Content" layer and also create additional layers beneath this layer. 

The Clickthrough URLs for the overlay button are: 

Additional_Asset_02_LEFT.fla: "CTR_content_2" 

Additional_Asset_03_RIGHT.fla: "CTR_content_3" 



Flash Guideline 

Setup Eyeblaster Workshop (only install once) 

- Download the Flash Plugin (MXP) 

- Click here for installation guideline 

Create new ad 

- Open Eyeblaster Workshop in Flash. Select Window > Other Panels > Eyeblaster Workshop 

- Create an ad using template. 

- Select Expandable banner as Ad Format. 

Eyeblaster code in Flash 

- Leave the first frame BLANK. Include the following script: 

For Action Script 3.0: 

For Windows XP or Vista & For Apple OS: 

EB.Init(stage); 

- Apply this script to expand the panel from default banner: 

EB.ExpandPanel("Panel_Levitator_1680x1280","user"); or EB.ExpandPanel("Panel_Default_980x500", "User"); 

- Close the panel using this script: 

EB.CollapsePanel("Panel_Levitator_1680x1280","user"); or EB.CollapsePanel("Panel_Default_980x500", "User"); 

- Click Through and redirect user to ad URL: 

EB.Clickthrough(); 

- Custom Click Through for additional ad URL. (if any): 

EB.Clickthrough("targetName"); 

Example of targetName: BlogURL, OrderURL, FacebookURL 

- Track user initiated interaction: 

EB.UserActionCounter("interactionName"); 

Example of InteractionName: ReplayAd, StartGame 

- Track automated event. 

EB.AutomaticEventCounter("eventName"); 

Example of eventName: DisplayedProduct, LoadedGame 

*For Panel 2 banner, see template for full script 



Panel setting 

Make sure the Panel_Default_980x500.swf is the default panel and define its settings as follows: 

Auto Retract: Never 

Banner: Relative 

X:-660 

Y: -86 

Make sure the Panel_Levitator_1680x1280.swf has the following settings: 

Auto Retract: Never 

Banner: Relative 

X:-1010 

Y: -339 

*Kindly note that the position is different according to different site layer 

Adding the Levitator Custom Script 

Define the custom JavaScript as follows: 

1. To define the custom JavaScript for the pre-load, select the Advanced Features tab then expand the Custom JS section as follows: 



2. In the Trigger JavaScript on Scripts Pre-load field, enter the following URL: 

http://ds.serving-sys.com/BurstingRes/CustomScripts/MMBlock_Levitator.js 

This script triggers the banner to proceed to the keyframe with the graphic elements, after the default panel collapses. 

3. Click Save. 

4. To define the custom JavaScript for the ad download, select the Interactions & Ad URLs tab and then select the Ad URLs subtab 

as follows: 

5. Click Add another tracking URL: 

6. From the drop-down list, select On Ad Download (JavaScript) then enter the following URL: 

http://ds.serving-sys.com/BurstingRes/CustomScripts/Background_Dimmer_Block_ver2.js?zindex=0 

This script implements the Background Dimmer block on the part of the publisher’s page that is not covered by the Levitator 

panel. 



Best Practice 

- Place the CLOSE button away from the mouse over button in default banner. 

- CPU usage less than 50%. 

Setup Video Player (if any) 

Setup ad 

- Select to add video as Additional Assets 

- Drag and drop Eyeblaster Video Components: VideoLoader, PlayBtn, StopBtn, MuteBtn 

- Setup VideoLoader using Component Inspector. 

- Additional Asset ID is 1 by default. 

- Select on Eyeblaster Workshop 

- Select the file for default image (backup image) 

- Select Ad URL to enter the Target URL. eg: http://www.mediamind.com 

- Position the panel to appear on the correct coordinate relative to the banner. 

eg: Expand to the left, Y=0, X = width of default banner – width of panel 

Testing & Upload 

- Preview the ad and test the ad using Interactions Monitor. 

- Make sure that all the scripts are tracked. 

- Submit the ad to MediaMind platform from Eyeblaster Workshop. 



CREATIVE SUBMISSION TO MEDIAMIND PLATFORM 

Basic Introduction 

- Overview of MediaMind Platform 

- Edit an Ad 

Create Video Package (only applicable to ad with standard video ) 

- Select Manage > Video Studio 

- Click on to create new video package 

- Follow through the wizard. 

- Link the additional assets to the video package in Video Packages folder. 

Publish Ad 

- Select Manage > Ad 

- Select the ad and click on Attach to attach the ad to the correct placement. The ad icon will change to 

Note: Publisher and Campaign Trafficker can only preview ad attached to the placement. 

- Setup for Custom Click Through (if any) 

- Select the ad and click on Review > Publish. The ad icon will change to 

Note: Publisher can only test on published ads. 

SUPPORT 

E-mail your enquiries to: seasupport@mediamind.com 

Online training: Eyeblaster Training Zone

LEVITATOR - MediaMind

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?