ミュージシャンやバンドのサイトでファンと音楽を共有します。

サイトには、オーディオ ブロックまたは埋め込みブロックを使用して音楽を追加できます。このガイドを使用して、音楽を紹介するための最適な方法を選択してください。

ヒント: あなたがミュージシャンまたはバンドの場合は、「ミュージシャンやバンドのサイトの構築」にアクセスして、ソーシャル メディア プラットフォームに接続して商品を販売する方法をご覧ください。

ブロックを使用する

以下のリストにあるブロックを使用すると、次のような任意のブロック コンテンツ エリアにオーディオを追加できます。

• レイアウト ページ
• ブログ投稿
• フッター
• イベント
• 商品の追加情報
• サイドバー (バージョン7.0)

ブロックの使用の詳細については、「「ブロックを使用したコンテンツの追加」をご参照ください。

オーディオ ブロック

オーディオ ブロックを使用して、サイトに1つのトラックを追加します。.mp3または.m4aファイルを直接ファイルをアップロードするか、クラウド ストレージ プラットフォームからURLを追加します。

ヒント: オーディオ ブロックはポッドキャス トエピソードにも使用できます。

埋め込みブロック

埋め込みブロックを使用して、SpotifyやStitcherなどのサードパーティー サービスからオーディオを追加します。サービスからコードをコピーし、埋め込みブロックに追加します。埋め込みブロックが機能しない場合は、コード ブロックを使用してみてください。

SoundCloudブロック

SoundCloudブロックを使用して、SoundCloudでホストされているオーディオ トラックを埋め込みます。SoundCloudの埋め込み設定を使用してブロックの表示をカスタマイズできます。

動画ブロック

動画ブロックを使用して、ミュージック ビデオや動画ファイルとしてアップロードされた音楽を共有します。YouTubeまたはVimeoでホストされている動画を追加できます。

音楽を自動的に再生する

訪問者がページを開いたときに音楽が自動的に再生されるようにするには、SoundCloudブロックを使用します。

1. SoundCloudトラックの [共有] をクリックし、[埋め込み] タブをクリックします。
2. [自動再生を有効化] をオンにします。
3. 埋め込みオプションを使用して、このコードをSoundCloudブロックに追加します。訪問者のブラウザー設定でメディアの自動再生が許可されている場合、訪問者がページを開いたときにトラックが再生されます。

注: 一部のブラウザーの新しいバージョンでは、既定ですべての自動再生オーディオがブロックされます。訪問者はブラウザーの設定を調整により自動再生を許可できる場合があります。

他のソースからの音楽を自動再生するオプションはなく、カスタム コードでのみ可能です。Squarespaceでのカスタム コードの使用は高度な変更であるため、このような作業やコード ベースのカスタマイズに対するサポートやトラブルシューティングを提供することはできません。

ダウンロード可能な音楽を販売する

Squarespace Commerceを使用するサイトでは、ダウンロード可能な音楽をダウンロード商品として販売できます。コマースを始めるには、バージョン7.1またはバージョン7.0のコマース動画シリーズをご覧ください。

Spotifyプレイリストを埋め込む

埋め込みブロックを使用してSpotifyプレイリストを追加すると、訪問者はSquarespaceサイトから直接音楽をストリーミングできます。

1. Spotifyデスクトップ アプリで、埋め込みたいプレイリストに移動します。
2. プレイリストのタイトルの下にある [...] アイコンをクリックします。
3. [共有] にカーソルを合わせ、[プレイリストを埋め込む] をクリックします。
4. 埋め込みプレイリストの色とサイズを設定し、[コピー] をクリックします。
5. Squarespaceサイトで、プレイリストを追加するページに移動します。
6. 埋め込みブロックを追加します。
7. ブロック エディターで、テキスト フィールドの右側にある > をクリックします。
8. プレイリストの埋め込みコードを [コードを追加...] テキスト フィールドに貼り付けます。

備考: カスタム コードの変更は当社サポートの範囲外です。つまり、セットアップやトラブルシューティングに関し、当社はこれ以上のサポートを提供することができません。さらに、コードベースのソリューションに関しては、その機能性やSquarespaceとの完全な互換性は保証できません。これには、Squarespaceのレスポンシブ デザインにおける当該ソリューションの機能性 (特にモバイル デバイス上での外観) や、すべてのテンプレートでソリューションが機能するかどうかが含まれます。カスタム コードは、当社プラットフォームの今後の更新時に、表示に関する問題を引き起こす可能性もあります。当社はこれ以上サポートを提供できかねますが、次のように、お客様が問題解決のために参照できるリソースが多数あります。

• カスタム コードを追加するためのベスト プラクティスについて学びましょう。
• 「サードパーティーのカスタマイズに関する基本ガイド」をお読みください。
• 当社の顧客および開発者用コミュニティであるSquarespace Forumをご覧ください。
• Squarespace Expertを雇い、ご自分のサイト用のカスタム コードの作成を依頼しましょう。

アルバムまたはカバー ページを使用する (バージョン7.0)

アルバム ページ

アルバム ページは、アルバム全体またはトラックのコレクションを表示するのに最適です。アルバムのアートワークを表示したり、検索可能なタグやカテゴリーを追加したりすることもできます。

カバー ページ

カバー ページを使用すると、サイトの紹介としてアルバムまたはオーディオ トラックを表示できます。カバー ページは、単一ページのサイト、新しい音楽のお知らせ、「工事中」や「近日公開予定」ページにも適しています。

オーディオ用にデザインされたレイアウトの中には、1つのトラックを強調表示するものと、完全なプレイリストを表示するものがあります。たとえば、Tourレイアウトでは一度に1トラックずつ表示され、次のトラックまたは前のトラックにスキップするためのコントロールが表示されます。