Note
Note: To learn more about this format or to see build guides for other authoring tools, see About interstitial. For an overview of Amazon Ad Server (AAS) Ad Builder, see Introduction to Ad Builder.
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) |
|||||
Basic Mobile Interstitial |
300 x 250 |
Fixed (non- responsive) |
|||||
Responsive Mobile Interstitial |
Height/Width = 100% |
Responsive |
|||||
Advanced Responsive Interstitial |
320 x 356, 480 x 215 |
Fixed positions include:
|
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.
-
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.
-
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:
-
In the Actions & Animations pane, add the Expandable/Collapse action to the Tap/Click event, and select a panel as the target.
-
(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.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. -
-
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 |
---|---|---|---|
|
Boolean |
Removes the ad after the panel collapses. Available options are:
NoteNote: Enabling this feature will cause conflict with other expandable ads where elements of the other ads are unloaded. |
Yes |
|
Integer |
Displays panel duration, in milliseconds, before auto collapse. You can set this variable to 0 to prevent auto collapse. |
7000 |
|
Boolean |
Cancels the panel auto collapse when user interacts with the ad contents. Available options are:
|
Yes |
|
Boolean |
Indicates whether to lock publisher's page for scrolling when panel expands. Available options are:
|
Yes |
|
Boolean |
Sets ad to load with domain configuration. |
No |
|
String |
Path to the Settings files folder, not including protocol. |
//services.serving-sys.com/programmatic/DomainList/ |
|
Integer |
Sets eye div z-index. |
10000 |
|
Integer |
Repositions all panels every N milliseconds. If set to 0, automatic repositioning is prevented. |
0 |
|
String |
Relative path to the backup image, if a custom image is desired. This allows a fallback image that is not a 1x1 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 1x1 fallback occurs. |
Undefined |
|
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 |
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.
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.
Comments