Get the Most out of Music Player on Google Sites

Google Sites is adored by many because of its explicitness and functionality. On top of that, this website builder helps non-coders make corrections in a small breeze. If you are an active user of this platform, you might know that the website on Google Sites is built visually with the help of separate blocks in a user-friendly dashboard. It’s the best beginner-friendly and accessible platform for non-technical specialists.

It’s a great idea to use Google Sites and create a music-related website in close to no time. Anyone can choose this platform: independent musicians, producers, collectors of musical instruments and recordings, and anyone else! What might be even better is that you can add any type of content to it, and the brightest idea is to choose an Audio Player.

The best Music Player for Google Sites

You might find loads of ready-made players on the Internet, you can even discover HTML, CSS, and JavaScript code for creating your own one. But there’s a catch. Not all of these solutions operate on Google Sites. You see, even though the option to add custom code is available, the work of dynamic content is unpredictable and unstable.

Creating a music website on Google Site, you’ll certainly wish to find the best and unconventional Music Player. The best I have ever found is the Audio widget by Elfsight.

Elfsight is a world-leading company producing cross-platform extensions for any kind of purposes: from ecommerce to social. As on Google Sites, you’ll be able to create a music player in their visual editor in a matter of minutes. If you choose in favour of Elfsight, you’ll get so many benefits, here are just some of them:

  • All the most popular audio formats supported, including mp3, mp4, ogv, webm, HLS (m3u8), DASH (mpd)
  • Opportunity to fetch audio files by URL from SoundCloud, YouTube, Vimeo, Vista, Amazon, and Google Drive
  • Classical settings of the player, such as autoplay, player controls, player information, and the option to shuffle and loop compositions
  • Pre-made templates and layouts which you can start using immediately
  • Accent and background colors can be mixed and matched to highlight your work
  • Autoplay option
  • Download button

And the good news doesn’t stop here. Try out the online demo and all the other amazing features for free here. You’ll be astonished at how easy you can create the optimal music player for a website!

After you’ve explored and created Music Player, you can add it to Google Sites. There are two options, and I’ll tell you about them later. What you should know is that when you create a widget at Elfsight Apps, you’ll get a two-line installation code. The process of putting a ready-made music widget to the website is to paste these two lines to the correct place of a website. Here’s how you can do it!

How to add a Player to Google Sites

There are two main ways to embed the audio widget on a Google Site. You can do it by pasting code to the specific block as an HTML exertion or with GTM. 

Embed a Player on a Google Site

It’s one of the simplest ways to achieve successful installation. You’ll see the widget as soon as you finish all the steps.

  1. Choose an embed template for the player in Elfsight Apps.
  2. Save your widget and copy the installation code.
  3. Log into the Google Sites account
  4. Choose the website you’d like to manage. 
  5. Click the “Embed” button on the “Insert” tab. 
  6. Paste your installation code on the “Embed Code” tab.
  7. Click “Next” and then “Insert”. 
  8. Adjust your widget’s size and position on a web page.
  9. Publish the changes.

Important note: floating elements work unsteadily. Choose an embed template for the player, insert it in a certain position on your website, and you’ll be OK!

How to embed an Audio Player with GTM

GTM (Google Tag Manager) is a program that enables website owners to add custom code to any platform, even if that platform doesn’t support it. When it comes to Google Sites, you may use one the method stated above to add the player, or you can use GTM. Here’s how you can do it:

  1. In Elfsight Apps, create an embeddable player and add music compositions to it.
  2. Sign in to your Google Tag Manager account (or create one).
  3. To make a new HTML tag, choose ‘Custom HTML’.
  4. Copy and paste the first line of the installation code into the newly created tag.
  5. Add a trigger and a tag to the Google Sites page where you want the player to appear.
  6. Save the tag.
  7. Any changes should be made public.

After you’re done, your widget will appear on a site.

Once you are sure that the process of Music Player installation is easy, it’s time for the main dish. 6 bonus lifehacks for you to magnify your website with the help of a separate audio player.

Top 6 tips for your astonishing music website

When creating a picture perfect website, you concentrate mainly on your masterpieces. That’s why it’s better to show them with the help of a ready-made widget. It comes with standard functionality and is supplied with extra features. It’s amazing because you’ll enhance engagement, raise conversion, get higher positions in the SERP, – everything without touching a line of code. 

  1. Make the player adaptable

Both high-resolution PCs and mobile devices should be able to use the player. Music players should be both functional and aesthetically appealing on a number of devices. Mobile responsiveness will be appreciated by both your users and search engines, since they prefer websites that deliver a great user experience.

  1. Use a catchy cover photo

Add any picture to your player as a decoration, and it will become a part of your Google Sites design. It will also draw users’ attention to the music widget aesthetically, especially if it includes the creator’s face, as faces attract the most attention.

  1. Make a player for a night mode

There are two different options for a Google Site: light and dark. The usage of a black music player will substantially improve user experience. This player’s dark theme decreases the amount of light while preserving the essential color contrast ratios for looking at it.

  1. Follow your color scheme in a strategic way

Each color has a distinct psychological connotation. In addition to your characteristic colors, there are many tones and tints that can be treated differently. If your music is energetic and passionate, for example, you may choose yellow or orange as the accent color for a Shopify player. If your compositions are tranquil and soothing, blue would work best.

5. Distribute educational materials

Answer the most often asked questions, or just publish recordings of your interviews or podcasts in mp3 format. Any suggestion will be beneficial to both you and your visitors. It’s another fantastic means of communication and information presentation.

6. Add several compositions to the playlist

According to studies, one of the benefits of high Web speed is the amount of time spent on a website. This is exactly what you need if your users are your biggest admirers and spend a lot of time listening to your works of art! Your website will rise in the SERPs as a result, attracting even more listeners. However, don’t go crazy with too many compositions for they will discourage website visitors and they will not click on any.

Well done!

After you install the player on your Google site and apply all the best practices, it’s high time for you to admire your success. Your website visitors will listen to fantastic compositions as well as appreciate your stunning music player. Create and add a player without coding, and Google Sites, as well as Elfsight, will do the rest for you.