埋め込みの Web パーツを使用した、ページへのコンテンツの追加

適用先
SharePoint Server 2019

サイトにモダン ページを追加するときに、SharePoint ページを構築するために Web パーツを追加およびカスタマイズできます。 この記事では、埋め込み Web パーツについて説明します。

埋め込みが可能なサイト (YouTube や Bing マップなど) から SharePoint ページにコンテンツを表示できます。 多くのサイトでは、サイトが提供するコンテンツまたは埋め込みコードにサイトの Web アドレスを使用できます。

Web サイトのアドレスを使用してコンテンツを表示する

一部の Web サイトのコンテンツを埋め込むには、そのサイトのコンテンツの Web アドレスをコピーし、埋め込み Web パーツに貼り付けます。

  1. 使用する埋め込み可能コンテンツのリンクをコピーします。 これを行うには、埋め込むコンテンツがあるサイトに移動します。 コンテンツの近くに通常、[共有] ボタンまたはリンクが表示されます。 それをクリックし、指定されたリンク アドレスをコピーします。

    コンテンツの埋め込みに Web サイトのアドレスを使用する例

  2. まだ編集モードになっていない場合は、ページの右上にある [編集 ] をクリックします。 右側で ツールボックス (コンテンツ ウィンドウのツールボックス アイコン ) を見つけます。

  3. [ すべての Web パーツを表示] を選択し、Web パーツの一覧から [埋め込み </> ] を選択またはドラッグ アンド ドロップします。

  4. [ プロパティの編集 ] (Web パーツとセクションのプロパティを編集するためのアイコン ) を選択し、コピーした Web サイト アドレスを [ Web サイトのアドレスまたは埋め込みコード] ボックスに貼り付けます。
    ビデオ URL または埋め込みコードをフィールドに貼り付ける

  • コンテンツへのリンクは、リンクを使用してコンテンツを埋め込むための特定のサービスを提供している Web サイトでのみ機能します。 埋め込むコンテンツに対してリンクが機能しない場合は、代わりに埋め込みコードを使用してみてください。

埋め込みコードを使用したコンテンツの表示

埋め込みコードとは、別のページのコンテンツの表示方法を説明する、Web サイトからの特殊な指示の一覧です。 多くのサイトでは、コピーして貼り付け、埋め込むことができる埋め込みコードが用意されています。 通常、[埋め込みコード] または [</>] というラベルの付いたボタンが表示されます。 これにより、コードが入ったテキスト ボックスが開きます。

たとえば、Vimeo でビデオの [共有 ] ボタンをクリックすると、共有ダイアログに埋め込みコードが表示されます。

埋め込みコードを使用して SharePoint ページにコンテンツを埋め込む例 埋め込みコードを使用するには、次の操作を行います。

  1. 使用するコンテンツの埋め込みコード (使用可能な場合) をコピーします。 これを行うには、埋め込むコンテンツがあるサイトに移動します。 コンテンツの近くのどこかに、通常は [共有] ボタンまたはリンク、または [埋め込みコード] または [</>] というラベルの付いたボタンが表示されます。 これにより、上記の Vimeo サイトの画像と同様のコードを含むテキスト ボックスが開きます。
  2. 右側で ツールボックス (コンテンツ ウィンドウのツールボックス アイコン ) を見つけます。 [ すべての Web パーツを表示] を選択し、Web パーツの一覧から [埋め込み </> ] を選択またはドラッグ アンド ドロップします。
  3. [ プロパティの編集 ] (Web パーツとセクションのプロパティを編集するためのアイコン ) を選択し、埋め込みコードを [Web サイトのアドレス] ボックスまたは [埋め込みコード] ボックスに貼り付けます。
    ビデオ URL または埋め込みコードをフィールドに貼り付ける

別の Web パーツに接続して動的コンテンツを表示する

埋め込み Web パーツを使用すると、変数を使用するリンクまたは埋め込みコードを入力できるため、ページ ビューアーの選択に応じてさまざまなアイテムを表示できます。 たとえば、ユーザーが画像 URL のリストから選択した内容に基づいて画像を表示できます。

情報と例については、「ユーザーが リスト Web パーツで選択した内容に基づいてビデオ、画像、または場所を表示する (埋め込み Web パーツをリスト Web パーツに接続する)」を参照してください。

画像のリストに接続された埋め込み Web パーツの例

トラブルシューティング

埋め込みが機能しない最も一般的な理由は次のとおりです。

  • 埋め込みコードは iframe ベース (つまり、 <iframe> タグで始まり、末尾が長い) である必要があります。 <script> タグを使用する埋め込みコードはサポートされていません。
  • 埋め込むことができるのは、セキュリティで保護された Web サイトのみです。 Web サイトの URL が HTTPS で始まっていることを確認します。
  • すべての Web サイトがページの埋め込みを許可しているわけではないので、セキュリティで保護され、iframe ベースの埋め込みコードを使用している場合でも、ページを埋め込むことができない場合があります。 問題が発生した場合は、Web サイトで埋め込みが許可されているかどうかチェックしてください。
  • サイト コレクションの管理者は、ユーザーが外部 Web サイトのコンテンツを埋め込むことができるかどうかを制御できます。 共同作成者にコンテンツの埋め込みを許可していない場合は、"この Web サイトからのコンテンツを埋め込むことは許可されていません" というエラー メッセージが表示されることがあります。 管理者またはヘルプ記事「 SharePoint ページにコンテンツを埋め込む機能を許可または制限する」を参照してください。

機能に関するご要望

セキュリティで保護されていない Web サイトからコンテンツを埋め込みたい場合や、別の埋め込み方法を使用する場合、またはその他の提案やフィードバックがある場合は、お知らせください。  すべてのコメントに必ず目を通しています。

Microsoft Office についてフィードバックする