PRODUCT
Follow
  • Creative > Ads

Note

Note: To learn more about this format or to see build guides for other authoring tools, see About Interstitial . For an overview of Sizmek Ad Suite (SAS) Ad Builder, see Introduction to Ad Builder.

Selecting the Ad Format

Procedure
  1. Click New Ad > Ad Builder.

    Ad Builder opens.

  2. Next to Browse By, click Formats.

  3. Click Interstitial.

  4. Select an HTML Interstitial banner format, and click Create.

The following table describes the functionality differences between the Ad Builder templates.

Template Name

Overlay Default Size

Responsive

Customizable Overlays

Video Support

Auto Collapse Cancellation

Enable User Scroll

MRAID Default Option

Basic Desktop Interstitial

600 x 600

Fixed (non- responsive)

DOC_tick.gif
DOC_tick.gif
DOC_tick.gif
DOC_tick.gif
DOC_tick.gif

Basic Mobile Interstitial

300 x 250

Fixed (non- responsive)

DOC_tick.gif
DOC_tick.gif
DOC_tick.gif
DOC_tick.gif
DOC_tick.gif

Responsive Mobile Interstitial

Height/Width = 100%

Responsive

DOC_cross_blue.jpg
DOC_tick.gif
DOC_tick.gif
DOC_tick.gif
DOC_tick.gif

Advanced Responsive Interstitial

320 x 356, 480 x 215

Fixed positions include:

  • Portrait

  • Landscape

DOC_tick.gif
DOC_tick.gif
DOC_tick.gif
DOC_tick.gif
DOC_tick.gif

Creating the Ad

After you select a template, start to build your ad by implementing, for example, the design, images, and video. Make sure that you consider the following format restrictions and common customizations.

Restrictions

  • Components: Using other components from Ad Builder may result in the auto snap functionality not working properly. The Interstitial format supports the following components:

    • Image

    • Button

    • Video

    • Text

    • Hotspot

    • Shape

    • HTML

  • Default Panel: By default, one panel is supported. You should not create multiple panels.

  • onLoad Event: The default panel in the template loads the required JavaScript using the onLoad event. Do not remove or edit the onload event JavaScript.

Customizations

  • Removing the Video Component: For each button, go to the Actions & Animations pane and remove the Pause: video-container action from the Tap/Click event.

  • Modifying the Close Button: Ad Builder enables you to design a close button in the Properties pane; however, if you are removing the default close button and adding a new close button, perform the following actions:

    1. In the Actions & Animations pane, add the Expandable/Collapse action to the Tap/Click event, and select a panel as the target.

    2. (Optional) If your ad includes video, it is recommended to add the Video/Pause action, and select a video target prior to the Collapse action. The Video/Pause action allows the video to pause when the panel collapses. Usually, the Collapse action is set to start 200 ms after the Video/Pause action.

  • Modifying Breakpoints in Advanced Responsive Interstitial: By default, the Advanced Responsive Interstitial template includes an HTML component responsive.media-query, which is located next to the panel on the stage. This component contains a custom CSS that runs once the panel is expanded.

    Interstitial_AdvancedResponsive.png

    By default, the CSS code includes two media queries:

    • The first query indicates the style to display in portrait mode. By default, the maximum width is 479 px.

    • The second query indicates the style to display in landscape mode. By default, the minimum width is 480 px.

    By adding rules, you can change the responsive behavior of the media queries to adapt your design to both landscape and portrait . #adkit-container includes the entire component and creates the panel. Depending on the panel size that you want to display, resize the width for each media query.

Ad Settings

  • To modify ad settings, click Settings.

You can make changes to the name of the ad and format settings. The following table describes each variable and its default value. You should only change these settings if it is required by site specifications.

Settings

Type

Description

Default Value

mdRemoveAdAfterCollapsed

Boolean

Removes the ad after the panel collapses.

Available options are:

  • Yes: Removes 1 x 1 banner after panel collapses.

    No: Keeps 1 x 1 banner after panel collapses.

Yes

mdAutoCollapseTimer

Integer

Displays panel duration, in milliseconds, before auto collapse. You can set this variable to 0 to prevent auto collapse.

7000

mdInteractionsCancelAutoCollapse

Boolean

Cancels the panel auto collapse when user interacts with the ad contents.

Available options are:

  • Yes: Cancels panel auto collapse when user interacts with ad contents.

  • No: Always auto collapses panel regardless of whether user interacts with ad contents.

Yes

mdLockScrollingWhenExpanded

Boolean

Indicates whether to lock publisher's page for scrolling when panel expands.

Available options are:

  • Yes: Locks the scrolling for publisher page when panel expands.

  • No: Does not restrict scrolling for publisher page when panel expands.

Yes

mdIsDomainConfigEnabled

Boolean

Sets ad to load with domain configuration.

No

mdProgSettingsFolderPath

String

Path to the Settings files folder, not including protocol.

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

mdEyeDivZIndex

Integer

Sets eye div z-index.

10000

mdAutoRepositionInterval

Integer

Repositions all panels every N milliseconds. If set to 0, automatic repositioning is prevented.

0

mdBackupImgPath

String

Relative path to the backup image, if a custom image is desired. This allows a fallback image that is not a 1 x 1 to display, even though the tag is a 1 x 1 tag. For example, if this custom variable is set to images/300x250_Default.jpg, a file will attempt to load from the images folder. Make sure that this file exists in the Workspace. When set to undefined, the normal 1 x 1 fallback occurs.

Undefined

mdParentLevelsToResize

Integer

Enables you to modify the dimensions of the parents of the tag. This variable is only used when the ad is serving a default image.

When set to any value greater than 0, the number of publisher parent elements of our tag resizes to the default image size. If publisher parent elements are smaller that the image size, the default image serves.

0

Saving Your Ad

Save as a Reusable Template

Note

Note: These instructions are not part of the mandatory procedure. You can use them to create a reusable template if required.

Clicking the arrow next to Save and selecting Save as template enables you to save your layout as a template. This template will be available for all users in your account, and can speed up your workflow the next time you build an Interstitial ad.

Save as a Rapid Creative Template

Ad Builder allows users to create Rapid Creative templates. Saving ads as Rapid Creative templates allows you to maintain a list of pre-designed templates, reducing the time and effort required when building an ad.

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.

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

Comments