Submit a request
 
PRODUCT
Privacy Policy |  AAS Advertising Policy | Terms of Use
Cookie Preference
✖

Amazon Ad Server will be sunset in Q4 2024, please visit this page (AAS offboarding information) for offboarding support resources and sunset FAQs. Details shared on that page represent the most up to date information in the Help Center, if you find disparate information in other resources please default to the information in the AAS offboarding information page accordingly.

Please note that on October 1, 2024, the ability to create new campaigns, placements and tag managers was disabled.

Follow
Last Update:
  viewable by end users
  editable by agents

  • Creative > Ads > New Ad > Ad Builder

The Media Gallery component enables you to create a slideshow that displays slides that can include either image, video, or HTML code.

Slides are displayed in carousel view, and navigation arrows and buttons enable users to navigate from slide-to-slide. A set of dedicated Media Gallery actions, located in the Actions and Animations pane, enables you to trigger, stop, start, and move between slides from different elements in the ad. For more information, see Ad Builder Actions & Animations.

Procedure

  1. In Ad Builder, from the Components pane, click Media Gallery.

    mediagallery_component.png

  2. In the Properties pane, configure the relevant settings. The Design tab enables you to modify the look- and-feel of the navigation arrows.

    properties_mediagallery1.png

Properties

The following table describes the fields that you can modify.

Field

Description

Media Gallery

Defines the name of the component instance and the associated layer.

W and H

Defines the dimensions, width and height, of the component instance.

X and Y

Defines the positioning of the component instance on the stage.

Rotation

Defines the rotation angle of the component instance.

Show on Load

Determines whether to show the component instance as soon as the ad displays, or to hide it (for example, to show it only later in the animation).

Show Navigation Arrows

Determines the navigation arrows to display when navigating from slide-to-slide. The following options are available:

  • Use Default: Displays the default arrows. You can select a color for the arrows.

  • Upload Image: Displays the images that you upload for the left and right arrow.

Show Navigation Bullets

Determines the navigation bullets to display when navigating from slide-to-slide. The following options are available:

  • Bullet Type: Circle or square

  • Bullet Size: Size of the bullet points

  • Bullet Color: Color of the non-selected bullet points

  • Selected Color: Color of the selected bullet point

  • Hover Color: Color on mouseover

Configuring Slide Progression

The Content tab enables you to configure slide progression. Slides can either progress when the user clicks the next arrow or bullet, or automatically according to a predefined number of seconds. You can set a waiting period between slides. In addition, you can set whether a gallery loops from the last slide to the first. By default, the gallery is set to Auto-play, and to run in a loop.

Procedure

  1. On the Content tab, select the auto-play settings. Auto-play advances the slide automatically every x seconds. You can decide whether auto-play will stop upon user interaction.

    properties_mediagallery2.png

  2. By default, the gallery is set to run in a loop. To show the slides only one time, clear the Loop Gallery check box.

  3. In the Transition Duration field, set the waiting period between each slide.

Adding Slides to the Media Gallery

Slides are displayed according to the order in which they were uploaded. You can change the order of the slides by simply dragging the slide to its target location in the table.

You can include multiple images, videos, or HTML code. You can upload images or videos from your local drive, or from the Asset Library. You add an HTML slide using our integrated HTML editor.

Add HTML Slides

Procedure

  1. Click the Add HTML Slide icon.

    mediagallery3.png

  2. Click Open Code Editor.

  3. Use the code editor to add HTML code, and then click Apply.

Adding Click-through URLs

You can add a global click-through URL that will appear on each slide, and configure a separate click-through for each slide. If both click-through URLs are assigned, the slide click-through overrides the Gallery Click-through.

Procedure

  • Do one of the following actions:

    • In the Gallery Clickthrough box, enter a global click-through URL.

    • Assign a click-through URL to each slide.

      1. In the Add Slides area, select the relevant slide.

      2. In the Slide Click-through box, enter the click-through URL.

Triggering Media Gallery Actions from within an Ad

You can trigger a range of Media Gallery related actions from elements within your ad. These actions are associated with the navigation arrows, but can also be triggered from objects of your choice. For example, an ad displays a set of images each representing a different brand. Clicking on a specific image using the Go To Slide action routes to the relevant slide in the Media Gallery. For more information, see Ad Builder Actions & Animations.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments