Quick Steps to Creating a Rich Media Ad

Login and Select Account

  1. Enter your username and password that you’ve been provided.
  2. Select your Company and Branch from drop down.
  3. Select your Client by using the dropdown menu and the Advertiser from the list.
  4. This will take you to the Advertiser: Media Plan screen. Click on the Creative Management tab, and then click on Search Creative.

Upload Direct Served Files

  1. You will now be on the Search Creative screen. Hover over Management, click on Upload Direct Served Files.
  2. You will now be on the Upload Direct Served Files screen. Choose a Directory (or create a New Directory), click on Browse to find the files you’d like to upload on your computer. Or you may drag and drop files onto the target on the page to upload. (You will be able to preview the file names before the assets are uploaded.) Click on Upload.

Create Rich Media Ad

  1. From the Search Creative screen, hover over Management, click on Create Rich Media Ad.
  2. You will now be on the Create Rich Media Ad - Step 1: Rich Media screen. Click on the radio button that represents the type of ad you’d like to create.
  3. You will now be on the Create Rich Media Ad - Step 2: Flash Properties screen.
          Choose the parent file for your rich media ad under Flash File.
          Choose the backup .gif or .jpg under Alternate Image.
  4. You will now be on the Create Rich Media Ad - Step 3: Creative Properties screen. Alter the TPL File name and Description if desired.
  5. You will now be on the Create Rich Media Ad - Step 4: Ad Properties screen. Make any necessary changes to the Clickthrough URL, descriptions and Event descriptions. Ensure the proper Child Movies and/or video files are chosen.
  6. You will now be on the Create Rich Media Ad - Step 5: Display Option screen. Enter survey vendor code, if a survey is being used. Other display options usually do not need to be changed.
  7. You will now be on the Create Rich Media Ad - Step 6: Position and Test screen. Click on the Position and Test button in the middle of the page. This will open two new browser windows. Make any necessary changes to the positioning, QA events and click URLs, create demo link.
  8. This will bring you back to the Create Rich Media Ad - Step 6: Position and Test screen. Click Finish to complete the ad creation process.

Create Ad Placements that Allow Atlas Rich Media Ads to be Assigned

  1. Create placement in media plan:  Click on “New” tab.
  2. In the General Section:
    • Choose a Site (user’s choice)
    • Create a Placement name (user’s choice)
  3. Select the Creative Category:
    • From the Creative category dropdown menu: choose Expanding TopLayer, Floating TopLayer or Custom TopLayer.
      • Expanding TopLayer is pre-selected. You may choose other creative categories in addition (GIF, JPEG, FLASH, HTML, HTML w/JavaScript, DHTML, Flash Banner, Eyeblaster, Pointroll and Shoshkeles). You may check “All” to allow any of these creative types to run in this placement or individually pick the other types.
        • Choosing Expanding TopLayer will allow you to run polite, in-unit, expanding or video banners from Atlas Rich Media.
        • Choosing Floating TopLayer will allow you to run Floating Atlas Rich Media ads.
        • Choosing Custom TopLayer will allow you to run Custom Atlas Rich Media ads.
      • The “Delivery method” will default to JavaScript. If necessary, you may choose Iframe as the delivery method. Please be sure to create all ads that will be running in this placement with the same delivery method. For instance, if you choose JavaScript, all ads rotating in this placement must also have JavaScript as the delivery method. You will not be able to assign an ad with Iframe as the delivery method to a placement that has a JavaScript delivery method or vice versa.
        • JavaScript is the preferred method of delivery for Atlas Rich Media ads.
        • The ad serving fee is based on what ad type is actually delivered, not the accepted creative type.
      • Choose creative width (of the collapsed state if the banner is expanding)
      • Choose creative height (of the collapsed state if the banner is expanding)

Once ads are assigned to the placement, you are not allowed to change the creative category, accepted creative or delivery method. To change these options you must un-assign ads, change the placement, re-assign the ads and re-traffic the ad tags. Please follow these directions if there is any chance that you will assign Atlas Rich Media to a placement.

Creating an Atlas Rich Media ad within the Atlas Media Console

Log in to the Atlas Media Console.
This link can also be found from our homepage by selecting the login button.

