Note
Note: To learn more about this format or to see build guides for other authoring tools, see About expandable banner. expandable banner in the Ad Builder does not support responsiveness and cannot remember the last panel seen. If you need one of these capabilities, see Create an expandable banner in a Code Editor. For an overview of Amazon Ad Server (AAS) Ad Builder, see Introduction to Ad Builder.
-
Ad Builder opens.
-
Select Template Gallery.
-
Create Blank Ad:
-
Give your ad a meaningful name.
Note
Note: The advertiser or media agency may have provided you with a naming convention that you should use to name your ad. If not, use a name that describes the creative. For example, advertiser-campaign_name-dimensions → amazon-back_to_school-300x250.
-
For Format, select expandable banner.
-
Select the dimensions for your ad and for your expandable panel.
-
-
Template Gallery:
-
The following images shows an example of the Ad Builder interface displaying the various panes that are available when creating an ad. Refer to these images and the tables to get familiar with actions you should perform every time you create an ad in Ad Builder.
Note
Note: The expandable banner is composed of one master banner and one additional panel that appear in the Layer pane. Both need to be made clickable.
The events and actions used in the following procedure describes how to make the creative expandable when clicking on the Master Banner hotspot. Clicking the Close button in the panel will collapse the ad again. A click on the Panel hotspot will redirect the user to the landing page.
|
Number in Image |
Description |
|---|---|
|
1 |
The settings icon enables you to verify that the ad format is defined correctly. |
|
2 |
Allows you to define the default image, which must have the same dimensions as the Master Banner. You cannot save your work until you define this field. |
|
3 |
It is recommended to save your ad to secure your settings and generate an Ad ID. |
|
4 |
In the Components pane, the Hotspot allows you to add a click-through button. This button creates a transparent overlay that makes your Master Banner clickable. Use the Properties pane to set the width and height to match your ad, and set the X and Y coordinates to 0. |
|
5 |
In the Actions and Animations pane, click Create New Event and select Tap/Click as the event type. |
|
6 |
Add an Expand action to ensure that the entire hotspot will expand the Panel. |
|
7 |
(Optional) Hide and lock the Hotspot layer. Afterwards, you can create animation layers without being distracted by the hotspot. |
|
8 |
(Optional) Set a URL. This is a temporary URL for testing purposes. This URL will be overwritten by the media agency, which will define the final URL at the campaign level. |
|
9 |
(Optional) Add a border. Most publishers require a border on HTML creatives. Refer to your specifications plan to confirm that a border is required. If you do not have this information, you should add a border. |
|
Number in Image |
Description |
|---|---|
|
10 |
The Button component enables you to create a Close button. NoteNote: Use the component and event that is most appropriate for your ad. You should confirm that there is a click-through event to redirect the user to the landing page. |
|
11 |
In the Actions and Animations pane, use Create New Event and select Tap/Click as the event type. |
|
12 |
The Collapse action ensures that the button will collapse the panel. |
|
Number in Image |
Description |
|---|---|
|
13 |
In the Components pane, you can add another hotspot in the panel. You can use the Properties pane to set the width and height to match your panel, and set the X and Y coordinates to 0. |
|
14 |
Make sure your close Button is above the hotspot, so it remains accessible |
|
15 |
In the Actions and Animations pane, click Create New Event and select Tap/Click as the event type. |
|
16 |
Add a click-through action to ensure that the entire hotspot is clickable. |
|
17 |
It is recommended to save your ad to secure your settings and generate an Ad ID. |
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 a expandable banner.
Now that the essentials of your creative are set, you can start creating and animating the content. For more information, see the following:
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