Título de onebox incorrecto para las acciones de álbumes de Spotify

Error
1

El título de un onebox en línea es malo (no es que digamos que es culpa nuestra):

En línea: Spotify

fuente:

https://open.spotify.com/album/1nrWysWdrgPR0kBJ45z2aS?si=FurcwGpfSrWJBPGwKeCvDQ

En línea: https://open.spotify.com/album/1nrWysWdrgPR0kBJ45z2aS?si=FurcwGpfSrWJBPGwKeCvDQ

imagen (vista previa):

image
image501×456 70.1 KB

imagen (procesada):

image
image873×522 106 KB

4 Me gusta
2

¿Necesitamos actualizar la versión del navegador en el agente de usuario que utiliza nuestro rastreador? Parece que estamos usando Safari 14.

Visitando la URL manualmente en esa versión de Safari:

image
image1200×916 55.3 KB

3

No somos consistentes con los agentes de usuario.

Para el onebox completo usamos:

Discourse Forum Onebox v3.5.0.beta9-dev

y Spotify está bien con esto y sirve la página completa:

○ → curl -s --user-agent 'Discourse Forum Onebox v3.5.0.beta9-dev' 'https://open.spotify.com/album/1nrWysWdrgPR0kBJ45z2aS?si=FurcwGpfSrWJBPGwKeCvDQ' | htmlq 'meta[property^="og:description"], meta[property^="og:site_name"], title'
<title>The First Symphony - Album by Indecent | Spotify</title>
<meta content="Spotify" property="og:site_name">
<meta content="Indecent · Album · 2024 · 12 songs" property="og:description">
<meta content="Spotify" property="og:site_name">

pero para el onebox en línea usamos:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15

Así que esa es en última instancia la razón por la que estamos obteniendo un comportamiento diferente, aunque todavía preguntaría por qué no usamos las propiedades opengraph aquí. Spotify todavía las está sirviendo a pesar de ser un navegador no compatible:

○ → curl -s --user-agent 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15' 'https://open.spotify.com/album/1nrWysWdrgPR0kBJ45z2aS?si=FurcwGpfSrWJBPGwKeCvDQ' | htmlq 'meta[property^="og:description"], meta[property^="og:site_name"], title'
<title>Unsupported browser</title>
<meta content="Spotify" property="og:site_name">
<meta content="Indecent · Album · 2024 · 12 songs" property="og:description">
<meta content="Spotify" property="og:site_name">
todas las propiedades 
○ → curl -s --user-agent 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15' 'https://open.spotify.com/album/1nrWysWdrgPR0kBJ45z2aS?si=FurcwGpfSrWJBPGwKeCvDQ' | htmlq 'meta[property^="og:"]'
<meta content="Spotify" property="og:site_name">
<meta content="The First Symphony" property="og:title">
<meta content="Indecent · Album · 2024 · 12 songs" property="og:description">
<meta content="https://open.spotify.com/album/1nrWysWdrgPR0kBJ45z2aS" property="og:url">
<meta content="music.album" property="og:type">
<meta content="Spotify" property="og:site_name">
<meta content="AR" property="og:restrictions:country:allowed">
…
<meta content="XK" property="og:restrictions:country:allowed">
<meta content="https://i.scdn.co/image/ab67616d0000b273ff9434b9650f38d183e91fb1" property="og:image">
2 Me gusta
4

Hmmm:

Porque <title> tiene prioridad sobre open graph en nuestra implementación y no queremos codificar la cadena “Navegador no compatible”…

FIX: update final destination to use more recent user agent by SamSaffron · Pull Request #34207 · discourse/discourse · GitHub debería solucionar esto…

Aunque esto parece muy antiguo:

DEFAULT_USER_AGENT = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15"

7

hmmm… ahora spotify nos da el título “spotify” :slight_smile: vamos a necesitar código “spotify” personalizado :frowning: si queremos obtener el nombre del álbum.

2 Me gusta