[ Astuce ] Intégrer une playlist Spotify sur son blog

spotify

Il existe bel et bien une solution simple pour intégrer un lecteur spotify à votre blog. La solution n'est pas nouvelle mais, je vous la partage quand même.

Intégrer un lecteur spotify à son blog

Si mon blog me permets avant tout de vous partager mon avis sur de nombreux sujets et ma passion pour les jeux et l'univers Harry Potter. Je souhaite aussi vous donner quelques astuces et bon plan,

 Aujourd'hui j'ai voulu vous proposer un article dédié à une astuce pour intégrer un lecteur spotify à votre article de blog. C'est un peu plus technique que d'habitude et cela vous demandera de toucher un peu au HTML. Pas la peine d'être le roi des 7 couronnes pour manier le sujet. Juste de la concentration, de la patience lire et tester. Et cela devrait suffire.

Vous l'avez certinement remarqué, dans mes derniers articles concernant les sujet "musique", j'intègre très souvent un outil spotify permettant d'écouter les différents titres des artistes. Cela parrait simple et pourtant je met toujours un certain temps avant de trouver ou générer le code d'intégration. Parce que contrairement à youtube ou instagram, spotify lui ne vous le donne pas aussi facilement. (merci les gars, c'est cool).

Les différentes étapes :

  • Cherchez votre groupe ou playlist puis "copier le lien vers l'artiste"

Ce qui donne ceci : https://open.spotify.com/artist/3JVssppENfMD50NXuCF8Wk

Retenez la partie indiqué en rouge, elle servira juste après. 

Spotify lecteur
  • Le code servant à intégrer un lecteur spotify est le suivant :

&lt; <iframe src="https://open.spotify.com/embed?uri=spotify:artist:3JVssppENfMD50NXuCF8Wk" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe> &gt;

La partie indiqué en bleu et la partie qu'il faut modifier à chaque nouvelle playlist ou chaine d'ariste que vous souhaitez partager.

 

Attention : dans le lien fournis par spotify que j'ai indiqué en rouge, vous avez :

artist/

ou dans d'autres cas vous aurez la mention

album/

il vous faudra remplacer cette mention par

artist: ou album:

comme indiqué dans l'exemple ci-dessus en bleu. En claire, il vous faudra remplacer le / par : 

En remplaçant la partie bleu par la partie indiqué en rouge (sans oulier de remplacer le / par : le résultat est le suivant

&lt; <iframe src="https://open.spotify.com/embed?uri=spotify:artist:3JVssppENfMD50NXuCF8Wk" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe> &gt;

soit ceci :

Je ne sais pas si cette article est suffisamment claire et qu'il vous aidera. Et si c'est le cas, n'hésitez surtout pas à me le préciser en commentaire, ou à apporter vos améliorations.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *