PRODUCT
Follow

If you used a 3rd party authoring tool, such as a code editor or Adobe Animate, to build your Scroll Reveal, proceed to set up your ad in Sizmek Ad Suite (SAS).

Note

Note: If you used Ad Builder to build your Scroll Reveal, this set up is not required and you can proceed to sharing your ad. For more information, see Share Your Ad.

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, 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 that 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 Scroll Reveal.

  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. 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 Your Ads and Test Your Ads.

Advanced Features

Once your ad is created, you can edit custom variables in the Ad Setup page, under Settings > Advanced Features.

Variable Name in SAS

(Variable Key in config.js)

Type

Description

Default Value

Auto Snap Type (mdAutoSnapType)

Integer

  • 0: Snap disabled

  • 1: Only snap upward

  • 2: Only snap downward

  • 3: Snap both upward and downward

3

Bottom Bar Color (mdBottomBarColor)

String

Any HTML color name or HTML hex color code.

white

Bottom Bar Height (mdBottomBarHeight)

Integer

Height of the bottom text bar in pixels.

20

Bottom Bar Label (mdBottomBarLabel)

String

Text in the bottom text bar.

SCROLL TO CONTINUE WITH CONTENT

Bottom Bar Label Style (mdBottomBarLabelStyle)

String

CSS style for bottom text bar.

color:grey;

font-size:10px;

font-family:arial;

text-align:center;

Collapse After Scroll Away (mdCollapseAfterScrollAway)

Boolean

Determines if the ad should collapse upon scroll away or snap away.

No

Display Bottom Bar (mdDisplayBottomBar)

Boolean

Determines if the ad should display bottom text bar.

No

Display Top Bar (mdDisplayTopBar)

Boolean

Determines if the ad should display top text bar.

No

Percentage For Snap In (mdPercentageForSnapIn)

Integer

Percentage of the browser height, which the ad must exceed, for the snap in when user scrolls the ad into view.

50

Percentage For Snap Out (mdPercentageForSnapOut)

Integer

Percentage of the browser height, which the ad must exceed, for the snap out when user scrolls the ad out of view.

75

Top Bar Color (mdTopBarColor)

String

Any HTML color name or HTML hex color code.

white

Top Bar Height (mdTopBarHeight)

Integer

Height of the top text bar in pixels.

20

Top Bar Label (mdTopBarLabel)

String

Text in the top text bar.

ADVERTISEMENT

Top Bar Style (mdTopBarStyle)

String

CSS style for top text bar.

color:white;

font-size:10px;

font-family:arial;

text-align:center;

Top Bounding Selector (mdTopBoundingSelector)

String

HTML selector for the object to which the ad should snap on the top. For example, a publisher site has a Header or Top Menu that the Scroll Reveal should not cover. Use this custom variable to declare the Header or Top menu element. If the Header is a div with header as its ID, the value would be div#header.

null

Loading Modes

You can set your Scroll Reveal 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.

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

Comments