ウェブサイトで音楽を共有することが、MP3ファイルをアップロードして使いにくいオーディオプレーヤーを扱うことを意味していた頃を覚えていますか？
幸いなことに、多くのストリーミングサービスがオンラインでの音楽共有を容易にしており、Spotifyがその先頭を走っています。世界最大の音楽プラットフォームの1つとして、WordPressとうまく連携する簡単な埋め込みオプションを提供しています。
音楽愛好家でありWordPressユーザーでもある私は、WordPressサイトにSpotifyコンテンツを追加するための最も信頼性の高い方法を探すことにしました。あなたが音楽レビュアー、ポッドキャストクリエイター、または単にお気に入りのプレイリストを共有したいだけであっても、コードを一行も触らずにオーディオコンテンツを埋め込む方法を説明します。
このガイドでは、WordPressにSpotifyを埋め込むための2つの簡単な方法を紹介します。これらは、単一のトラック、アルバム全体、ポッドキャストエピソード、またはプレイリスト全体を共有するのに最適なオプションです。 🎶
📌 TL;DR: Spotifyは、URLをWordPressのデフォルトのブロックエディターに直接貼り付けるか、EmbedPressのようなカスタマイズ可能なプラグインを使用することで、簡単に埋め込むことができます。
なぜWordPressにSpotifyを埋め込むのか？
ミュージシャンやポッドキャスターの場合、音楽やポッドキャストのウェブサイトにSpotifyのコンテンツを埋め込むことは、何億もの月間アクティブユーザーに作品を宣伝するための強力な方法です。
ファンがすでにいる場所に、曲、アルバム、エピソードを直接表示できます。別のプラットフォームに誘導する必要はありません。
自分の作品を共有していなくても、Spotifyの埋め込みを追加することで、サイトをより魅力的にすることができます。たとえば、音楽レビューアは、議論しているトラックを埋め込んだり、ブロガーはキュレーションされたプレイリストでムードを作成したりできます。
そして、埋め込むことができる Spotify コンテンツの種類は次のとおりです。
- 🎵 シングルトラック – 自分の音楽を宣伝したり、特定の曲を強調したりするのに最適です。
- 💿 アルバム – アルバム全体を公開するのに最適です。特にアーティストや音楽レビューアに適しています。
- 🔁 プレイリスト – お気に入りのコレクションを共有したり、テーマ別のプレイリストでムードを設定したりできます。
- 🎙️ ポッドキャスト – ポッドキャストをホストしていて、サイトでエピソードを共有したい場合に最適です。
- 🧑🎤 アーティストプロフィール – 自分のSpotifyアーティストページを強調したり、サポートしている他のアーティストを紹介したりできます。
最も良い点は？Spotifyには、WordPressで使用できる簡単な埋め込みリンクが付属しています。
🔗 関連記事：専門家が選んだポッドキャスター向けの最高のWordPressテーマをご覧ください。
WordPressにSpotifyを埋め込む方法
WordPressでは、Spotifyコンテンツをすぐに埋め込むことができます。Spotifyのリンクをコンテンツエディターに貼り付けるだけです。すると、WordPressはそれをSpotifyブロック内の埋め込みプレーヤーに自動的に変換します。
このガイドでは、WordPressにSpotifyを埋め込むための2つの簡単な方法を説明します。
どちらの方法でも、コードを一行も書かずに、曲、アルバム、プレイリスト、ポッドキャスト、またはアーティストプロフィールを埋め込むことができます！
💡 注意: Spotifyのボタンやメニューの正確な場所は、ウェブプレーヤー、デスクトップアプリ、またはモバイルアプリを使用しているかによって若干異なる場合があります。このガイドでは、Spotifyウェブプレーヤーを使用します。
また、訪問者が再生をクリックすると、トラックの30秒のプレビューが再生されることに注意してください。これは、著作権を保護するためのSpotifyの標準的な制限です。全曲またはエピソードを聴くには、訪問者はSpotifyアカウントに簡単にログインするように求められます。
方法 1: WordPress の Spotify ブロックを使用して Spotify を埋め込む (プラグイン不要)
これは最も簡単な方法です。WordPress のブロックエディターにブロックを追加するだけだからです。追加のプラグインは不要で、トラック、プレイリスト、またはポッドキャストエピソードを直接投稿やページに追加するのに最適です。
ステップ1：Spotifyコンテンツのリンクを見つける
まず、Spotifyコンテンツのリンクを取得しましょう。コンテンツにアクセスするために、Spotifyウェブプレーヤーまたはデスクトップアプリケーションを開くことから始めます（ログインは任意です）。
「ホーム」画面から、「検索」機能を使用して埋め込みたいコンテンツを見つける必要があります。曲名、アルバム名、またはアーティスト名で検索できます。
例として、Dream, Ivory のアーティストページを検索しました。
関連する検索結果が表示されたら、それをクリックするだけです。
入ったら、アーティストのプロフィールの「フォロー」ボタンの隣にある3つのドットボタンをクリックできます。
次に、「共有」オプションにカーソルを合わせ、「アーティストへのリンクをコピー」をクリックします。
シングルトラックを埋め込みたい場合は、トラックの 3 点ボタンをクリックできます。
次に、「共有」オプションにカーソルを合わせ、「曲リンクをコピー」ボタンをクリックします。
アルバム全体を埋め込むには、アーティストページの「ディスコグラフィー」セクションまでスクロールしてください。
その後、共有したいアルバムをクリックして開くだけです。
アルバム名の下に3つの点を表すボタンが表示されるので、それをクリックしてください。
ここから、「共有」にカーソルを合わせ、「アルバムリンクをコピー」をクリックします。
プレイリストやポッドキャストの場合も、プロセスはほぼ同じです。シングル曲を埋め込むと小さくコンパクトなプレーヤーが表示されますが、アルバム、プレイリスト、またはアーティストプロフィールを埋め込むと、複数のトラックが表示される大きくてスクロール可能なボックスが表示されることに注意してください。
曲、アルバム、プレイリスト、番組、またはアーティストのページにいるかによって、正しい3点リーダーボタンをクリックしていることを確認してください。
ステップ2：WordPressにSpotifyコンテンツを埋め込む
さて、あなたの WordPress ウェブサイトにリンクを追加しましょう。
Spotifyコンテンツは、任意の投稿またはページに埋め込むことができます。このチュートリアルでは、WordPressブロックエディターを使用してブログ投稿内に埋め込む方法を示します。
WordPressダッシュボードから、投稿 » 新規追加 に移動するか、Spotifyプレーヤーを表示したい既存の投稿を編集します。
Spotifyのリンクをエディタに直接貼り付けることができます。ただし、専用のSpotifyブロックを追加する方法もご紹介します。
エディターで「+」ボタンをクリックしてブロックを追加し、「Spotify埋め込み」を検索します。
「Spotify埋め込み」ブロックを見つけたら、それをクリックしてエディターに追加します。
ここで、先ほどコピーしたSpotifyのリンクをブロックに貼り付けることができます。
次に、「埋め込み」ボタンをクリックするか、「Enter」キーを押します。
WordPress は自動的に埋め込みプレイヤーのライブプレビューを取得して表示します。
公開する前に、右側の「ブロック」タブにある「メディア設定」を調整したい場合があります。「小さいデバイス用にリサイズ」トグルをオンにするだけです。
これにより、Spotifyプレーヤーはすべての画面サイズでうまく表示され、モバイルフレンドリーなデザインに役立ちます。
Spotifyプレーヤーの外観に満足したら、「公開」または「更新」をクリックして公開できます。
これで、訪問者がブログ記事を表示すると、オーディオコンテンツを直接聴くことができる、完全にインタラクティブなSpotifyプレーヤーが表示されます。
方法2：EmbedPressプラグインを使用してSpotifyを埋め込む（よりカスタマイズ可能）
Spotifyコンテンツの表示方法をより細かく制御したい場合は、EmbedPressプラグインが優れた選択肢です。これは、100以上の異なる外部プラットフォームからメディアを埋め込むために設計された専用のWordPressプラグインです。
このプラグインを使用すると、コードなしでプレーヤーのサイズをカスタマイズしたり、ソーシャル共有オプションを追加したりできます。さらに、クラシックエディターを使用している場合でも問題なく動作します。
ステップ 1: EmbedPress プラグインをインストールする
始めるには、無料のEmbedPressプラグインをインストールして有効化する必要があります。
💡 プロのヒント：無料版のEmbedPressでも十分ですが、EmbedPress Proを使用すると、より多くの制御が可能になります。独自のブランディングを追加したり、プレーヤーのデザインを調整したり、遅延読み込みを有効にしてページを高速化したり、収益を増やすためにカスタム広告を表示したりできます。
それでは、WordPressダッシュボードにログインし、プラグイン » 新規追加に移動しましょう。
検索バーに「EmbedPress」と入力し、表示されたら「今すぐインストール」をクリックし、「有効化」をクリックします。
プラグインのインストールに問題がある場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。
ステップ2: SpotifyのコンテンツURLをコピーする
次に、共有したいSpotifyコンテンツのリンクをコピーする必要があります。手順は方法1とまったく同じですが、プレイリストとポッドキャストのリンクを取得する方法を見てみましょう。
まず、Spotifyウェブプレーヤーまたはデスクトップアプリケーションに移動しましょう。この手順では、アカウントにログインする必要はありません。
中に入ったら、上部にある検索バーを使用して、埋め込みたいSpotifyプレイリストまたはポッドキャストを見つけることができます。
結果ページで、「プレイリスト」セクションまで下にスクロールします。
その後、埋め込みたいプレイリストをクリックしてください。
ここから、プレイリスト名の下の3点ボタン、または「+」ボタンの近くをクリックできます。
これでメニューが展開され、「共有」にカーソルを合わせて「プレイリストへのリンクをコピー」をクリックできます。
アーティストのページにアクセスすることもできます。通常、キュレーションされたプレイリストがあります。
例えば、ニーナ・シモンのアーティストページにアクセスし、下にスクロールして「アーティストのおすすめ」プレイリストを見つけました。
プレイリストを開いたら、タイトルの近くにある3つの点を表すボタンまたは「+」アイコンをクリックしてください。
次に、「共有」にカーソルを合わせ、「プレイリストへのリンクをコピー」を選択します。
ポッドキャストに関しても、プロセスはほぼ同じです。
単純に「検索」機能を使用してポッドキャストに移動することから始めます。次に、3 つのドットのボタンをクリックし、「共有」にカーソルを合わせて、「番組リンクをコピー」をクリックします。
エピソードを共有したい場合は、ポッドキャストページを下にスクロールしてください。
次に、埋め込みたいエピソードの横にある「共有」アイコンをクリックし、リンクをコピーします。
曲、アルバム、アーティストのページで、プロセスはほぼ同じです。
正しい3点ボタンをクリックしていることを確認してください。
ステップ3：WordPressにSpotifyのURLをEmbedPressブロックを使用して追加する
リンクを取得したら、EmbedPressブロックを使用して、任意のWordPressの投稿またはページにSpotifyコンテンツを埋め込むことができます。
開始するには、投稿 » 新規投稿を追加 に移動して新しい投稿を作成できます。または、トラック、プレイリスト、ポッドキャストを埋め込みたい投稿を開くこともできます。
エディターで、「+」アイコンをクリックしましょう。
次に、EmbedPressブロックを検索して進めることができます。
ブロックを見つけたら、エディターに追加するためにクリックするだけです。
その後、Spotify のリンクをブロックに貼り付けます。
「埋め込み」ボタンをクリックするか、「Enter」キーを押すのを忘れないでください。
すると、EmbedPressはプレビューを即座に取得し、コンテンツエディター内に直接表示します。
これで、オーディオプレーヤーの追加コントロールにアクセスできるようになります。
右側のパネルで、プレーヤーの幅と高さを調整してサイズを変更するオプションを見つけることができます。これは、デフォルトのSpotifyプレーヤーがWordPressテーマのレイアウトに完全に収まらない場合や、モバイルデバイスで幅が広すぎる場合に非常に役立ちます。
さらに、ソーシャル共有を有効にして、コンテンツの発見可能性を高めることができます。
これは、訪問者がキュレーションされたプレイリストやポッドキャストエピソードを自身のソーシャルメディアプロフィールで共有することを奨励する素晴らしい方法でもあり、より広いオーディエンスにリーチするのに役立ちます。
この設定では、Spotifyプレイヤーの上部、左側、右側、または下部にアイコンを表示するかどうかを選択できます。
EmbedPress Proを使用すると、プレーヤーのスタイルをカスタマイズしたり、カスタムの「フォロー」ボタンを追加したりすることもできます。これにより、WordPressウェブサイトから直接、より多くのSpotifyフォロワーを獲得できます。
カスタマイズが完了したら、「公開」または「更新」をクリックするだけで公開できます。
これで、Spotify コンテンツを WordPress ウェブサイトに完全に表示する準備が整いました。🎧
💡 注：古いクラシックエディターを使用している場合は、Spotifyリンクをビジュアルエディターに直接貼り付けるだけです。
WordPressは自動的に埋め込み、EmbedPressはカスタムプレーヤー設定をシームレスに適用します。
さらに進む: トラック、アルバム、またはサンプルパックを販売する 💿
ウェブサイトにトラックを埋め込むことは、より多くのリスナーにリーチするのに役立ちます。しかし、そこで止まる必要はありません。
また、WordPressサイトから直接音楽を販売できるため、中間業者やプラットフォーム手数料を気にする必要がありません。これは、音楽の完全な管理を維持し、ファンベースを拡大し、ダウンロードごとに収益を増やすためのスマートな方法です。
私たちの経験では、デジタルアイテムを販売する最も簡単な方法は、Easy Digital Downloads、つまり最高のWordPressダウンロードマネージャープラグインを使用することです。
一般的なeコマースプラグインとは異なり、Easy Digital DownloadsはMP3、アルバム、サンプルパックなどのデジタル製品の販売に特化して構築されています。そのため、複雑な配送や在庫設定を気にする必要はありません。
安全なファイル配信、割引コード、顧客管理などの機能を備えたシングル、フルアルバム、またはサンプルパックを販売できます。
詳細な手順については、WordPressで音楽をオンラインで販売する方法に関するこのガイドを参照してください。
あるいは、ビニール盤やCDなどの物理的な音楽を販売したい場合は、配送、税金、在庫サポートを備えた完全なストアが必要になります。
これには、WordPressで最も人気のあるeコマースプラグインであり、オンラインでの製品販売を非常に簡単にするため、WooCommerceを使用することをお勧めします。
このステップバイステップガイド「オンラインストアの始め方」に従って開始できます。
WordPressにSpotifyを埋め込む方法に関するFAQ
Spotifyリンクの埋め込みを始めたばかりの方や、まだ疑問をお持ちの方もいらっしゃるでしょう。Spotifyコンテンツの埋め込みに関するよくある質問とその回答を以下に示します。
Spotify のプレイリストを WordPress に埋め込むにはどうすればよいですか？
WordPressにSpotifyプレイリストを埋め込むには、まずSpotifyからプレイリストの共有リンクをコピーします。次に、そのリンクをWordPressエディターのSpotifyブロックに貼り付けると、自動的に埋め込みプレーヤーに変換されます。
より多くのデザインオプションについては、EmbedPressのようなプラグインを使用できます。
SpotifyポッドキャストをWordPressサイトに追加するにはどうすればよいですか？
SpotifyポッドキャストをWordPressサイトに追加するには、Spotifyからポッドキャストエピソードまたは番組のリンクをコピーし、WordPressブロックエディターに直接貼り付けます。すぐに再生可能な埋め込みに変わります。
EmbedPress Proのようなプラグインを使用すると、プレーヤーに「フォロー」ボタンを追加して、Spotifyのオーディエンスを増やすのに役立ちます。
WordPressサイトでバックグラウンドミュージックを再生するにはどうすればよいですか？
ほとんどの最新ブラウザでは、ユーザーエクスペリエンスを保護するためにバックグラウンドミュージックの自動再生が制限されています。さらに、予期しないバックグラウンドミュージックは、スクリーンリーダーを使用している訪問者にとってアクセシビリティの問題を引き起こす可能性があります。
ただし、音楽を共有するための、よりユーザーフレンドリーな方法があります。
- Spotify やその他の音楽プレーヤーを埋め込む – 真のバックグラウンドミュージックの代わりに、Spotify やその他のストリーミングサービスを使用してプレイリストや単一のトラックを埋め込むことができます。訪問者は準備ができたら再生ボタンをクリックできます。
- カスタム再生ボタン付きのプラグインを使用する – HTML5 Audio Playerのようなプラグインを使用すると、小さな再生/一時停止ボタンを追加できます。ヘッダー、フッター、またはフローティングサイドバーに配置できるため、訪問者は音楽の再生を選択できます。
音楽、オーディオ、ポッドキャストサイトの関連ガイド
この記事が、WordPress に Spotify を埋め込む方法を学び、音楽ウェブサイトをより面白くする方法を理解するのに役立ったことを願っています。次に、以下の他の役立つガイドを確認できます。
- WordPressにMP3オーディオファイルを簡単に追加する方法
- WordPressにオーディオ音楽プレーヤーウィジェットを追加する方法
- ビジネスで成功するYouTubeチャンネルを開始する方法
- オーディオブックをオンラインで販売する方法（簡単で分かりやすい方法）
- ポッドキャスター向けの最高のWordPressプラグイン
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
質問や提案はありますか？コメントを残して、議論を開始してください。