how to add audio to google sites

To add audio to Google Sites, you have 3 working methods: embed a file from Google Drive, pull in a player from SoundCloud or Spotify, or use a raw HTML5 audio snippet via the Embed code tool. Google Sites has no native audio upload button, so every approach hosts your audio elsewhere first and embeds it into your page.

Each method takes under 5 minutes to set up. This guide walks through every step for all 3, shows you the exact settings that cause silent failures, and tells you which method fits your situation.

How to add audio to Google Sites

Why Google Sites has no built-in audio upload

The current version of Google Sites was rebuilt in 2016 around simplicity. Google stripped out dozens of legacy features, including direct media file uploads, to keep the editor fast and secure. That decision wasn't reversed.

Google Sites targets classroom pages, internal wikis, and basic portfolio sites. It trades flexibility for an editing experience that requires zero technical knowledge. Audio upload didn't make the cut.

The practical consequence: your audio file has to live on an external host first. Then you pull it into your Google Site using a link or an embed code. All 3 methods below are free, require no coding background, and work in 2025.

Method 1: embed audio from Google Drive

This is the fastest path if you already have a Google account. Google Drive accepts MP3, WAV, OGG, and M4A files and lets you embed them directly into a Google Site. Visitors get a player with a play button, a scrubber bar, and a volume control, all inside a clean iframe.

Step-by-step: Google Drive audio embed

  1. Go to drive.google.com. Click New, then File upload, and select your audio file. Wait for the upload to complete.
  2. Right-click the file and select Share.
  3. Under "General access", change the setting to Anyone with the link and set the role to Viewer. Skip this step and every visitor sees a permissions error instead of a player.
  4. Click Copy link. The link looks like: https://drive.google.com/file/d/FILE_ID/view?usp=sharing
  5. Open your Google Site in edit mode. Click the + insert button on the right panel, then choose Embed.
  6. Paste your Drive share link into the URL field. Click Insert.
  7. Drag the bottom edge of the embed block to resize it. A height of around 80px shows just the audio player bar without extra whitespace below it.
  8. Click Publish in the top-right corner to push your changes live. Test the player on the published URL, not the editor preview.

One honest trade-off: the Drive embed loads inside a Google Drive viewer iframe, which adds roughly 1 to 2 seconds of load time compared to a directly hosted file. For most classroom pages or portfolio sites, that's acceptable.

Method 2: embed a SoundCloud or Spotify player

If your audio already lives on a streaming platform, this is your quickest option. Both SoundCloud and Spotify generate iframe embed codes made for exactly this purpose. Google Sites accepts them through its Embed code tab with no modification needed.

Step-by-step: SoundCloud embed in Google Sites

  1. Go to your track on soundcloud.com. Click the Share button below the waveform.
  2. Select the Embed tab. You'll see a complete iframe code block. Copy the entire code.
  3. In your Google Site editor, click +, choose Embed, then switch to the Embed code tab (not the URL tab).
  4. Paste the SoundCloud iframe code. Click Next, then Insert.
  5. Publish your site. Test the player on the live published URL.

Step-by-step: Spotify embed in Google Sites

  1. Open open.spotify.com in a browser. Find your episode or track.
  2. Click the three-dot menu next to the track. Hover over Share, then click Copy Embed Code.
  3. In Google Sites, click +, choose Embed, switch to the Embed code tab, paste the code, and click Insert.
  4. Publish your site.

SoundCloud lets you upload any audio file you own, so it works for music, voice recordings, and podcast interviews. Spotify embeds only work for content already distributed on Spotify, making it the right pick for podcasters who publish there. SoundCloud also supports playlist embeds, which lets you add 10 tracks as one block instead of 10 separate embeds.

Method 3: HTML5 audio player via custom embed code

This method gives you the most control. You write a 3-line HTML snippet, point it at a publicly accessible audio file URL, and paste it into Google Sites. The browser renders a native player with no third-party branding and no extra UI chrome.

Step-by-step: HTML5 audio embed

  1. Host your audio file somewhere publicly accessible. Reliable options include Google Drive with the direct download URL format (see step 2), Dropbox with raw=1 instead of dl=0 at the end of the URL, Amazon S3 with a public bucket policy, or any standard web host with file access enabled.
  2. Get a direct file URL, not a sharing page link. For Google Drive, convert your share link like this:
    From: https://drive.google.com/file/d/FILE_ID/view
    To: https://drive.google.com/uc?export=download&id=FILE_ID
  3. Write this HTML snippet: 
    <audio controls>
  <source src="YOUR_DIRECT_FILE_URL" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
  4. In Google Sites, click +, choose Embed, switch to the Embed code tab, paste your HTML snippet, and click Insert.
  5. Publish your site. Always test the player on the live URL, not the editor preview. The editor preview often shows the player even when the live embed will fail.