The Audio component

This component is not supported for Google Ads, Google AdMob, or AMPHTML ads.

The Audio component lets you place audio in your ad or HTML5 document.

To add the Audio component to your project:

  1. Open the Components panel, then the Media folder.
  2. Drag the Audio component to the stage.
  3. In the Audio properties section of the Properties panel, configure the component by setting its properties (described below).


Property Description
Name Sets the audio name.
Autoplay When selected, the audio will play automatically when the page has loaded.
Loop When selected, the audio will repeat.
Mute When selected, the audio will be muted.
Show controls When selected, shows the audio controls.
Sources Lets you specify a URL for multiple audio sources, with the sources separated by commas. Can be bound to dynamic data.
Google Web Designer supports all audio types supported in the HTML5 audio specification, including .mp3, .ogg, and .wav formats.


Events can be used to trigger other actions in your ad. The Audio component sends the following events:

Event Description
Play after pause Sent when playback of the audio starts after a prior pause event.
Paused Sent when playback of the audio is paused.
Playing Sent when the audio begins to play (for the first time, after having been paused, or after ending and then restarting).
Ended Sent when playback of the audio completes.
Volume change Sent when the audio volume changes (both when the volume is set and when the muted attribute is changed).
Seek Sent when a seek operation completes.
Buffering Sent when the requested operation (such as playback) is delayed pending the completion of another operation (such as a seek).


These Audio component actions can be triggered by other events:

Action Configuration options
Toggle mute none
Pause none
Play none
Replay none
Seek Time


This component can't be previewed inside the Google Web Designer interface. To see the component in action, preview your document in your preferred browser by clicking the Preview button in the upper right corner.

Was this article helpful?
How can we improve it?