WordPressにSpotifyを埋め込む方法(簡単な2つの方法)

ウェブサイトで音楽を共有することが、MP3ファイルをアップロードして使いにくいオーディオプレーヤーを扱うことを意味していた頃を覚えていますか?

幸いなことに、多くのストリーミングサービスがオンラインでの音楽共有を容易にしており、Spotifyがその先頭を走っています。世界最大の音楽プラットフォームの1つとして、WordPressとうまく連携する簡単な埋め込みオプションを提供しています。

音楽愛好家でありWordPressユーザーでもある私は、WordPressサイトにSpotifyコンテンツを追加するための最も信頼性の高い方法を探すことにしました。あなたが音楽レビュアー、ポッドキャストクリエイター、または単にお気に入りのプレイリストを共有したいだけであっても、コードを一行も触らずにオーディオコンテンツを埋め込む方法を説明します。

このガイドでは、WordPressにSpotifyを埋め込むための2つの簡単な方法を紹介します。これらは、単一のトラック、アルバム全体、ポッドキャストエピソード、またはプレイリスト全体を共有するのに最適なオプションです。 🎶

EmbedPress のソーシャル共有設定

なぜWordPressにSpotifyを埋め込むのか?

ミュージシャンやポッドキャスターであれば、音楽やポッドキャストのウェブサイトにSpotifyコンテンツを埋め込むことは、あなたの作品を宣伝するための強力な方法です。ファンがすでにいる場所に、別のプラットフォームに誘導するのではなく、あなたの曲、アルバム、またはエピソードを掲載することができます。

自分の作品を共有していなくても、Spotifyの埋め込みを追加することで、サイトをより魅力的にすることができます。

例えば、音楽のレビュー担当者は、議論しているトラックを埋め込むことができ、ブロガーは厳選されたプレイリストでムードを作り出すことができます。

ライブサイトでのEmbedPressのSpotifyプレーヤー

そして、埋め込むことができる Spotify コンテンツの種類は次のとおりです。

  • 個別のトラック自身の音楽を宣伝したり、特定の曲を強調したりするのに最適です。
  • アルバム – 特にアーティストや音楽レビュー担当者にとって、完全なリリースを披露するのに最適です。
  • プレイリスト – お気に入りのコレクションを共有したり、テーマ別のプレイリストでムードを設定したりできます。
  • ポッドキャストポッドキャストをホストしていて、サイトでエピソードを共有したい場合に最適です。
  • アーティストプロフィール – あなた自身の Spotify アーティストページを強調したり、サポートしている他のアーティストを紹介したりできます。

最も良い点は?Spotifyには、WordPressで使用できる簡単な埋め込みリンクが付属しています。

🔗 関連記事: ポッドキャスター向けの最高のWordPressテーマの専門家によるおすすめをご覧ください。

WordPressにSpotifyを埋め込む方法

WordPressでは、すぐにSpotifyコンテンツを埋め込むことができます。Spotifyのリンクをコンテンツエディターに貼り付けるだけです。すると、WordPressは自動的にそれをSpotifyブロック内の埋め込みプレーヤーに変換します。

このガイドでは、WordPressにSpotifyを埋め込むための2つの簡単な方法を説明します。

どちらの方法でも、コードを一行も書かずに、曲、アルバム、プレイリスト、ポッドキャスト、またはアーティストプロフィールを埋め込むことができます!

💡 注: ボタンやメニューの正確な場所は、ウェブプレイヤー、デスクトップアプリ、またはモバイルアプリを使用しているかによって若干異なる場合があります。このガイドでは、Spotifyのウェブプレイヤーを使用します。

方法 1: WordPress の Spotify ブロックを使用して Spotify を埋め込む (プラグイン不要)

これは最も簡単な方法です。WordPress のブロックエディターにブロックを追加するだけだからです。追加のプラグインは不要で、トラック、プレイリスト、またはポッドキャストエピソードを直接投稿やページに追加するのに最適です。

まず、Spotifyコンテンツのリンクを取得しましょう。コンテンツにアクセスするために、Spotifyウェブプレーヤーまたはデスクトップアプリケーションを開くことから始められます(ログインは任意です)。

