Buzzador

2015-08-31

Follow link instead of Follow button

How to create a Follow link insted of a Follow button:

1. Go to the Spotify Developer site, create a Follow button with the desired layout.

2. Copy the following part of the URL onto your clipboard. Here are examples with light themes;

Following a user:
https://embed.spotify.com/follow/1/?uri=spotify:user:name&size=detail&theme=light%22%20width=%22300%22%20height=%2256%22%20scrolling=%22no%22%20frameborder=%220%22%20style=%22border:none;%20overflow:hidden;%22%20allowtransparency=%22true%22

Following an artist:
https://embed.spotify.com/follow/1/?uri=spotify:artist:name&size=detail&theme=light%22%20width=%22300%22%20height=%2256%22%20scrolling=%22no%22%20frameborder=%220%22%20style=%22border:none;%20overflow:hidden;%22%20allowtransparency=%22true%22

3. In the URL, exchange "name" for the username of either the user or the artist that you want to follow. For myself, I would do it like this:

https://embed.spotify.com/follow/1/?uri=spotify:user:xenona&size=detail&theme=light%22%20width=%22300%22%20height=%2256%22%20scrolling=%22no%22%20frameborder=%220%22%20style=%22border:none;%20overflow:hidden;%22%20allowtransparency=%22true%22

4. On your website or blog, insert the link in an <a> tag, as you usually would create a link. 
In html, it would look like so:

<a href="https://embed.spotify.com/follow/1/?uri=spotify:user:xenona&amp;size=detail&amp;theme=light%22%20width=%22300%22%20height=%2256%22%20scrolling=%22no%22%20frameborder=%220%22%20style=%22border:none;%20overflow:hidden;%22%20allowtransparency=%22true%22" target="_blank">Follow me on Spotify!</a>

5. And the published result; a clickable link to your own Follow page:
Follow me on Spotify!

Inga kommentarer: