If you used a third-party authoring tool, such as a code editor or Adobe Animate, to build your expandable banner, proceed to set up your ad in Amazon Ad Server (AAS) .
Note
Note: If you used Ad Builder to build your expandable banner, this set up is not required and you can proceed to sharing your ad. For more information, see Share Your Ad.
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 Creation Wizard to bulk upload your work; the Ad Name field and the Default field will be filled in automatically. For more information, see Set up multiple ads using 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 Ad Format list, select expandable banner.
-
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.
-
-
In the Creative Assets > Panels tab:
-
Click Add Panel and select your panel's workspace folder location (for example,
panels/expand/index.html
). -
Click in the Panel Name cell, and type the name.
-
Click in the Width and Height cells and type the values.
-
To customize your panel, click the ellipsis (...) and do the following actions:
-
Position Type list: Select one of the relative positioning options:
-
Banner Relative: The ad will be positioned relative to the banner's top-left corner. This is the default value.
-
Page Relative-Percentage: The ad will be positioned relative to the site's top-left corner.
-
Page Relative-Pixels: The ad will be positioned relative to the site's top-left corner.
-
-
Expand on Mouse Over: Select this check box if you want the panel to expand when the user rolls the mouse over the ad.
-
Delay Expansion: Select this check box if you want the panel's automatic expansion to be delayed for about one second.
-
Retractions: Select an option that determines when the panel will automatically retract:
-
Mouse-off ad; Mouse moves off the ad.
-
Mouse-off panel: Mouse moves off the panel.
-
Never: Panel never retracts.
-
-
-
Under Advanced Panel Settings, you can define the following customizations:
-
Auto-Expand: Defines the auto-expand behavior:
-
Use Ad Creative Settings
-
Always Auto-Expand
-
Never Auto Expand
-
-
Panel Frequency: Defines the frequency at which the panel expands (Unlimited or Auto-Expand). You can also select the number of times that the panel will expand for each campaign.
-
-
-
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 Set up multiple ads using Ad Creation Wizard.
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.
You can set your expandable banner 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.
Comments