This article describes each part of the Ad Builder interface.
When you access Ad Builder from Amazon Ad Server (AAS), a personalized page opens based on your AAS login credentials.
|
Number |
Description |
|---|---|
|
1 |
Most commonly used templates. |
|
2 |
Access to the complete Template Gallery. |
|
3 |
Create new ads from scratch. |
|
4 |
Create an in-stream video interactive ad. For more information, see About in-stream video interactive. NoteNote: If you want to create an in-stream video non-interactive ad (VAST), it is not recommended to use Ad Builder. Follow this guide instead: Set up an in-stream video. |
|
5 |
Access your recently created ads. |
The Template Gallery presents a few of the most common ad types.
|
Number |
Description |
|---|---|
|
1 |
Filter by name, ID, dimensions, or formats. |
|
2 |
Browse formats, all templates, or your templates only. |
|
3 |
Results of your search. Select a template and one of these options:
|
For more information, see Ad Builder Templates.
The Ad Builder interface appears after you select a template or start creating an ad.
|
Number |
Name |
Description |
|---|---|---|
|
1 |
Click the gear icon to change the name of your ad, its format, or additional settings. |
|
|
2 |
Use these options to reorder, align, group, duplicate, or delete layers. |
|
|
3 |
Use these options to create an ad, save the current ad, or preview the ad. |
|
|
4 |
Click and drag from the rulers to add vertical or horizontal guides to the stage. NoteNote: To access the vertical ruler on the left side, collapse the Layers pane by clicking the green arrow on the top left of the Layers pane (below the Ad Builder logo). |
|
|
5 |
Upload, select, and organize your files, including images and videos. |
|
|
6 |
Use this option to see a quick preview of your ad. |
|
|
7 |
Each component in the stage creates a new layer in this pane. |
|
|
8 |
Drag and drop a component to the stage so you can use it. |
|
|
9 |
Area where you create the ad. |
|
|
10 |
Configure your stage or the selected component. |
|
|
11 |
Options to create events that will trigger actions like animations, fading, and interactions. |
|
|
12 |
Options to use for the stage. |
Contains general ad settings. The fields vary depending on the ad formats that have been selected:
-
Update all placement ad settings: Once the ad is saved to AAS, all the changes to the master ad are propagated to the attached placement ads.
-
Disable the MRAID Native Close Button When Serving in In-App: Certain advertisers may want more control over the Close button look-and-feel, position, or behavior. This field allows the designer to disable the MRAID native Close button so that they can customize their own.
-
Format: Enables you to change the ad format. For more information, see Change the Ad Format for an Existing Master Ad.
-
Format Settings: Adjust variables for the current ad format.
|
Number |
Description |
|---|---|
|
1 |
Reordering:
|
|
2 |
Align:
|
|
3 |
Distribute:
|
|
4 |
To Stage: Affects all aligning and distributing actions.
|
|
5 |
Actions:
|
-
New: Creates an ad or opens an existing ad.
Note
Note: Ad Builder can only open a single ad at a time.
-
Save: Saves your ad or saves it as a reusable template, Saving your ad in Ad Builder automatically makes it available in AAS, in the Ad list.
-
Preview: Ad Builder provides a quick and basic Preview tool to check your ad and animations. To access to a more advanced and detailed preview, click Platform Preview. For more information, see Previewing Your Ads.
Ad Builder provides rulers and guides, which help you accurately and easily place, measure, and adjust your ad and its related components on the canvas. Dedicated buttons are located on the right bottom area of the stage and allow you to show and hide the rulers and guides. Rulers and guides are preserved when saving the ad.
-
Rulers: Rulers are located on the top and left sides of the canvas.
-
When you open Ad Builder, rulers appear by default.
-
Rulers display measurements in pixels.
-
The rulers on the stage are calculated in relation to the ad. The top left corner of the ad is considered the start point (0,0). All additional components added to the ad are measured according to their relation to the base ad.
-
Zooming in and out preserves the ratio between the ad's height and width.
-
Expanding the Layers pane hides the vertical left pane.
-
-
Guides: These functions are associates with guides:
-
Add a guide: Click and drag from the ruler axis to create a guide on the canvas.
-
View the guide pixel value: Select the guide, click and hold the left mouse button.
-
Delete a guide: Double-click the guide or drag the guide back to the ruler.
-
This library displays all assets included in the ad that you are creating.
|
Number |
Description |
|---|---|
|
1 |
Button that opens the asset library. |
|
2 |
Platform assets: Browse for assets that are available in your account in AAS, outside Ad Builder. |
|
3 |
Your computer: Browse for assets on your computer. Alternatively, you can drop an asset into the list to upload it (#6 in the image). |
|
4 |
Asset URL: Paste the URL of an asset from the web. |
|
5 |
Search field: Use this to filter your assets by name. |
|
6 |
List of assets:
|
|
7 |
In Use: Indicates that the asset is currently used in your ad. |
|
8 |
Delete: Appears while hovering an asset and allows you to delete it. |
Important
Important: All the assets in your library (#6 in the image) will be included in the total ad size. To reduce weight of your ad, it is recommended to keep only the assets that display In Use (#7 in the image) and delete all of the others (#8 in the image).
Ad Builder has a preview page, so you can quickly test your animations and interactions.
-
Preview: Use to preview the ad in Ad Builder.
-
Platform Preview: After you save your ad, it is available in AAS and can be previewed in AAS like any other ad. For more information, see Previewing Ads.
This pane displays the list of all components, each in a new layer, that you placed on your stage.
The layer located at the top of the list appears in the ad foreground; the lowest layer in the list appears in the ad background. The buttons in this pane provide the following functions:
-
Group, duplicate, or delete the layers. For more information, see Grouping Elements.
-
Hide or lock the layers.
-
Drag layers to rearrange them.
-
Identify which components are dynamic elements. For more information, see Introduction to dynamic creative.
-
When building a responsive ad, turn layers into responsive elements where applicable.
This icon indicates that a dynamic element is assigned to the component. For more information about Dynamic Creative in Ad Builder, see Add dynamic elements to your HTML ads using Ad Builder.
The Layers pane also allows you to create additional panels for expandable formats and additional banners for responsive formats. The first banner is labeled as the Master banner and is used by default.
You can add up to 30 panels or banners in the Create New Panel dialog box, which provides a set of predefined industry banners and panels.
Access the Components pane by clicking the Show Components button on the top-right of the interface.
Click a component to place on the stage. You can then configure the component using the Properties pane. For more information, see Ad Builder Components.
The stage is the canvas on which you place your components to create the content of your ad. Everything in the white area appears in the ad; anything outside the white area does not appear.
To navigate on the stage, press the keyboard spacebar and use your mouse to move around. The cursor displays a hand instead of a pointer.
The Properties pane displays settings for the ad (if nothing is selected) or the component, panel, or banner currently selected in the Layers pane. This image shows the default options when you have no active selection.
The options that are available in the Properties pane depend on your selection:
-
Ad Name: The ad name appears in campaign reports and is very important information for the media agency and the advertiser. Verify if there is a particular naming convention to apply.
-
Width and Height of the ad.
-
Stage Color: Color of the background of the ad.
-
Stage Border: Color of the border around the ad.
-
Responsive Banner: Indicates whether the ad is responsive.
-
Default Image: The image that appears in non-HTML environments.
Note
Note: To save your work, you must define a default image. We recommend that you define this field early in your ad creation process.
-
Click-through URL: Add a URL here to test the redirection of your ad.
Note
Note: Most of the time, URLs are set by the media agency at the campaign level. This field is completely optional for creative agencies.
Options will be different depending on your current selection. For more information about properties for each component, see 8: Components pane.
To animate, define an event and add actions to that event. You can add multiple actions to an event, and sequence these actions using a timeline. You can also preview the actions. For more information, see Ad Builder Actions & Animations.
Comments