Come integrare un podcast di Spotify in una pagina web

Come integrare un podcast di Spotify in una pagina web

podcasttutorial

Se hai un podcast accessibile da Spotify oggi ti mostrerò come fare per includerlo all'interno di una pagina web.

NOTA: per poter creare il miniplayer da "embeddare" in una pagina web è necessario che tu abbia installato l'applicazione desktop di Spotify.

Includere un singolo episodio del podcast #

Per includere uno specifico episodio di un podcast all'interno di una pagina web la procedura da seguire è:

  • Clickare sui tre puntini in corrispondenza dell'episodio da includere
  • Condividi
  • Copia codice di incorporamento
Generazione del codice di incorportamento per uno specifico episodio del podcast
Generazione del codice di incorportamento per uno specifico episodio del podcast

Spotify ti fornirà un codice HTML tipo questo:

<iframe src="https://open.spotify.com/embed-podcast/episode/1H3tiZsTClwbXvxZZSQwfW" width="100%" height="232" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

che una volta inserito all'interno di una pagina web ti permetterà di ottenere un player come il seguente:

Includere l'ultimo episodio del podcast #

Per includere un riproduttore sempre aggiornato con l'ultimo episodio uscito del podcast la procedura da seguire è:

  • Clickare sui tre puntini sotto il titolo del podcast
  • Condividi
  • Copia codice di incorporamento
Generazione del codice di incorporamento per mostrare sempre l'ultimo episodio del podcast
Generazione del codice di incorporamento per mostrare sempre l'ultimo episodio del podcast

Spotify ti fornirà un codice HTML tipo questo:

<figure><iframe src="https://open.spotify.com/embed-podcast/show/5DsZVNVi7SwW7WDmU0joWr" width="100%" height="232"></iframe></figure>

che una volta inserito all'interno di una pagina web ti permetterà di ottenere un player come il seguente:

Includere il podcast in una pagina web #

Per includere il podcast all'interno di una pagina web ti basta solo copiare il codice ottenuto da Spotify all'interno del codice HTML della tua pagina.

Inserimento del podcast all'interno di una pagina web
Inserimento del podcast all'interno di una pagina web

Includere il podcast in WordPress #

Se hai intenzione di embeddare il podcast all'interno di una pagina realizzata con Wordpress devi fare particolare attenzione al fatto che il blocco di testo in cui andrai ad incollare il codice di incorporamento fornito da Spotify sia di tipo HTML personalizzato. In caso contrario, al posto del riproduttore di Spotify, potresti visualizzare il codice di incorporamento come se fosse del testo.

Blocco di codice HTML di Wordpress per includere il podcast
Blocco di codice HTML di Wordpress per includere il podcast

Conclusioni #

Se questo post ti è stato utile puoi puoi scrivermi direttamente su t.me/lorenzomillucci. Inoltre ti invito ad iscriverti al mio canale Telegram per non perderti nemmeno un post.