How to embed Player widget on Google Sites website

Online Audio Player widget is among the best means to have your audience turned onto your website and its content. Having a player with an awesome playlist will grant value to your site content and will turn it into a more alluring for your visitors. In the event that you’ve chosen to upgrade your Google Sites website with some audio option, you are welcome to use this instruction below to make it possible. Now let’s get to know a player plugin, see how you can embed it to your website and what difficulties may come up when you decide to do it.

What is Player widget 

Elfsight Audio Player is a simple feature for websites that allows visitors and owners to playback different audio files on any page of your Google Sites website. The tool offers a huge variety of different options, for instance, you are not restrained when it comes to the number of audio files to add to the widget, there are tons of audio formats for you to choose from – from mp3 to DASH. There’s also a possibility to form a playlist according to your taste 

And here are the most prominent features of the player for you to consider:

  • There’s an option to make your own color scheme for the music player.
  • An autoplay feature is there for you to help you turn on so that your Google Sites website visitors could start listening to your playlist instantly as they come to your page.
  • A background image could be added to your player to match it with your site’s design. 
  • Audio tracks can be added by URL or directly from your device. 
  • In case you don’t have time or simply can’t create a player widget that will match your site in terms of style, you are always welcome to use one of professionally designed templates.

On this page you will see all the widget’s features in more detail, if you need it. And now we can proceed to finding out what benefits and downsides a player plugin can bring to your site.

Player widget on Google Sites: pros and cons

Sure thing, when you start considering adding the Music Player to your Google Sites website, you cannot avoid some important moments. An audio widget can bring both positive and negative qualities to your website, so we advise you to read the facts below before deciding to add it to some of your pages.

Here are the benefits you can get from a music player on your Google Sites website:

  • Music widget sets the atmosphere on site. In case you’re an owner of some sort of lifestyle blog, sports website or an online portfolio, a music widget can become a great enhancement to it. 
  • Audio player can boost the engagement of your visitors. Just as the music in the games used to serve as an attraction for the gamers and worked as one more way to captivate them, the well-built playlist can do the same job on your Google Sites website.
  • A cool playlist can help you deliver your idea more clearly. You are welcome to make the audio player work as a means of broadcasting not only music, but for instance podcast episodes that correlate with the topic your site is devoted to. 
  • You can make money on your music. In case a player widget offers some marketing features, you can even use it to make profit off your music. All you need here is to embed the player on the pages of your Google Sites website to start making money on your music.

However, despite all the positives, the music player on the site can still be perceived negatively by the audience for many reasons. Let’s see why you should think carefully before embedding it on your website pages:

  • Wrong applying of the audio player widget can be annoying. Often users visit sites while listening to music with headphones. Therefore, the music playing automatically when you open your site can annoy people and they will leave immediately.
  • Not all browsers support audio content. Therefore, your perfectly thought-out playlist may simply not reach part of the audience, and your brilliant idea of adding music to the site will fail. 
  • Some sites don’t really need a music player. You may think that the background music on your website will complement it beautifully, but your audience may have a very different opinion on this matter. Therefore, use this function very carefully.

Now that you know all the pros and cons that a music widget can bring to your website, you can make a smarter decision about installing it. Remember that despite the ubiquitous dominance of music streaming services, the music widget on your Google Sites website is still not for everyone. But if you do decide to implement it, let’s move on to the installation instructions.

Adding the Music Player to Google Sites website

There are several ways of how you can embed the Music Player to Google Sites website. Using widget is among them, and here are the benefits this way offers you: 

  • You won’t need to learn programming for creating your Audio Player. 
  • A huge number of readymade templates will offer you brilliant ideas for your audio widget. 
  • You’ll have an option to build the player on your own, without a need to hire a skilled programmer and worrying about the widget’s decent work. 
  • Your widget can be tested immediately in an active demo. 

And now it’s time to find out how you can embed the Audio Player widget on your Google Sites website. 

Use the Music widget

If you’ve decided to switch to the Elfsight Audio Player to boost your website’s overall performance, you are welcome to embed it to the Google Sites website in a few easy steps – the installation process is really straightforward and won’t require any additional actions from you like coding. So if you want to embed the Music widget to your Google Sites website, follow these steps:

  1. First, get the widget’s installation code from the Elfsight Apps service.
  2. To do it, log in to your Elfsight account cnd click the name of the app you need to embed to your website on the Applications tab.
  3. Select Add to website feature next to the name of the plugin you want to embed to your Google Sites website. A popup window will be seen where you’ll get the installation code of your Online Audio widget. 
  4. Log in to your Google Sites account, click the Google apps and select Sites option.
  5. Choose the website where you want to add the widget.
  6. Click the Embed button,select the Embed Code option, paste the widget’s code you’ve copied before and then click Next.
  7. Using a mouse cursor grab the border and drag it to the desired width or height.
  8. Done! The Audio widget has been successfully added to your Google Sites website.

If you use a Classic Google Sites version, the installation process will be slightly different for you. To add the player there, follow these steps:

  1. First, convert your code to iFrame.
  2. Go to your Google Sites dashboard, select the page where you need to add the widget. Click the Edit button.
  3. Press the Edit HTML Source button.
  4. Add the iFrame code you’ve created in step 1 to the window and click Update.
  5. Change the Online Audio widget’s parameters to match with your site’s design.
  6. You’re done! Simple as that.

There are also some other ways to add the Audio tool to your Google Sites website in order to present your awesome playlist and mp3 tracks. You can do it with the help of Google Tag Manager.

How to add Online Player to website with GTM

There are really few CMS or website builders that do not allow adding custom HTML in order that integrate some widgets. In case you are not confident of your coding skills, Google has created a tool referred to as Google Tag Manager or GTM that is there to assist you to embed the music widget to your site without a lot of effort. All you have to do to start demonstrating the Online Audio Player on your site is to make a tag for your site and attach dynamic content. 

These are the steps you have to follow in case you need to add Online Music widget to your site applying GTM:

  • Log in or sign up to your Google Tag Manager account.
  • Create a new tag, select ‘Custom HTML’.
  • Put the first line of the Online Audio player widget’s installation code to the created tag.
  • Add a trigger and the tag to your Google Sites website.
  • Save your tag and publish the changes.
  • Done! The Online Player will soon be available to your website’s audience.

Simple as that! Now you understand how to apply GTM in order to get your website enhanced with a Music Player.