Comment intégrer Spotify à son expérience ? – Fastory

Vous pouvez ajouter facilement un ou plusieurs morceaux Spotify à votre expérience Fastory, pour offrir à vos utilisateurs un moment à la fois immersif et sonore. Aucune installation n'est requise de leur côté : ils pourront écouter la musique directement dans l'expérience.

À quoi ça sert ?

Intégrer Spotify vous permet d'enrichir votre expérience avec de la musique. Vous pouvez ajouter un titre unique pour accompagner une séquence, ou un album entier pour installer une ambiance qui dure. Vous seul avez besoin d'un compte Spotify pour récupérer les morceaux ; vos utilisateurs, eux, peuvent les écouter sans posséder de compte.

Comment ça marche ?

L'intégration se fait en trois étapes : récupérer le lien du morceau sur Spotify, générer un lecteur, puis l'insérer dans votre expérience.

1. Récupérez le lien sur Spotify

Vous devez posséder un compte Spotify pour récupérer un morceau. Deux options s'offrent à vous selon ce que vous souhaitez intégrer :

Un seul morceau : à droite du titre, cliquez sur les ..., puis sur Copier le lien vers le titre.

Un album entier : sous l'album, cliquez sur les ..., puis sur Copier le lien vers l'album.

2. Générez le lecteur sur Spotify for Developers

Une fois le lien copié, rendez-vous sur l'outil de génération de bouton de lecture de Spotify for Developers (https://developer.spotify.com/documentation/widgets/generate/play-button/).

Collez le lien copié à l'étape 2 de l'outil. Le site génère alors une balise iFrame à l'étape 3. Pensez à choisir l'aperçu final du lecteur avant de récupérer cette balise.

3. Insérez le lecteur dans votre expérience Fastory

Dans votre écran de contenu, ajoutez l'élément Embed, puis collez la balise iFrame dans ses réglages. Et voilà : vos utilisateurs profitent d'une expérience immersive et sonore, rythmée par vos morceaux Spotify.

Intégrer Spotify dans votre Fanzone

Vous pouvez aussi insérer votre iFrame directement dans votre Fanzone. Il vous suffit d'utiliser le Block Embed. Pour la marche à suivre détaillée, consultez notre article Le Block Embed (contenu tiers).

Bonnes pratiques

Vérifiez que vous avez copié le bon lien (titre ou album) avant de le coller dans l'outil de génération.

Sélectionnez l'aperçu final du lecteur dans Spotify for Developers afin de contrôler le rendu avant de récupérer la balise iFrame.

Testez l'écoute directement dans votre expérience une fois l'iFrame collée, pour vous assurer que le lecteur s'affiche correctement.

Choisissez entre un morceau et un album selon le format et la durée de votre expérience.

Cas d'usage concrets

Si vous voulez accompagner votre expérience d'un titre signature

Intégrez un seul morceau : copiez le lien du titre depuis Spotify, générez le lecteur, puis ajoutez-le via l'élément Embed dans votre expérience Fastory.

Si vous voulez plonger vos utilisateurs dans une ambiance complète

Optez pour un album entier : copiez le lien de l'album, générez le lecteur correspondant et insérez-le dans votre écran de contenu pour prolonger l'immersion sonore.

Si vous voulez ajouter de la musique à votre Fanzone

Récupérez votre iFrame Spotify comme pour une expérience, puis intégrez-la dans votre Fanzone à l'aide du Block Embed.

FAQ

Faut-il un compte Spotify pour écouter la musique dans une expérience Fastory ?

Non. Seul vous, en tant que créateur, avez besoin d'un compte Spotify pour récupérer les morceaux. Vos utilisateurs peuvent les écouter directement dans l'expérience, sans posséder de compte.

Puis-je intégrer un album entier à mon expérience Fastory ?

Oui. Sous l'album dans Spotify, cliquez sur les ..., puis sur Copier le lien vers l'album. Vous générez ensuite le lecteur correspondant et l'insérez dans votre expérience via l'élément Embed.

Puis-je ajouter plusieurs morceaux à mon expérience ?

Oui, vous pouvez intégrer un ou plusieurs morceaux Spotify à votre expérience Fastory. Il vous suffit de répéter l'opération pour chaque titre ou album que vous souhaitez ajouter.

Quel élément dois-je utiliser dans mon expérience Fastory ?

Dans votre écran de contenu, utilisez l'élément Embed. C'est dans ses réglages que vous collez la balise iFrame générée depuis Spotify for Developers.

Comment intégrer un morceau Spotify dans ma Fanzone ?

Pour votre Fanzone, utilisez le Block Embed et collez-y votre iFrame Spotify. La procédure est décrite dans notre article Le Block Embed (contenu tiers).

Pourquoi dois-je passer par Spotify for Developers ?

C'est l'outil qui transforme le lien copié depuis Spotify en une balise iFrame. Cette balise est ensuite collée dans l'élément Embed de votre expérience Fastory ou dans le Block Embed de votre Fanzone.