Login and Select Account

  1. Enter your username and password that you’ve been provided.

  2. Select your Company and Branch from drop down.

  3. Select your Client by using the dropdown menu and the Advertiser from the list.

  4. This will take you to the Advertiser: Media Plan screen. Click on the Creative Management tab, and then click on Search Creative.

Upload Direct Served Files

  1. You will now be on the Search Creative screen. Hover over Management, click on Upload Direct Served Files.

  2. You will now be on the Upload Direct Served Files screen. Choose a Directory (or create a New Directory), click on Browse to find the files you’d like to upload on your computer.  Or you may drag and drop files onto the target on the page to upload. (You will be able to preview the file names before the assets are uploaded.) Click on Upload.

    You can also overwrite previously uploaded files from this screen.  Follow the same steps above and make sure that the file names are identical to what was previously used.


    Accepted file types:
    - Shockwave Flash Movie Files (*.swf)
    - Flash Streaming Video Files (*.flv)
    - GIF Files (*.gif)
    - JPG Files (*.jpg)
    - XML Files (*.xml)
    - WAV Audio Files (*.wav)
    - MPEG-3 Audio Files (*.mp3)
    - Portable Network Graphic image Files (*.png)
    - Adobe Acrobat Files (*.pdf)
    - Text Files (*.txt)
    - JavaScript Files (*.js, *.class, *.jar )
    - HTML Files (*.html)


