If you used a third-party authoring tool, such as a code editor or Adobe Animate, to build your pushdown, proceed to set up your ad in Amazon Ad Server (AAS) .
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.
Note
Note: pushdown is supported in Safeframes.
Before uploading your ad to AAS, 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 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.
-
Select Creative > Ads.
-
Click New Ad > Blank Ad.
-
Give your ad a meaningful name.
-
In the Creative Assets > Main Assets tab:
-
Select the workspace folder and navigate to an uploaded workspace.
Tip
Tip: AAS will default to this folder for the next step.
-
Select the default image.
-
-
Click Save.
-
(Optional) The format settings such as, ad name, default banner, banner settings, clickthrough and custom interactions can be modified if needed in the Ad Settings. For more information, please visit Work with custom interactions.
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.
You can set your 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.
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.
The includes the following advanced features.
Variable name in AAS (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:
|
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 ( |
Auto expand panel type. |
String |
Default: pushdown Accepted:
|
User Panel Type ( |
User panel type. |
String |
Default: pushdown Accepted: |
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: 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 ( |
Aspect on which panel height should be based. |
String |
Default: adaptive Accepted: |
Panel Aspect Ratio ( |
Panel aspect ratio when |
String |
Default: 4:3 Accepted: String in [width ratio]:[height ratio] format |
Banner Size Inheritance ( |
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 ( |
Set banner height based on banner width breakpoints when 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 ( |
Decide the auto panel height based on the panel width breakpoints when 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 ( |
Decide the user panel height based on the panel width breakpoints when 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 |
String |
Default: undefined Accepted: Relative path to the backup image. For example, |
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. NoteNote: Used only when |
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 ( |
Aspect on which panel width should be based. |
String |
Default: matchBanner Accepted: |
Banner Fixed Size |
Decide banner width and height when |
String |
Default: 320x50 Accepted: String in [width]x[height] format |
Auto Panel Fixed Size |
Decide auto panel width and height when |
String |
Default: 320x415 Accepted: String in [width]x[height] format |
User Panel Fixed Size |
Decide user panel width and height when |
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 |
Comments