2026年7月23日

WordPressにSpotifyの曲・プレイリストを埋め込む方法（URL貼り付けと埋め込みコード）

メディア・画像

Spotifyの曲やアルバム、プレイリスト、ポッドキャストのエピソードは、WordPressの標準機能だけで記事に埋め込めます。プラグインやSpotifyの開発者登録（APIキー）は必要ありません。この記事では、URLを貼る方法と、Spotifyの埋め込みコードを使う方法の手順、プレーヤーの大きさの選び方、うまく表示されないときの確認点を説明します。

2つの方法と使い分け

方法	手間	特徴
URLを貼る（Spotifyブロック）	最小	WordPressの標準機能。投稿者権限でも使える。大きさは自動
Spotifyの埋め込みコードを貼る	少ない	色や高さ（コンパクト表示など）を選べる。iframeを保存できる権限が必要

埋め込める主なものは、曲（トラック）・アルバム・プレイリスト・アーティスト・ポッドキャスト（番組とエピソード）です。

方法1：URLを貼る（Spotifyブロック）

WordPressには、SpotifyのURLをプレーヤーに変換する仕組み（oEmbed）が標準で入っています。

Spotifyのアプリかブラウザ版（Web Player）で、埋め込みたい曲やプレイリストを開きます。
「…」（その他のオプション）から「シェア」を選び、リンクをコピーします。
投稿編集画面で新しい段落を作り、URLだけを1行で貼り付けます。
自動で「Spotify」の埋め込みブロックに変わり、エディター上にプレーヤーが表示されます。
保存して、公開ページで表示を確かめます。

貼り付けで変換されない場合は、左上の「＋」で「Spotify」を検索してブロックを追加し、入力欄にURLを貼って「埋め込み」を押します。

WordPressが認識するのは、次のような open.spotify.com のURLです。日本語表示のときに入る intl-ja/ を含むURLでも埋め込めます。

https://open.spotify.com/track/曲のID
https://open.spotify.com/playlist/プレイリストのID
https://open.spotify.com/intl-ja/album/アルバムのID

https://spotify.link/… のような短縮URLは、WordPressに登録されているSpotifyのURLの形に当てはまらないため、Spotifyとして埋め込まれないことがあります。その場合は一度ブラウザで開き、転送先の open.spotify.com のURLを貼ってください。

この方法は、埋め込み用のHTMLをWordPressがSpotifyから取得して表示するため、投稿者権限のユーザーでも使えます。プレーヤーの高さはSpotify側が返す値で決まり、自分では選べません。コンパクトな表示にしたいときは方法2を使います。

方法2：Spotifyの埋め込みコードを貼る

Spotifyの公式ドキュメントでは、Web Playerで次のように操作すると説明されています。画面の表記はアプリや表示言語によって異なることがあります。

Web Playerで埋め込みたい曲やプレイリストを開きます。
「…」（その他のオプション）から「シェア」を選び、「Embed track」や「Embed playlist」など「Embed」で始まる項目を選びます。
表示された画面で、背景の色と大きさを選び、プレビューで確かめます。
「Copy」（コピー）を押してコードをコピーします。
WordPressの投稿編集画面で「カスタムHTML」ブロックを追加し、コードを貼り付けて保存します。

コピーされるコードは次のような形です（曲のID の部分は曲ごとに異なります）。

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/曲のID" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

allow 属性の encrypted-media などは再生に使われます。コードを手直しするときも、allow 属性は削らずに残してください。

プレーヤーの高さの目安

Spotifyのドキュメントでは、音声のプレーヤーの高さとして次の値が案内されています（2026年10月時点）。

高さ	表示	向いている用途
352px	通常の大きさ	アルバムやプレイリストなど、曲の一覧を見せたいとき
152px	コンパクト	1曲だけ、またはエピソード1本を紹介するとき

以前使われていた232pxと80pxの表示は旧形式とされ、新しく設置する場合は152pxか352pxを使うよう案内されています。コピーしたコードの幅（width）は置く場所の幅いっぱいに広がる指定になっています。Spotifyは、音声のプレーヤーを置く場所の幅を280px以上にするよう案内しています。

iframeを保存できる権限

「カスタムHTML」ブロックのiframeがそのまま保存されるのは、unfiltered_html 権限を持つユーザー（通常のサイトでは管理者と編集者、マルチサイトではネットワーク管理者）だけです。投稿者権限のユーザーが保存するとiframeが取り除かれるため、その場合は方法1を使います。

再生と表示についての注意

埋め込みプレーヤーで最後まで再生できるかどうかは、閲覧者がブラウザでSpotifyにログインしているかなどの条件によって変わり、条件を満たさない場合は曲の一部（プレビュー）だけが再生されることがあります。記事では「試聴できます」程度の書き方にしておくと誤解を招きません。
埋め込んだプレーヤーは、表示した時点でSpotifyのサーバーから読み込まれ、Spotify側でCookieなどが使われる場合があります。サイトのプライバシーポリシーに、外部サービスの埋め込みについて記載しておきます。
1つの記事に多くのプレーヤーを並べると、読み込みが重くなります。プレイリストにまとめて1つのプレーヤーで見せると軽く保てます。
曲やプレイリストがSpotifyから削除されたり非公開になったりすると、記事内のプレーヤーも表示されなくなります。紹介したい曲名やアーティスト名は本文にも書いておきます。
Spotifyの埋め込みを使う場合は、Spotifyの開発者向け利用規約が適用されます。

うまく表示されないときの確認ポイント

URLが文字のまま表示される：短縮URL（spotify.link）を貼っていないか、URLが単独の行にあり、リンクが付いていないかを確認します。
「埋め込めませんでした」という趣旨のメッセージが出る：URLが正しいか、曲やプレイリストが公開されているかを確認します。
貼ったiframeが保存後に消える：unfiltered_html 権限のないユーザーで保存していないか確認します。
一部しか再生されない：閲覧しているブラウザでSpotifyにログインしているか、iframeの allow 属性に encrypted-media が残っているかを確認します。
プレーヤーが表示されない・真っ白になる：セキュリティ系プラグインやコンテンツブロッカーがSpotifyの読み込みを止めていないか、別のブラウザでも確認します。
変更が反映されない：キャッシュ系プラグインのキャッシュを削除し、ブラウザを再読み込みします。

まとめ

Spotifyの曲・アルバム・プレイリスト・ポッドキャストは、open.spotify.com のURLを単独の行に貼るだけで埋め込めます。プラグインやAPIキーは不要です。
短縮URL（spotify.link）は、転送先の open.spotify.com のURLに置き換えて貼ります。
色や高さを選びたいときは、Spotifyの「シェア」から埋め込みコードをコピーし、「カスタムHTML」ブロックに貼ります。高さは352px（通常）か152px（コンパクト）が目安です。
iframeを保存できるのは管理者と編集者です。投稿者はURL貼り付けの方法を使います。