PRODUCT
Follow

If you used a third-party authoring tool, such as a code editor or Adobe Animate to build your Simple Skin, proceed to set up your ad in Sizmek Ad Suite (SAS).

Note

Note: If you used Ad Builderto build your , this setup is not required and you can proceed to sharing your ad. For more information, see Share Your Ads.

Prerequisites

Before uploading your ad to SAS, verify that you have completed these prerequisites.

  • The folder that contains your assets does not include unnecessary files. For example

    • Unused assets such as images, videos, or fonts.

    • Work files such as .psd, .fla, or .scss.

    • Hidden files such as thumbs.db (Windows) or .DS_Store (Mac).

  • Create a workspace (zip file) for each ad. It is recommended that the zip file name matches the final name of the ad.

  • Each Workspace contains its default image (named Default or Backup). This image should be optimized and lightweight.

Note

Note: Naming the Workspace and the default image are especially useful when using the Ad Wizard tool to bulk upload your work; the Ad Name field and the Default field will be filled in automatically. For more information, see Set up Multiple Ads Using Ad Creation Wizard.

Setting up a Single Ad

Setting up your ad requires that you start by uploading your Workspace to the Assets Library. Then, set up your ad based on the workspace you uploaded.

Upload Your Ad

Procedure
  1. Select Creative > Assets Library.

  2. Click New Folder to create a folder into which you will upload your Workspace.

  3. Click Upload.

  4. Perform one of the following actions:

    • Drag your zipped Workspace in the new window.

    • Click Browse Files to locate the Workspace.

  5. Click Done.

Set up Your Ad

Procedure
  1. Select Creative > Ads.

  2. Click New Ad > Blank Ad.

  3. Give your ad a meaningful name.

  4. In the Ad Format list, select Simple Skin.

  5. In the Creative Assets > Main Assets tab:

    1. Select the workspace folder and navigate to an uploaded workspace.

      Tip

      Tip: SAS will default to this folder for the next step.

    2. Select the default image.

  6. If you included and filled the config.js file according to the build guide in Create a Simple Skin in a Code Editor, all settings will be entered for you. You can change any pre-entered settings as you find appropriate.

  7. Add the following panels to the Panels List:

    1. Add left gutter panel, set panel name as leftGutter and select index.html from panels/left_gutter folder. Set position type to Page Relative-Pixels and Auto retract to Never.

    2. Add right gutter panel, set panel name as rightGutter and select index.html from panels/right_gutter folder. Set position type to Page Relative-Pixels and Auto retract to Never.

    3. Add header panel (optional), set panel name as header and select index.html from panels/header folder. Set position type to Page Relative-Pixels and Auto retract to Never.

    4. Uncheck Show single panel at a time.

  8. Click on Additional Assets to add an image for each panel (ID:1 for the Header, ID:2 for the LeftGutter, ID:3 for the RightGutter).

  9. In the Settings section, under Advanced Features, customize the variables according to your needs, and the needs of your publishers.

  10. Click Save.

Setting up Multiple Ads

You can upload and set up multiple ads in a single process using the Ad Creation Wizard. For more information, see Set up Multiple Ads Using Ad Creation Wizard.

Previewing and Testing

After you finish creating your ad, make sure that you preview and test it. For more information, see Preview Ads in the Sizmek Ad Suite and Test Your Ads.

Additional Information

Loading modes

You can set your Simple Skin to serve in one of these loading modes:

  • Instant: The entire unit loads immediately. This is the default behavior.

  • Polite: A lightweight image loads first. The full ad loads after the publisher's page finishes loading.

For more information about polite loading, see Add Polite Load to your HTML Ads.

Custom Script Notice

The Simple Skin format is an HTML5 Custom Format; therefore, there is no need to attach a custom script. The appropriate custom script will be pulled in automatically. This is shown as the auto-populated value PL_ImmersiveTakeover.js for the Preload Script custom variable. For reference, the following custom script is being used: http://ds.serving-sys.com/burstingres/CustomScripts/PL_ImmersiveTakeover.js.

Known Limitations

  • It is not possible to use "fixed" property on the background when you use mdPageBackground variable or the mediaQueries option or changePageBackground function on iPad and iPhone. "Fixed" will be changed to "scroll" only for iPad and iPhone devices.

  • SAS preview is not very precise and you only will see the basic behavior of the format.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments