Spotifyのアルバム共有における不適切なインラインoneboxタイトル

バグ
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

クローラーが使用しているユーザーエージェントのブラウザバージョンを更新する必要がありますか？ Safari 14を使用しているようですが？

そのSafariバージョンでURLを手動で確認します。

image
image1200×916 55.3 KB

3

ユーザーエージェントは一貫していません。

フルワンボックスには以下を使用しています。

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

しかし、インラインワンボックスには以下を使用しています。

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

それが最終的に異なる動作を引き起こしている原因ですが、なぜここでオープングラフプロパティを使用しないのか疑問に思いますか？ 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