PRODUCT
Follow

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

Note

Note: If you used Ad Builder to build your Pushdown, this set up 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 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 Pushdown.

    Note

    Note: In SAS, your user account requires access to view and select the Pushdown format in the list of available formats. If you do not see this format, please contact for permission.

  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 see Ad Creation Wizard.

Loading Modes

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

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

The Pushdown includes the following advanced features.

Variable Name in SAS

(Variable Key in config.js)

Description

Type

Default and Accepted Values

Easing Type

Easing setting for panel expansion and collapse.

String

Default: ease-in-out

Accepted:

  • none

  • linear

  • ease-in

  • ease-out

  • ease-in-out

Animation Duration

Time for panel to run expand and collapse animation.

Float

Default: 1

Accepted: >0

Is Fullscreen?

Used for backwards compatibility with the previous version of the Workspaces. If set to Yes, panel will expand to full screen. This variable is used exclusively with the full screen template.

Boolean

Default: No

Accepted: Yes/No

Auto Reposition Interval

Auto re-position panel after certain time interval.

Integer

Default: 0

Accepted: >0 and <=100

Auto Collapse Timer

Timer, in seconds, for when ad auto collapses.

Float

Default: 8

Accepted: >0

eyeDiv ZIndex

Set eyediv zIndex - z-Index of the panel on publishers page.

String

Default: Undefined

Accepted: Supported CSS z-Index value

Auto Panel Name

Auto expand panel name.

String

Default: expandAuto

Accepted: Panel name

User Panel Name

User Expand panel name.

String

Default: expandUser

Accepted: Panel name

Auto Panel Type

(mdAutoPanelType)

Auto expand panel type.

String

Default: pushdown

Accepted:

  • pushdown

  • expand

  • fullscreen_pushdown

  • fullscreen_expand

User Panel Type

(mdUserPanelType)

User panel type.

String

Default: pushdown

Accepted:

  • pushdown

  • expand

  • fullscreen_pushdown

  • fullscreen_expand

Interactions Cancel Auto Collapse

Cancel auto collapse when interacting with the auto expand panel.

Boolean

Default: Yes

Accepted: Yes/No

Prog Enable

Enable programmatic.

Boolean

Default: No

Accepted: Yes/No

Prog Settings Folder Path

Programmatic settings folder path.

String

Default: //services.serving-sys.com/programmatic/DomainList/

Accepted: Folder path

Enable SDK Default Close Button

Use MRAID default close button when serving in MRAID (In-app).

Boolean

Default: No

Accepted: Yes/No

Panel Height Dependency

(mdPanelHeightDependency)

Aspect on which panel height should be based.

String

Default: adaptive

Accepted:

Panel Aspect Ratio

(mdPanelAspectRatio)

Panel aspect ratio when mdPanelHeightDependency is set to aspectRatio.

String

Default: 4:3

Accepted: String in [width ratio]:[height ratio] format

Banner Size Inheritance

(mdBannerSizeInheritance)

Aspect on which the banner size should be based.

String

Default: browserWidth

Accepted:

Maximum Banner Width

Maximum banner width when banner is responsive.

Integer

Default: -1 (no maximum)

Accepted: >0

Minimum Banner Width

Minimum banner width when banner is responsive.

Integer

Default: -1 (no minimum)

Accepted values: >0

Banner Adaptive Breakpoints

(mdBannerAdaptiveBreakpoints)

Set banner height based on banner width breakpoints when mdBannerSizeInheritance custom variable is set to adaptive or browserWidth.

The value should be in the [width]:[height] format and use comma for multiple breakpoints.

For example: 300:50,500:90,749:120 means set banner height to 50px when banner width <= 500, set banner height to 90px when banner width <= 749, and set banner height to 120px when banner width > 749.

String

Default: 300:50,500:90,749:120

Accepted: String in [width]:[height] format. Use comma for multiple breakpoints.

Auto Panel Breakpoints

(mdAutoPanelBreakpoints)

Decide the auto panel height based on the panel width breakpoints when mdPanelWidthDependency/mdPanelHeightDependency custom variable is set to adaptive.

The value should be in the [width]:[height] format and use comma for multiple breakpoints.

For example: 300:50,500:90,749:120 means set banner height to 50px when banner width <= 500, set banner height to 90px when banner width <= 749, and set banner height to 120px when banner width > 749.

String

Default: 300:200,500:300,749:400

Accepted: String in [width]:[height] format. Use comma for multiple breakpoints.

User Panel Breakpoints

(mdUserPanelBreakpoints)

Decide the user panel height based on the panel width breakpoints when mdPanelWidthDependency/mdPanelHeightDependency custom variable is set to adaptive.

The value should be in the [width]:[height] format and use comma for multiple breakpoints.

For example: 300:50,500:90,749:120 means set banner height to 50px when banner width <= 500, set banner height to 90px when banner width <= 749, and set banner height to 120px when banner width > 749.

String

Default: 300:300,500:400,749:500

Accepted: String in [width]:[height] format. Use comma for multiple breakpoints.

Backup Image Path

Relative path to the backup image, if a custom image is required. Enables a fallback experience to display an image that is not a 1x1, even though the tag is a 1x1 tag. Template Workspace includes a file that could be used here as an example, if this custom variable were set to images/970x250_Default.jpg.

String

Default: undefined

Accepted: Relative path to the backup image. For example, images/970x250_Default.jpg

Parent Levels to Resize

Only applied when serving default image. Affects the number of levels of parent elements to resize to the default image size.

Integer

Default: 0

Accepted: >0

Lock Scrolling When Expanded

Allows page scrolling when panel is expanded.

Note

Note: Used only when mdAutoPanelType/mdUserPanelType is set to fullscreen_expand.

Boolean

Default: No

Accepted: Yes/No

Hide Banner When Expand

Hides the banner when expanded.

Boolean

Default: No

Accepted: Yes/No

Fixed Position Panel Name

Panel that should have a fixed position (does not scroll away when page scrolls) when expanded.

String

Default: undefined

Accepted: Valid panel name

Panel Width Dependency

(mdPanelWidthDependency)

Aspect on which panel width should be based.

String

Default: matchBanner

Accepted:

Banner Fixed Size

Decide banner width and height when mdBannerSizeInheritance is set to fixed.

String

Default: 320x50

Accepted: String in [width]x[height] format

Auto Panel Fixed Size

Decide auto panel width and height when mdPanelHeightDependency is set to fixed.

String

Default: 320x415

Accepted: String in [width]x[height] format

User Panel Fixed Size

Decide user panel width and height when mdPanelHeightDependency is set to fixed.

String

Default: 320x415

Accepted: String in [width]x[height] format

No Auto Expand In App

Decide if panel should not auto-expand when ad is served In-app. This will override the auto-expand settings from the ad platform. Some apps do not allow auto-expansion.

Boolean

Default: Yes

Accepted: Yes/No

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

Comments