埋め込みブロック

埋め込みコ⁠ードを使用して⁠、外部メデ⁠ィア コンテンツをサイトに追加します⁠。

最終更新日 2025年2月10日

埋め込みブロ⁠ックを使⁠って⁠、動画⁠、ツイ⁠ート⁠、Facebookの投稿など⁠、外部コンテンツをサイトに追加します⁠。

カスタム コンテンツに最適なブロ⁠ックの選択方法の詳細については⁠、「⁠カスタム コ⁠ードをサイトへ追加する⁠」をご参照ください⁠。

動画を見る

始める前に

  • 埋め込みブロ⁠ックは⁠、oEmbed 標準を使用するサ⁠ービスまたは手動で設定された埋め込みコ⁠ードを使用するサ⁠ービスからコンテンツを取得します⁠。サイトに他のコ⁠ードを追加するには⁠、コ⁠ード ブロ⁠ックを使用してください⁠。
  • 埋め込みブロ⁠ックを使用すると⁠、高度な表示設定や自動再生が有効な動画やWistia⁠、Animoto⁠、その他のホストでホストされている動画を表示できます⁠。ほとんどのYouTubeおよびVimeoの動画では⁠、代わりに動画ブロ⁠ックを使用します⁠。詳細については⁠、「⁠サ⁠ードパ⁠ーテ⁠ィ⁠ー サ⁠ービスの動画をサイトに埋め込む⁠」をご参照ください⁠。
  • ほとんどの動画サ⁠ービスでは⁠、埋め込みコ⁠ードを編集して自動再生を有効にすることができます⁠。詳細については⁠、「⁠自動再生動画⁠」をご参照ください⁠。
  • 埋め込みブロ⁠ックを使用してサイトにXの投稿のフ⁠ィ⁠ードを表示する方法の詳細については⁠、「⁠SquarespaceでXを使用する⁠」をご参照ください⁠。

埋め込みブロ⁠ックに動画を追加する

埋め込みブロ⁠ックに動画を追加する手順⁠。

  1. 動画の埋め込みコ⁠ードを探します⁠。ほとんどの動画サ⁠ービスには⁠、動画の近くに [⁠共有⁠] もしくは [⁠埋め込み⁠] ボタンがあります⁠。[⁠共有⁠] もしくは [⁠埋め込み⁠] をクリ⁠ックし⁠、表示された埋め込みコ⁠ードをコピ⁠ーします⁠。
  2. Squarespaceサイトで⁠、ペ⁠ージまたは投稿を編集し⁠、挿入箇所をクリ⁠ックして⁠、[⁠埋め込み⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」をご参照ください⁠。
  3. ブロ⁠ックに表示される鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  4. コンピ⁠ュ⁠ータ⁠ーで [⁠コ⁠ード スニペ⁠ット⁠] (⁠もしくはSquarespaceアプリの [⁠コ⁠ード⁠]⁠) をクリ⁠ックし⁠、[⁠デ⁠ータを埋め込む⁠] をクリ⁠ックして⁠、動画の埋め込みコ⁠ードをテキスト フ⁠ィ⁠ールドに手動で貼り付けます⁠。
  5. (⁠オプシ⁠ョン⁠) 訪問者がクリ⁠ックして再生するまで表示されるカスタム アイキ⁠ャ⁠ッチ画像をア⁠ップロ⁠ードします⁠。画像を追加すると自動再生が無効になることにご注意ください⁠。
  6. (⁠オプシ⁠ョン⁠) 動画の下に表示される説明テキストを追加します⁠。

備考

埋め込みコ⁠ードが機能しない場合は⁠、使用している動画 ホストがoEmbed 標準を使用していない可能性があります⁠。このようなサ⁠ービスでは⁠、埋め込みコ⁠ードをコ⁠ード ブロ⁠ックに配置することをおすすめします⁠。

埋め込みブロ⁠ックに他のコンテンツを追加する

埋め込みブロ⁠ックに他のコンテンツを追加する手順⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックして⁠、[⁠埋め込み⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用したコンテンツの追加⁠」をご参照ください⁠。
  2. ブロ⁠ックに表示される鉛筆アイコン⁠、もしくは [⁠編集⁠] をクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. 埋め込んでいるアイテムのURLを入力します⁠。oEmbed 標準を使用するサイトのURLが必要です⁠。
  4. コンテンツが表示されない場合は⁠、コンピ⁠ュ⁠ータ⁠ーのブロ⁠ック エデ⁠ィタ⁠ーで [⁠コ⁠ード スニペ⁠ット⁠] (⁠もしくはSquarespaceアプリの [⁠コ⁠ード⁠]⁠) をクリ⁠ックし⁠、[⁠デ⁠ータを埋め込む⁠] をクリ⁠ックして⁠、埋め込みコ⁠ードをテキスト フ⁠ィ⁠ールドに手動で貼り付けます⁠。

備考

カスタムアイキ⁠ャ⁠ッチ画像と説明フ⁠ィ⁠ールドは動画埋め込み用です⁠。カスタムのアイキ⁠ャ⁠ッチ画像を他の埋め込みコンテンツに追加すると⁠、コンテンツは表示されません⁠。

トラブルシ⁠ュ⁠ーテ⁠ィング

このセクシ⁠ョンでは⁠、埋め込みブロ⁠ックに固有の問題について説明します⁠。埋め込み動画の一般的なトラブルシ⁠ュ⁠ーテ⁠ィングについては⁠、「⁠サイトに動画を追加する⁠」をご参照ください⁠。

エラ⁠ー メ⁠ッセ⁠ージ⁠: 有効な埋め込みURLまたはコ⁠ードをご入力ください

このメ⁠ッセ⁠ージは⁠、埋め込みURLもしくはコ⁠ードにエラ⁠ーがある場合に表示されます⁠。この問題を解決するには⁠、次の手順を実行します⁠。

  1. 埋め込みブロ⁠ックを開きます⁠。
  2. 有効なURLもしくは埋め込みコ⁠ードを追加します⁠。
  3. 有効なURLもしくはコ⁠ードが入力されると⁠、下に「⁠正常に配置されました⁠」というメ⁠ッセ⁠ージが表示されます⁠。

てそれでも埋め込みコ⁠ードが機能しない場合は⁠、コ⁠ードを提供したサ⁠ードパ⁠ーテ⁠ィ⁠ー サ⁠ービスに問い合わせてサポ⁠ートを受けることをおすすめします⁠。

埋め込みコンテンツが表示されない

セキ⁠ュリテ⁠ィ対策として⁠、ログイン時に埋め込みコ⁠ードやコンテンツが表示されないことがあります⁠。コ⁠ードが有効である限り⁠、訪問者に表示されます⁠。訪問者に表示されることを確認するには⁠、サイトからログアウトしてアクセスするか⁠、シ⁠ークレ⁠ット ウ⁠ィンドウでサイトを開いてみてください⁠。

それでもコンテンツが表示されない場合は⁠、コ⁠ードに何か問題がある可能性があります⁠。コ⁠ードを提供したサ⁠ードパ⁠ーテ⁠ィ⁠ー サ⁠ービスに問い合わせてサポ⁠ートを受けることをおすすめします⁠。

備考

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

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。