オーディオ プレーヤーを埋め込み、SoundCloudでホストされているトラックやプレイリストをサイト訪問者が聴けるようにします。

SoundCloudブロックを使用して、 SoundCloudからトラック、プレイリスト、プロフィール コンテンツを埋め込みます。

モバイル端末では、SoundCloudブロックの [ブラウザーで聴くを] をタップすると、訪問者はモバイル ブラウザーでトラックを再生することができます。 SoundCloudアプリは必要ありません。

ヒント: SoundCloudブロックはポッドキャストでは機能しません。 代わりに音声ブロックを使用してください。

SoundCloudブロックを追加する

SoundCloudブロックを追加する方法は以下の通りです。

1. ページまたは投稿を編集し、[ブロックを追加] または挿入箇所をクリックしてから、[SoundCloud] をクリックします。ヘルプについては、「ブロックを使用してコンテンツを追加する」をご覧ください。
2. ブロックに表示される鉛筆アイコンをクリックして、ブロック エディターを開きます。
3. URLまたは埋め込みコードを使ってSoundCloudトラックを追加します。サイトがバージョン7.0の場合は、[適用] をクリックして変更を公開します。

コンテンツを追加する

次の2通りの方法で、SoundCloudブロックにコンテンツを追加できます。

オプション1 - URL経由

1. トラック、プレイリスト、またはプロフィールのURLを探します。
2. URLをコピーしてSoundCloudブロックに貼り付けます。
3. URLが正しければ、「正常に配置されました」というメッセージが表示され、SoundCloudのコンテンツがページに表示されます。

オプション2 - 埋め込みコード経由

コンテンツをより細かく制御するには、SoundCloudによって生成された埋め込みコードを使用できます。

1. SoundCloudで、サイトに埋め込むトラックを見つけます。
2. [共有] をクリックします。
3. [埋め込み] タブをクリックします。
4. 表示される埋め込みコードをコピーします。訪問者がページを読み込んだときに音楽が自動的に再生されるようにコードを設定するには、「自動再生を有効にする」を参照してください。
5. Squarespaceのサイトで、SoundCloudブロックの [編集] または鉛筆アイコンをクリックします。
6. 埋め込みアイコンをクリックします。

7. [埋め込みデータを編集] ウィンドウにコードを貼り付け、[設定] をクリックして変更を保存します。

注: SoundCloudブロックは標準デザインを備えているため、カスタマイズはできません。 ただし、コーディングの知識をお持ちの場合は、このオプションを使用してSoundCloudの音声の表示形式をより細かく制御できます。 SoundCloudからの埋め込みコードの使用は高度な変更であるため、Squarespaceサポートの範囲外です。

自動再生を有効にする

埋め込みオプションを使用して、訪問者がページを読み込んだときに音楽が自動的に再生されるようにすることができます。

1. SoundCloudで、トラックの [埋め込み] タブをクリックします。
2. 下にスクロールして、[その他のオプション] をクリックします。
3. [自動再生を有効にする] のチェックボックスをオンにします。
4. このバージョンのコードをSquarespaceの [埋め込みデータを編集] ウィンドウに追加します。
5. [設定] をクリックして変更を保存します。

注: 一部のブラウザーの新しいバージョンでは、自動再生がブロックされることがあります。

SoundCloudブロックのサイズを変更する

SoundCloudブロックは、スペース調整ブロックを使用して水平方向に、トリミング ハンドルを使用して垂直方向にサイズを変更できます。詳細については、「ブロックのサイズを変更する」をご覧ください。