Como crear y añadir un boton de “Seguir” de Spotify en tu web o blog

Premios Min 2019 musica independiente
¡Ya están aquí los Premios Min de la música independiente 2019!
9 enero 2019

Como crear y añadir un boton de “Seguir” de Spotify en tu web o blog

Spotify-cabecera

 ¿A que estás esperando para añadir un botón de “Seguir” de Spotify en tu web o Blog?

Supongo que sobra deciros que hoy en día estar con tu música en Spotify es un “must” como dicen algunos.

A estás alturas ya os habréis dado cuenta que no basta con estar o tener tu álbum o tu single subido a la plataforma, también hay que trabajarse los seguidores y los oyentes para que poco a poco tu música vaya sumando adeptos y tu puedas seguir dedicándote a lo que te gusta: hacer música.

Hoy os traemos un artículo que os mostrará como crear un botón personalizado de seguir de Spotify y generar un código HTML que os permitrirá incluirlo en vuestra página web o blog. Vamos allá:

 

Pasos para crear un botón personalizado de “Seguir” de SPOTIFY

  1. Ve a tu perfil de artista en spotify haz clic en el icono “Más” (…)  y selecciona “Compartir”, una vez se despliegue el menú haz clic sobre ‘Copiar URL de Spotify’ para copiar el enlace Spotify o URL. Tu URL ya estará copiada.

 

Boton-Spotify-musicos

 

2. Vete a la pagina de desarrolladores de Spotify para conseguir el código HTML de tu botón. Yo os dejo el link a la página y os explicaré con una captura de pantalla cómo podéis generar este código una vez estéis en la web. La web está en inglés pero la captura de pantalla que os dejo a continuación ha sido traducida para que podáis seguir mejor los pasos a dar.

https://developer.spotify.com/documentation/widgets/generate/follow-button/

Esta es la página web de desarrolladores de Spotify (versión traducida) donde encontraréis las instrucciones:

Generar-boton-seguir-Spotify

 

3. Una vez estás en la página de desarrolladores de Spotify y has conseguido la URL (paso 1), pega el enlace en el cuadro llamado Spotify HTTP Link (o Spotify URI) y configura las opciones de Diseño del widget ( mira la captura).

 

4. Después de hacerlo tendrás ya un ejemplo de cómo se ha configurado el botón:

Avance

 

5. Por último en un recuadro aparecerá el código de inserción (código en HTML)  del botón para que puedas incluirlo en tu web o blog.

código-boton-seguir-Spotify

“Incrustar” un botón de “Seguir” de Spotify en tu Web o Blog

Para páginas HTML estándar, en el código HTML de una página, alojado en un sitio web que admite iframes , simplemente incrusta el código del botón que acabamos de generar.

Debes pegarlo en tu página web en algún lugar entre las etiquetas <body> y </body> . En la página de developers de Spotify tienen un tutorial que te llevará a través de los pasos. (Si no puede ver esas etiquetas, probablemente no estás viendo la página en un editor de HTML. Algunos sistemas de blogs y redes sociales te proporcionan una vista de “HTML” a la que puedes cambiar para pegar el enlace).

Espero que os haya servido de ayuda y empecéis ahora mismo a trabajar en ello!!!

 

Saludos desde Sarbide Music

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de privacidad

ACEPTAR
Aviso de cookies