「ホーム」画面から、「検索」機能を使用して埋め込みたいコンテンツを見つける必要があります。曲名、アルバム名、またはアーティスト名で検索できます。

例として、Dream, Ivory のアーティストページを検索しました。

Spotify検索機能の使用

関連する検索結果が表示されたら、それをクリックするだけです。

入ったら、アーティストのプロフィールの「フォロー」ボタンの隣にある3つのドットボタンをクリックできます。

次に、「共有」オプションにカーソルを合わせ、「アーティストへのリンクをコピー」をクリックします。

アーティストへのリンクをコピーボタン

シングルトラックを埋め込みたい場合は、トラックの 3 点ボタンをクリックできます。

次に、「共有」オプションにカーソルを合わせ、「曲リンクをコピー」ボタンをクリックします。

曲リンクをコピーボタン

アルバム全体を埋め込むには、アーティストページの「ディスコグラフィー」セクションまでスクロールしてください。

その後、共有したいアルバムをクリックして開くだけです。

Spotifyでアルバムをクリックする

アルバム名の下に3つの点を表すボタンが表示されるので、それをクリックしてください。

ここから、「共有」にカーソルを合わせ、「アルバムリンクをコピー」をクリックします。

アルバムリンクのコピーボタン

プレイリストやポッドキャストの場合も、手順はほぼ同じです。

曲、アルバム、プレイリスト、番組、またはアーティストのページにいるかによって、正しい3点リーダーボタンをクリックしていることを確認してください。

プレイリストへのリンクをコピーボタン
ステップ2:WordPressにSpotifyコンテンツを埋め込む

さて、あなたの WordPress ウェブサイトにリンクを追加しましょう。

Spotifyコンテンツは、任意の投稿またはページに埋め込むことができます。このチュートリアルでは、WordPressブロックエディターを使用してブログ投稿内に埋め込む方法を示します。

WordPressダッシュボードから、投稿 » 新規追加 に移動するか、Spotifyプレーヤーを表示したい既存の投稿を編集します。

新しい投稿を追加する

Spotifyのリンクをエディタに直接貼り付けることができます。ただし、専用のSpotifyブロックを追加する方法もご紹介します。

エディターで「+」ボタンをクリックしてブロックを追加し、「Spotify埋め込み」を検索します。

Spotify埋め込みブロック

「Spotify埋め込み」ブロックを見つけたら、それをクリックしてエディターに追加します。

ここで、先ほどコピーしたSpotifyのリンクをブロックに貼り付けることができます。

Spotify埋め込みブロック

次に、「埋め込み」ボタンをクリックするか、「Enter」キーを押します。

WordPress は自動的に埋め込みプレイヤーのライブプレビューを取得して表示します。

Spotify埋め込みブロック

公開する前に、「メディア設定」を調整したい場合があります。これは右側の「ブロック」タブにあるスライダーで見つけることができます。

この設定をオンにすると、Spotifyプレーヤーがあらゆる画面サイズで見栄えが良くなり、モバイルフレンドリーなデザインに役立ちます。

メディア設定の調整

Spotifyプレーヤーの外観に満足したら、「公開」または「更新」をクリックして公開できます。

これで、訪問者があなたの投稿を表示すると、オーディオコンテンツを直接聴くことができる完全にインタラクティブなSpotifyプレーヤーが表示されます。

ライブサイトでの Spotify Embed の Spotify プレイヤー

方法2:EmbedPressプラグインを使用してSpotifyを埋め込む(よりカスタマイズ可能)

Spotifyコンテンツの表示方法をより細かく制御したい場合は、EmbedPressプラグインが優れた選択肢です。このプラグインを使用すると、コードなしでプレーヤーのサイズをカスタマイズしたり、ソーシャル共有オプションを追加したりできます。

さらに、クラシックエディターをまだ使用している場合でも、完全に機能します。

ステップ 1: EmbedPress プラグインをインストールする

開始するには、無料のEmbedPressプラグインをインストールして有効化する必要があります。

