Плохой заголовок inline onebox для шеринга альбомов Spotify

Внести вклад Ошибка
1

Заголовок для встроенной onebox некорректен (не то чтобы мы утверждали, что это наша вина):

Встроенный: Spotify

Источник:

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

Встроенный: https://open.spotify.com/album/1nrWysWdrgPR0kBJ45z2aS?si=FurcwGpfSrWJBPGwKeCvDQ

Изображение (предпросмотр):

image
image501×456 70.1 KB

Изображение (окончательное):

image
image873×522 106 KB

4 лайка
2

Нужно ли обновить версию браузера в user agent, который использует наш краулер? Похоже, мы используем Safari 14?

При ручном открытии URL в этой версии Safari:

image
image1200×916 55.3 KB

3

Мы не придерживаемся единого user-agent.

Для полного onebox мы используем:

Discourse Forum Onebox v3.5.0.beta9-dev

и Spotify нормально реагирует на это, отдавая полную страницу:

○ → 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">

а для inline onebox мы используем:

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

Именно поэтому мы наблюдаем разное поведение, хотя я всё же хочу спросить: почему мы не используем здесь свойства Open Graph? Spotify всё ещё отдаёт их, несмотря на то, что браузер считается неподдерживаемым:

○ → 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">
все свойства 
○ → 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 лайка
4

Хм:

Потому что в нашей реализации тег <title> имеет приоритет над Open Graph, и мы не хотим хардкодить строку «Unsupported browser»…

FIX: update final destination to use more recent user agent by SamSaffron · Pull Request #34207 · discourse/discourse · GitHub должен это исправить…

Хотя это выглядит очень устаревшим:

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

Хм… теперь Spotify присылает нам заголовок “spotify” :slight_smile: Если мы хотим получить название альбома, нам понадобится кастомный код для “spotify” :frowning:

2 лайка