Overview
When sharing music from Spotify, the platform provides a standard share link. However, to embed Spotify players in your Cogniss application, you'll need to convert this link into an embed link format. This guide shows you the simple process to transform any Spotify share link (for songs, albums, or playlists) into an embed link that can be displayed in Cogniss.
Step 0: Copy the Spotify Share Link
First, you need to obtain the Spotify share link for the content you want to embed:
Open Spotify and navigate to the song, album, or playlist you want to share
Click the three dots (⋯) to open the menu
Select "Share" and then "Copy Link" to copy the URL to your clipboard
Note: This process works for various content types, including:
Individual songs
Full albums
Playlists
Artists
Podcasts
Step 1: Identify the Content ID
Now you have copied the link, we can continue to identify the content ID.
The content ID is a unique identifier that Spotify assigns to each item in their catalog.
Find this ID in the share link between the content type (e.g.,
/track/,/album/,/playlist/) and the question mark?Example: In the link
https://open.spotify.com/track/1vgko1vOrBpTYbWWndYhl7?si=05e828d66794464e, the track ID is1vgko1vOrBpTYbWWndYhl7
Step 2: Create the Embed Link
Insert the word "embed" after "open.spotify.com/" and before the content type (track, album, playlist, etc.):
Original link format:
https://open.spotify.com/CONTENT_TYPE/CONTENT_ID?si=random_charactersEmbed link format:
https://open.spotify.com/embed/CONTENT_TYPE/CONTENT_ID
Using our example:
Original link:
https://open.spotify.com/track/1vgko1vOrBpTYbWWndYhl7?si=05e828d66794464e
Becomes:
https://open.spotify.com/embed/track/1vgko1vOrBpTYbWWndYhl7
Step 3: Add to Cogniss as External Media Content
Now that you have your embed link, you can add it to your Cogniss application:
In Cogniss Creator, navigate to the content section where you want to add the Spotify player
Select "External Media" as your content type
Paste your embed link into the URL field
Set any additional options as needed
Save your changes
The Spotify content will now be embedded and playable directly within your Cogniss application.
Quick Formula
Regular link:
https://open.spotify.com/CONTENT_TYPE/CONTENT_ID?si=random_charactersEmbed link:
https://open.spotify.com/embed/CONTENT_TYPE/CONTENT_ID
Note
When embedding Spotify content in your applications, make sure to follow Spotify's Developer Terms of Service to ensure proper usage of their content.