💡 プロのヒント: EmbedPress の無料版でも問題なく動作しますが、EmbedPress Pro を使用すると、より多くの制御が可能になります。独自のブランディングを追加したり、プレーヤーのデザインを調整したり、ページを高速化するための 遅延読み込み を有効にしたり、収益を増やすためにカスタム広告を表示したりできます。

それでは、WordPressダッシュボードにログインし、プラグイン » 新規追加に移動しましょう。

WordPress管理エリアのプラグインの下にある新規プラグイン追加サブメニュー

検索バーに「EmbedPress」と入力し、表示されたら「今すぐインストール」をクリックし、「有効化」をクリックします。

プラグインのインストールにヘルプが必要な場合は、WordPress プラグインのインストール方法 に関するガイドをご覧ください。

EmbedPressのインストール
ステップ2: SpotifyのコンテンツURLをコピーする

次に、共有したい Spotify コンテンツのリンクをコピーする必要があります。この方法では、Spotify のプレイリストとポッドキャストのリンクを見つける方法を説明します。

まず、Spotifyのウェブプレイヤーまたはデスクトップアプリケーションに移動することから始めましょう。このステップでは、アカウントにログインする必要はありません。

中に入ったら、上部にある検索バーを使用して、埋め込みたいSpotifyプレイリストまたはポッドキャストを見つけることができます。

プレイリストの検索

結果ページで、「プレイリスト」セクションまで下にスクロールします。

その後、埋め込みたいプレイリストをクリックしてください。

埋め込みたいプレイリストを選択します

ここから、プレイリスト名の下の3点ボタン、または「+」ボタンの近くをクリックできます。

これでメニューが展開され、「共有」にカーソルを合わせて「プレイリストへのリンクをコピー」をクリックできます。

プレイリストへのリンクをコピーボタン

アーティストのページにアクセスすることもできます。通常、キュレーションされたプレイリストがあります。

例えば、ニーナ・シモンのアーティストページにアクセスし、下にスクロールして「アーティストのおすすめ」プレイリストを見つけました。

Spotify プレイリスト

プレイリストを開いたら、タイトルの近くにある3つの点を表すボタンまたは「+」アイコンをクリックしてください。

次に、「共有」にカーソルを合わせ、「プレイリストへのリンクをコピー」を選択します。

プレイリストへのリンクをコピーボタン

ポッドキャスト に関しては、プロセスはほぼ同じです。

単純に「検索」機能を使用してポッドキャストに移動することから始めます。次に、3 つのドットのボタンをクリックし、「共有」にカーソルを合わせて、「番組リンクをコピー」をクリックします。

ショーリンクのコピーボタン

エピソードを共有したい場合は、ポッドキャストページを下にスクロールしてください。

次に、埋め込みたいエピソードの横にある「共有」アイコンをクリックし、リンクをコピーします。

ポッドキャストエピソードを共有するための共有ボタン

曲、アルバム、アーティストのページで、プロセスはほぼ同じです。

正しい3点ボタンをクリックしていることを確認してください。

曲リンクをコピーボタン
ステップ3:WordPressにSpotifyのURLをEmbedPressブロックを使用して追加する

リンクを取得したら、EmbedPressブロックを使用して、WordPressの投稿またはページにSpotifyコンテンツを埋め込むことができます。

開始するには、投稿 » 新規投稿を追加 に移動して新しい投稿を作成できます。または、トラック、プレイリスト、ポッドキャストを埋め込みたい投稿を開くこともできます。

新しい投稿を追加する

エディターで、「+」アイコンをクリックしましょう。

次に、EmbedPressブロックを検索して進めることができます。

EmbedPressブロックを見つける

ブロックを見つけたら、エディターに追加するためにクリックするだけです。

その後、Spotify のリンクをブロックに貼り付けます。

EmbedPress ブロックに Spotify リンクを追加する

「埋め込み」ボタンをクリックするか、「Enter」キーを押すのを忘れないでください。

EmbedPress はすぐにプレビューを取得し、コンテンツエディター 内に直接表示します。

