コンテンツにスキップ

Spotifyの音楽をPDFに埋め込む方法

Spotifyの曲とプレイリストはFeatPaperのEMBEDタブで、PDF資料のページに埋め込めます。 閲覧者はページの上のSpotifyプレーヤーで、そのまま試聴できます。 対応しているのは曲とプレイリストだけで、アルバムやポッドキャストには対応していません。

  • 音楽レーベルやアーティストの紹介資料に、代表曲を入れたいとき
  • ブランド紹介資料に、キャンペーンのプレイリストを添えたいとき
  • イベント案内に、当日のBGMプレイリストを載せたいとき
  • 広告提案書に、使用予定の楽曲を添えたいとき

FeatPaperが受け付けるリンクの形は次のとおりです。

https://open.spotify.com/track/XXXXXXXX
https://open.spotify.com/playlist/XXXXXXXX
https://open.spotify.com/embed/...
  1. Spotifyで曲またはプレイリストを開きます。
  2. 「…」メニューから「シェア」を選びます。
  3. 「リンクをコピー」でリンクをコピーします。

文書の「コンテンツ」タブを開く

FeatPaperで対象の文書を開き、「コンテンツ」タブを選びます。 編集権限のある管理者だけが操作できます。

「動画・リンクを追加」でエディターを開く

「動画・リンクを追加」カードを押すと、全画面のモーションエディターが開きます。

ページを選んでEMBEDタブを開く

左のサイドバーでSpotifyを置きたいページを選び、上部ツールバーのEMBEDタブを押します。

リンクを貼り付けて「追加」を押す

「URLを埋め込む」の入力欄にリンクを貼り付け、「追加」を押します。 iframeのコードを貼り付けても、src="…"の中のリンクだけを取り出して使います。

位置と大きさを整えて保存する

ドラッグで位置を動かし、四隅のハンドルで大きさを変えます。 初期状態はページ幅の50%・16:9で中央に置かれ、比率は固定されていません。 必要に応じて「比率固定」や「元の比率」も使えます。 仕上がったらSAVE & EXITを押します。

  • パソコン:共有リンクを開くと、ページの中でそのまま再生・操作できます。
  • スマートフォン:ぼかしのかかったカードが表示されます。 タップすると下からシートが開き、全画面で表示されます。
  • ダウンロードしたPDF:PDFの中では再生できないため、サービスのロゴやサムネイルに置き換わります。 これを押すと閲覧画面の該当ページが開き、そのページの右下にはQRコードも入ります。 文書のQR設定をオフにしている場合、QRコードは入りません。
  • EMBEDは1文書あたりの動画・GIFの件数に含まれず、容量の上限もありません。
  • すべてのプランで使えます。
  • エディターが確認するのはリンクの形だけです。 中身が表示されるかどうかは、Spotify側の共有設定で決まります。
  • 曲の再生はSpotifyのプレーヤーの動作に従います。
  • 文書をバージョン更新すると、モーションは自動では引き継がれません。 更新後にエディターを開くと、前のバージョンのモーションをコピーするか確認されます。
リンクを入れたら「埋め込み URL はサポートされていません。」と表示されます

受け付けていない形のリンクです。 上の「リンクを用意する」にある形のリンクか確認してください。

アルバムのリンクは使えませんか?

現在、アルバムのリンクには対応していません。 曲のリンクか、アルバムの曲をまとめたプレイリストのリンクを使ってください。

ポッドキャストのエピソードを入れられますか?

現在、ポッドキャストのエピソードや番組には対応していません。 エピソードのページを開いてもらいたい場合は、LINKモーションでリンクを置けます。

スマートフォンではどう見えますか?

ぼかしのかかったカードが表示されます。 タップすると下からシートが開き、Spotifyを全画面で表示できます。

PDFでダウンロードするとどうなりますか?

PDFの中では再生できないため、ロゴやサムネイルに置き換わります。 押すと閲覧画面の該当ページが開き、ページ右下にQRコードも入ります。