---
title: "外部のデータソースからコンテンツを入手してください"
slug: "get-your-content-from-external-data-sources"
abstract: "外部データソースをコンポーネントビルダーに追加し、自分の要素の属性をデータソースのプロパティにマッピングします。"
---
# 外部のデータソースからコンテンツを入手してください

このトピックでは、コンポーネントビルダーに外部データソースを追加し、外部データをコンポーネントのコンテンツとして使う方法について説明します。

外部データソースのデータを使用するコンポーネントは、そのデータとともにPagesで使用されるようにステージ化されます。

## コンポーネントビルダーを使って外部データソースを追加します

コンポーネントビルダー内でデータをコンポーネントにマッピングすると、コンポーネントはデータソースの構造を認識できるようになります。サンプルJSONは、コンポーネントが認識することを教えられる構造を提供します。

コンポーネントビルダーに外部データソースを追加するには:

1.  **「データソース**」タブで「データソース**を追加**」をクリックします。
    
2.  データソースのユニークな名前と説明を入力してください。
    
3.  データソースフィールドに構造化サンプルデータを入れるには、以下のいずれかのオプションをクリックしてください。
    
    -   **生のJSONを貼り付ける** - 生のJSONファイルを貼り付ける。
    -   **Fetch from URL** - データを取得したいURLエンドポイントを入力し、「 **Fetch**」をクリックします。
    -   **GraphQL** - データを取り出したいURLを入力して **「Fetch**」をクリックします。
    
    データは、*Params*、*Header*、または*Body*の任意のキー-値ペアで取得され、右側に木構造として示されます。
    
4.  データツリーに正しい構造とフィールドが表示されている場合、データソースの追加を完了するには「 **保存**」をクリックしてください。
    

![Screenshot of the Data Sources page](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/Docs_Page_15.png)

ウェブページが読み込まれると、ページビルダーは更新されたデータを取得し、以前にコンポーネントにマッピングされたのと同じ構造で入力します。他のページビルダーでデータソースを使って [コンポーネントを埋め込む](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/adding-dynamic-content-to-a-component/get-the-embedding-code-of-a-component.md "Get the embedding code of a component") 際には、そのデータの扱いを決めることができます。

## コンテンツエディターを使って外部データソースを追加します

コンポーネントビルダー内のコンテンツエディターを使ってデータソースを追加することもできます。

データソースを追加するには:

1.  コンテンツエディターの左側のペインツリーで、データソースを追加したいサイトの *Settings* フォルダをクリックします。
2.  エディタービューの **サイト設定** セクションの **FEaaSコンポーネントエディタースクリプトURL** 欄で、データソースのURLを貼り付けます。