Create Rich Media Ad

  1. You will now be back on the Search Creative screen. Hover over Management, click on Create Rich Media Ad.

  2. You will now be on the Create Rich Media Ad – Step 1: Rich Media screen. Click on the radio button that represents the type of ad you’d like to create.
          Atlas Rich Media: Advanced Tracked:
    • Flash Banner (typically not used for rich media ads): Simple in-unit Flash ads with the extra tracking capabilities. Files to be used with this format must be authored with special code, called the “Multi-Tracking Kit.” This format does not enable the following:
      • the automatic tracking of certain metrics such as interaction time
      • polite loading technology
      • the loading of child files
      • the use of streaming video.
    • Expanding TopLayer Banner: in-unit or expanding ads which may include all advanced tracking events, child files, video and polite download.
    • Floating TopLayer Ad: over-the-page floating ad which may include all advanced tracking events, child files, video and polite downloads. Floating ads appear over the page, and eventually disappear, with no leave-behind. Use this format ONLY if your ad does NOT have a banner space (e.g. 728x90, 300x250) associated with it.
    • Custom TopLayer Ad: custom ad which may include all advanced tracking events, child files, video and polite downloads. Consult your Atlas Rich Media Project Manager before proceeding.
    Non-Advanced Tracked: not addressed in this document – see standard ad creation documentation.

    Click Next to continue.


  3. You will now be on the Create Rich Media Ad – Step 2: Flash Properties screen.

    Choose the parent file for your rich media ad under Flash File.

    • Select the directory of the Flash File under the “Directory:” drop down menu.
    • Select the Flash File under the “File:” drop down menu.
    • The parent file contains special code. Atlas will prevent you from selecting a non-parent file in this step, and give you a warning message.
    • ***You can also upload files from your local drive by selecting “Upload New File”

    Choose the backup .gif or .jpg under Alternate Image.

    • Select the directory of the backup GIF/JPG image file under the “Directory:” drop down menu.
    • Select the backup GIF/JPG image file under the “File:” drop down menu.
    • Floating ads will not prompt you for a backup gif.
    • *** You can also upload files from your local drive by selecting “Upload New File”

    Click Next to continue.


  4. You will now be on the Create Rich Media Ad – Step 3: Creative Properties screen.

    For your convenience, you can modify the TPL File name and Description of the ad.  If you choose not to, the file name of the parent .swf will be used.


    You may also choose the Delivery Method of the ad using the dropdown menu. Atlas Rich Media ads will default to JavaScript as the delivery method (and is the preferred choice for rich media ads). In order to assign an ad to a placement, the delivery method of both the ad and placement need to be the same. There is no way to change the delivery method once the ad is created.


    Click Next to continue.


  5. You will now be on the Create Rich Media Ad – Step 4: Ad Properties screen.

    The URL and Events that are applied to the links and descriptions layer of the parent .swf will carry over into Atlas and pre-populate these fields. You can overwrite the clickthrough URL’s and descriptions on this screen by simply changing the variables. The descriptions will also be reflected in reporting.

    Any child files (.SWF, .FLV, .MP3, etc.) that this ad may require must be selected on this screen.  In order to choose child files, select the directory that these files are located (previously uploaded into Direct Served Files).  Next, select the file.



    Rule of thumb: file names should NOT be on the right side of the screen (under the External File URL) – all file names should be under “File Name” in the middle of the page.


    Click Next to continue.


  6. You will now be on the Create Rich Media Ad – Step 5: Display Option screen.
         

    Display Options:

    • Display to all screen resolutions: Yes. The ad will display to all screen resolutions.
    • Start ad manually: unchecked. Do not use. (leave as defaulted)
    • Server only to IE 5.5 and above: unchecked. Do not use. (leave as defaulted)
    • Ad not scrollable: checked. Used for floating ads (leave as defaulted)
    • Polite download: checked. Refers to parent .swf. When checked, the ad will load after the publisher’s page has finished loading. When unchecked, the ad’s parent file will load with the page, but the child files will not load until after the publisher’s page is finished loading.
    • Hide Dropdowns – Banner: unchecked. This hides dropdown menus behind the ad when in the banner phase. (leave as defaulted)
    • Hide Dropdowns – Expand: checked. This hides dropdown menus behind the expanded portion of the ad. (leave as defaulted)
    • Hide iframes – Banner: unchecked. This hides I-frames behind the ad when in the banner phase. (leave as defaulted)
    • Hide iframes – Expand: checked. This hides I-Frames behind the expanded portion of the ad. (leave as defaulted)

    Survey Vendor: For use of a survey vendor with Atlas Rich Media ads.

    • Choose the Yes radio button.
    • Choose Vendor from the dropdown menu.
    • Type the Vendor Campaign/Group ID into the field.
    • Choose which Phase of Ad for Survey from the dropdown menu. This will determine what phase of the ad the survey vendor will launch.

    The survey script will then auto-populate unless you’ve chosen “Other” for the survey vendor. If you’ve chosen “Other” you will need to paste the JavaScript code given to you by the vendor into the Survey script field.


    Click Next to continue.


  7. You will now be on the Create Rich Media Ad – Step 6: Position and Test screen.

    Click on the Position and Test button in the middle of the page. This will open two new browser windows.


    The ad positioning window

    You will see a blue box which represents the entire footprint of the expanded ad and the backup .gif being used for the ad.
    The Tool Bar window


    Tabs

    Positioning tab
    **This is most useful for expanding banners.  If you are working with an in-unit banner, it is unlikely that you’ll be required to make changes in this tab.
    ** IF YOUR BANNER IS A LEFT-EXPANDING or EXPANDS UP, you will need to enter the proper pixel positioning.
  • Phase
    Indicates which phases are present in the ad and which phase you are positioning. Not having the proper phases with affect how the ad plays on the publisher’s page and it will also affect reporting – some metrics may not be available.
    Recommended phases:
    • In-unit: should have at least a banner phase. Expand phase is necessary to report interaction time.
    • Expanding: should have both a banner and expand phase.
    • Floating: ads should have at least a teaser and main phase. Main phase is necessary to report interaction time.
    If there is (not detected) text next to any phase, then you may be missing the label or the files have been incorrectly coded.
  • Size Type
    Absolute: (Default) – The absolute size of the ad defined in pixels.  This will be the same size for all browser windows.
    Relative:  Size of the ad as a percentage in relation to the browser window.

  • Position Type
    Anchor: (Default) – This anchors the phase to a general area on the screen.  You will most likely anchor to the “Alternate” which is the default.
    Relative:  Positions the phase in relation to the browser window at a point that is a percentage of the browsers width and height.
    Absolute:  Positions the phase to an absolute position as defined by pixels.

  • Move
    Click the arrows to move the phase.  Alternately, you can use your mouse to move the phase or enter position coordinates.

  • Position
    Indicates the coordinates of the phase based on the Position Type selected.  For Absolute type, this will be defined in pixels.  For Relative type, this will be defined as a percentage of the user’s screen size.
    • ** IF YOUR BANNER IS A LEFT-EXPANDING BANNER, there is a simple formula to figure out the proper positioning:
      (width of banner in collapsed state) – (total width when expanded) = “Left Position” pixel field
      For example: a 160x600 banner that expands left. The total width of the parent file is 320x600.
                  (160) – (320) = -160
                  -160 should be put into the Left Position field.
    • ** IF YOUR BANNER EXPANDS UP, there is a simple formula to figure out the proper positioning:
      (height of banner in collapsed state) – (total height when expanded) = “Top Position” pixel field
      For example: a 300x250 banner that expands up. The total height of the parent file is 500x250.
                  (300) – (500) = -200
                  -200 should be put into the Left Position field.
  • Size
    Indicates the size of the phase depending on the Size Type selected.  For Absolute type, this will be defined in pixels.  For Relative type, this will be defined as a percentage of the screen area.

  • Test
    Use the play button and stop button to view how the ad will play.  This can be done per phase or per the full ad.
