× Atención! Serás redirigido a mi nueva web en unos segundos.
Gracias por esperar!




















/

Spotify widget, comparte tu lista de reproducción en tu sitio web

Spotify ha creado recientemente un botón de reproducción que los webmasters pueden poner en sus sitios web con el fin de reproducir música en Spotify. El botón de reproducción de música Spotify se integra con los blogs, sitios web y más, dando lugar a una experiencia de web de música más social.

Ahora los webmasters y bloggers pueden añadir el widget de spotify en su página fácilmente, pudiendo añadir listas de reproducción o canciones sueltas. Todo lo que necesitan nuestros lectores para escuchar música es darle al play.

Sin embargo, el oyente necesita tener una cuenta de Spotify y estar registrado dando la oportunidad de navegar por la web, escuchando la lista de reproducción y haciendo la visita mas amena.

Para añadir canciones, tan solo tendremos que abrir nuestro spotify, y dandole clic derecho a la canción que queremos añadir al reproductor, elegiremos la opción “Copy spotify URI”.

Ejemplo de canción copiada desde spotify: spotify:track:1qDrWA6lyx8cLECdZE7TV7 (el texto en negrita es el que nos interesa copiar para añadir a nuestro widget).

Código para reproductor simple de una sola canción:

<iframe src="https://embed.spotify.com/?uri=spotify:track:4bz7uB4edifWKJXSDxwHcs" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Código para reproductor de lista de canciones:

<iframe src="https://embed.spotify.com/?uri=spotify:trackset:titulo para tu lista:1R2SZUOGJqqBiLuvwKOT2Y,1qDrWA6lyx8cLECdZE7TV7,1pwE0jB6MTtTWx8fzqriAj,1Bx0zEdVjkFlV27iKaePug,3K6mJ9J4bCX76eeB2IhMVu,7BTOJ8cvgZuYslN8TCWfg6"  width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Explicación del código:

  • track: Utiliza este código para insertar una sola canción.
  • trackset: Utiliza este código para insertarmas de una canción separadas por coma “,”.
  • width: Ancho del reproductor.
  • height: Alto del reproductor.
  • frameborder: Borde del iframe.
  • allowtransparency: Transparencia para el iframe.

Ejemplo:

Marc C. G.

Hola soy Marc experto en SEO. Contacta conmigo si necesitas posicionamiento para tu web en Google. También ofrezco servicios de Diseño web y hosting web, creación de contenido, reviews y más, contacta conmigo para mas información.

Deja un comentario

unrpintable page

Por favor, no imprima esta página web

Hoy en día, la impresión es innecesaria y no sólo significa un coste innecesario de papel y tinta, sino también el impacto medioambiental evitable en la producción y el uso de estos suministros. La reducción de la impresión puede ser pequeño, pero a la larga, puede llegar a ser un gran impacto significativo.

www.laliamos.com