eARNING TRICK: Spotify

<b>This article shows how you can embed tracks or albums from Spotify in your blog or website, even if you don't use Spotify yourself.</b>   <br /><b><br /></b> <b><br /></b> <br /><div style="clear: both;"></div><a name="more"></a><h2>About putting tracks from Spotify onto your website</h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWmwMJl15CCArGpdHZMkJWfWjz990bKbeN28mGNy1GQE241EmaxibfOoDI8y1YZb-mBvsFvwyxOhE9zqRSZ3RQOG_qpglWRrwxkipQeKOgW_ySzn-Pj86UI_wiZ74U_DpjYnUORDuFwh7/s1600/how-to-embed-content-song-track-album-person-into-my-blog-or-website.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="703" data-original-width="970" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWmwMJl15CCArGpdHZMkJWfWjz990bKbeN28mGNy1GQE241EmaxibfOoDI8y1YZb-mBvsFvwyxOhE9zqRSZ3RQOG_qpglWRrwxkipQeKOgW_ySzn-Pj86UI_wiZ74U_DpjYnUORDuFwh7/s320/how-to-embed-content-song-track-album-person-into-my-blog-or-website.png" width="320" /></a></div>If you have a blog / website about music, then you probably want to share clips with your readers.<br /><br />Many music and video hosting sites let you do this by embedding them:   this means that you allow YouTube (or SoundCloud or Vimeo, etc) to use some space on your site to show a particular piece of their content, with their logo / brand attached to it.    They do this because it gives them exposure - and you get to keep the visit on your site instead of sending them away.<br /><br />There are some music-recordings which are on Spotify, but aren't on any of the other music systems.    Today, when I google "how to embed from Spotify, I get instructions which say "just right-click on the item in Spotify, and choose embed"  (sometimes using slightly different words) - like this:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaFPxeJ1sfxIl9BAYYZ-FN3aBmREC5VuKma6EOKqnb9koyats-eQG6fHrZFziLQCD0tkeB8FeyzusKJInrsbSYdDK7MTyBTEYRa6slHB667ykdFTfO29fBTSVaYafA4UgHv9k2MZzQ1uv9/s1600/spotify-copy-embed-code-right-click-option-missing-how-to-get-code-for-website.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="275" data-original-width="642" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaFPxeJ1sfxIl9BAYYZ-FN3aBmREC5VuKma6EOKqnb9koyats-eQG6fHrZFziLQCD0tkeB8FeyzusKJInrsbSYdDK7MTyBTEYRa6slHB667ykdFTfO29fBTSVaYafA4UgHv9k2MZzQ1uv9/s640/spotify-copy-embed-code-right-click-option-missing-how-to-get-code-for-website.PNG" width="640" /></a></div><br /><br />However when I right-click on a track in Spotify, the "Copy Embed Code" option is missing.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNs_4Kxb0W-viG7YZpMOAWnw1Go-gftl6z9ZQHIO49Nh0dxprXBWcGnz-iScF6Y-6bgQU6wNnVXLVp9xJmdvWNLx2t2wrTQhBYXLU7VICMI80xgNpg0aDuBEMX4hn_DMaa61MvfyNydbWX/s1600/right-click-options-from-track-in-spotify.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="279" data-original-width="375" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNs_4Kxb0W-viG7YZpMOAWnw1Go-gftl6z9ZQHIO49Nh0dxprXBWcGnz-iScF6Y-6bgQU6wNnVXLVp9xJmdvWNLx2t2wrTQhBYXLU7VICMI80xgNpg0aDuBEMX4hn_DMaa61MvfyNydbWX/s400/right-click-options-from-track-in-spotify.PNG" width="400" /></a></div><br /><br />I'm not sure if this is because I don't have a Premium subscription, because of some issue with my browser, or just because Spotify changed their system but didn't update their documents.<br /><br />Fortunately I've found that there is a Spotify tool you can use to generate the embed code.<br /><br /><br /><br /><h2>How to show a song, album, artist or playlist from Spotify in your blog / website</h2><br />1   Find the item (song, track, album or artist) that you want to embed<br /><br />2   Right click on it, and <b>choose Copy <<Whatever>> :Link</b>    (eg   Copy Song Link   or Copy Playlist Link)<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0LCPYCAo6089_FTRy9hOMRHj5Ycq13fm2cE7-8Sb4pTF6Nu6N-SQPMKwch4SJE9urf36awH8ouwbmUztXIzd2V-eB026cA0gsjGrWbPQXu6QpF8kiMYrWyAVBbdGy4MP4hHYG9YtjWDqK/s1600/copy-song-track-album-title-playlist-artist-link-spotify-right-click-menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="490" data-original-width="844" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0LCPYCAo6089_FTRy9hOMRHj5Ycq13fm2cE7-8Sb4pTF6Nu6N-SQPMKwch4SJE9urf36awH8ouwbmUztXIzd2V-eB026cA0gsjGrWbPQXu6QpF8kiMYrWyAVBbdGy4MP4hHYG9YtjWDqK/s400/copy-song-track-album-title-playlist-artist-link-spotify-right-click-menu.png" width="400" /></a></div><br /><br />3   Go to this webpage (opens it in a new tab or window when you click it):   <a href="https://developer.spotify.com/technologies/widgets/spotify-play-button/" style="font-weight: bold;" target="_blank">https://developer.spotify.com/technologies/widgets/spotify-play-button/</a><br /><br /><br />4   Scroll down to Get the Code, and paste the copied value into the box<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqHjjVVXFbBohdRZhd0E2i0SZpPgPwNYC-XSv5nPnvmwJSsU5NhC2oTXFX6PNIeKrCqwcvKYq95Pp_MaERGXSxkCNR2ehn-UyG68ff7TrV-kDhuo53rWgHxhpvKQRSxJ7i8mL07w_js49p/s1600/paste-it-here-where-to-put-item-link-from-spotify-to-get-website-lint.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="221" data-original-width="868" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqHjjVVXFbBohdRZhd0E2i0SZpPgPwNYC-XSv5nPnvmwJSsU5NhC2oTXFX6PNIeKrCqwcvKYq95Pp_MaERGXSxkCNR2ehn-UyG68ff7TrV-kDhuo53rWgHxhpvKQRSxJ7i8mL07w_js49p/s640/paste-it-here-where-to-put-item-link-from-spotify-to-get-website-lint.PNG" width="640" /></a></div><br />5    <b>Copy the code </b>which is put into the box under step 3.<br /><br />6    For Blogger, install it into your blog <a href="http://blogger-hints-and-tips.blogspot.com/2010/10/putting-html-code-from-third-party-into.html" target="_blank">the same way you would install any other HTML code</a>.      For other tools, eg Wordpress.org, follow the usual approach for embedding code<br /><br /><br /><h2>Job done!</h2>You will now have an item from Spotify displaying in your blog.<br /><br />What exactly it <b>looks like </b>depends on the type of item, and perhaps where you put it.<br /><br />What this embedded item <b>does</b>  (eg does it play a readder clicks on it) depends on<br /><ul><li><b>Your visitor's status:  </b>Spotify members see the whole thing, free-service members only see a 30-second clip<b>, and</b></li><li><b>Where</b> they are viewing it from ie does the country they are accessing the internet from have rights to see the material you shared</li></ul><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKlrBJnIYBAczONd8tXlr4S1ywcp7QQ3jfjLi0HQQ7UVtCNkxukf_Pf-2CyOTKI0I0dIM4pm4RzNraSuHBvPpFsR3q4umtkINVjQn3u7eXxmyK7oomSHaDg46pCcr1-sdCsBZeguRvrA6o/s1600/the-30-second-preview-for-this-item-is-not-available-in-your-country.PNG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="380" data-original-width="324" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKlrBJnIYBAczONd8tXlr4S1ywcp7QQ3jfjLi0HQQ7UVtCNkxukf_Pf-2CyOTKI0I0dIM4pm4RzNraSuHBvPpFsR3q4umtkINVjQn3u7eXxmyK7oomSHaDg46pCcr1-sdCsBZeguRvrA6o/s320/the-30-second-preview-for-this-item-is-not-available-in-your-country.PNG" width="272" /></a></div><h2>Troubleshooting</h2>If you try to embed somehthing, then visitors to your website who are accessing the internet from another country if the "content owner"   (ie person who made the album, track, etc that you're embedding) has given permission for this.<br /><br />If they don't have this permission, you may see a response like the one to the right.<br /><br /><br /><br /><br /><br /><br /><br /><hr /><h2>Related Articles</h2><a href="http://blogger-hints-and-tips.blogspot.com/2010/10/putting-html-code-from-third-party-into.html" target="_blank">How to install code from 3rd parties into Blogger</a>

How to show a song, track, album or artist from Spotify in Blogger

This article shows how you can embed tracks or albums from Spotify in your blog or website, even if you don't use Spotify yourself. ...