**Make sure to update both the Banner and Expand phases.  You’ll find that variables tend to typically match in both phases.
**Always select the “Save” button after making any changes in this tab.

Options tab
This tab is not very useful for Creative Producers and is applicable to media teams.


Test tab
Select the Play button in order to test the full ad.  Upon selecting this button, you’ll notice that a tracking window pop-ups along with the ad.  This window will track all events and interactions and is mirrored in the Test tab under “Advanced Tracking Events”.


If you would like to see how the ad performs on an actual webpage, type in the full URL into the “Positioning URL:” field and select Play.

 

Demo tab


Choose to the “Create” button to generate a Demo Page URL on which your ad can be viewed by others in IE or FF.  If you would like to see how the ad performs on an actual webpage, type in the full URL into the “Demo Page Background URL:” field and select “Create”.

 

When you are satisfied with the positioning and reporting within the ad, press Close to continue.

 

  1. This will bring you back to the Create Rich Media Ad – Step 6: Position and Test screen. Click Finish to complete the ad creation process.

  2. You will now be on the Create Rich Media Ad – Step 7: Confirmation screen. From here you can choose one of the radial buttons to do the following:
    • Return to the location from which you initiated Create Rich Media Ad
    • Assign this Rich Media Ad to Placement(s)
    • Create a new Rich Media Ad
    • Create a Rich Media Ad based on the Ad you just created
    • Go to the Creative Properties for the newly created creative
    • Go to the Ad Properties for newly created ad

Steps to Creating Media Plan Placements that Accept Atlas Rich Media

  1. Create placement in media plan:  Click on “New” tab.
  2. In the General Section:
    • Choose a Site (user’s choice)
    • Create a Placement name (user’s choice)
  3. Select the Creative Category:
    • From the Creative category dropdown menu: choose Expanding TopLayer, Floating TopLayer or Custom TopLayer.
      • Expanding TopLayer is pre-selected. You may choose other creative categories in addition (GIF, JPEG, FLASH, HTML, HTML w/JavaScript, DHTML, Flash Banner, Eyeblaster, Pointroll and Shoshkeles). You may check “All” to allow any of these creative types to run in this placement or individually pick the other types.
        • Choosing Expanding TopLayer will allow you to run polite, in-unit, expanding or video banners from Atlas Rich Media.
        • Choosing Floating TopLayer will allow you to run Floating Atlas Rich Media ads.
        • Choosing Custom TopLayer will allow you to run Custom Atlas Rich Media ads.
      • The “Delivery method” will default to JavaScript. If necessary, you may choose Iframe as the delivery method. Please be sure to create all ads that will be running in this placement with the same delivery method. For instance, if you choose JavaScript, all ads rotating in this placement must also have JavaScript as the delivery method. You will not be able to assign an ad with Iframe as the delivery method to a placement that has a JavaScript delivery method or vice versa.
        • JavaScript is the preferred method of delivery for Atlas Rich Media ads.
        • The ad serving fee is based on what ad type is actually delivered, not the accepted creative type.
      • Choose creative width (of the collapsed state if the banner is expanding)
      • Choose creative height (of the collapsed state if the banner is expanding)

Once ads are assigned to the placement, you are not allowed to change the creative category, accepted creative or delivery method. To change these options you must un-assign ads, change the placement, re-assign the ads and re-traffic the ad tags. Please follow these directions if there is any chance that you will assign Atlas Rich Media to a placement.