エディターに埋め込まれたSpotify

これで、オーディオプレーヤーの追加コントロールにアクセスできるようになります。

右側のパネルでは、プレーヤーの幅と高さを調整してサイズを変更するオプションを見つけることができます。これは、デフォルトのSpotifyプレーヤーがWordPressテーマのレイアウトに完全に収まらない場合や、モバイルデバイスで幅が広すぎる場合に非常に役立ちます。

EmbedPress 一般設定

さらに、コンテンツの発見性を高めるために、ソーシャル共有を有効にすることもできます。

これは、訪問者がキュレーションされたプレイリストやポッドキャストエピソードを自身のソーシャルメディアプロフィールで共有することを奨励する素晴らしい方法でもあり、より広いオーディエンスにリーチするのに役立ちます。

この設定では、Spotifyプレイヤーの上部、左側、右側、または下部にアイコンを表示するかどうかを選択できます。

EmbedPress のソーシャル共有設定

EmbedPress Proを使用すると、オーディオプレーヤーの色を変更したり、「フォロー」ボタンを追加したりすることもできます。これにより、WordPressウェブサイトから直接、より多くのSpotifyフォロワーを獲得できます。

カスタマイズが完了したら、「公開」または「更新」をクリックするだけで公開できます。

これで、Spotify コンテンツを WordPress ウェブサイトに完全に表示する準備が整いました。🎧

ライブサイトでのEmbedPressのSpotifyプレーヤー

💡 注: 古いクラシックエディターを使用している場合は、Spotifyリンクをビジュアルエディターに貼り付けるだけで済みます。

EmbedPressプラグインは、URLを自動的に検出し、埋め込みに変換します。

クラシックエディターで Spotify を埋め込む

さらに進む: トラック、アルバム、またはサンプルパックを販売する 💿

ウェブサイトにトラックを埋め込むことは、より多くのリスナーにリーチするのに役立ちます。しかし、そこで止まる必要はありません。

WordPressサイトから直接行うこともできます。そのため、仲介業者やプラットフォーム手数料を心配する必要はありません。これは、音楽を完全に管理し、ファンベースを拡大し、ダウンロードごとにさらに稼ぐためのスマートな方法です。

これを行う最も簡単な方法は、Easy Digital Downloads を使用することです。これは、最高のWordPressダウンロードマネージャープラグインです。

一般的なeコマースプラグインとは異なり、Easy Digital Downloads は MP3、アルバム、サンプルパックなどのデジタル製品の販売に特化して構築されています。そのため、複雑な配送や在庫設定を気にする必要はありません。

EDD を使用してオンラインで商品を販売する

安全なファイル配信、割引コード、顧客管理などの機能を備えたシングル、フルアルバム、またはサンプルパックを販売できます。

詳細な手順については、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サイトでバックグラウンドミュージックを再生するにはどうすればよいですか?

ほとんどの最新ブラウザでは、ユーザーエクスペリエンスを保護するために、バックグラウンドミュージックの自動再生を制限しています。

ただし、音楽を共有するための、よりユーザーフレンドリーな方法があります。

  • カスタム再生ボタン付きのプラグインを使用するHTML5 Audio Playerのようなプラグインを使用すると、小さな再生/一時停止ボタンを追加できます。ヘッダー、フッター、またはフローティングサイドバーに配置して、訪問者が音楽を開始できるようにすることができます。
  • Spotify やその他の音楽プレーヤーを埋め込む – 真のバックグラウンドミュージックの代わりに、Spotify やその他のストリーミングサービスを使用してプレイリストや単一のトラックを埋め込むことができます。訪問者は準備ができたら再生ボタンをクリックできます。

この記事が、WordPress に Spotify を埋め込む方法を学び、音楽ウェブサイトをより面白くする方法を理解するのに役立ったことを願っています。次に、以下の他の役立つガイドを確認できます。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

コメント

  1. おめでとうございます。この記事の最初のコメント者になる機会を得ました。
    質問や提案はありますか?コメントを残して、議論を開始してください。

コメントを残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。