> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-openapi-sync-dataflows.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Domo外でコンテンツをエンベッドする

export const InlineImage = ({src, alt = '', height = '1.6em'}) => {
  return <img noZoom src={src} alt={alt} style={{
    display: 'inline',
    verticalAlign: 'start',
    height: height,
    margin: '0'
  }} />;
};

### はじめに

公開組織に設定、作成、マッピングを行い、ブランドキットでインターフェース設定を選択したら、次はコンテンツを公開またはエンベッドして、ほかのユーザーが閲覧できるようにします。コンテンツは任意のウェブサイト、アプリケーション、ポータルにエンベッドすることができます。

詳細については、「 [コンテンツをサブスクライバーインスタンスに公開する](/ja/s/article/360045120554) 」を参照してください。

この記事では、様々なエンベッド方法と、それぞれの方法を使用したカードやダッシュボードのエンベッドについての情報を提供します。

***

* [エンベッド方法 - パブリックおよびプライベート](#embed_methods)
  * [パブリックエンベッド](#public_embed)
  * [プライベートエンベッド](#private_embed)
  * [エンベッドに関する注記](#embed_notes)
* [Domo Embedを有効にする](#enable_domo_embed)
* [許可ドメイン](#authorized_domains)
* [カードをエンベッドする](#embedding_cards)
  * [カードをパブリックエンベッドする](#embed_card_publicly)
  * [カードをプライベートエンベッドする](#embed_card_privately)
  * [JavaScript APIを使用してエンベッドされたカードとダッシュボードをフィルターする](#javascript_api)
  * [パブリックエンベッドしたカードを追跡する](#track_publicly_embedded_cards)
  * [ページ全体のフィルター](#whole_page_filtering)
* [ダッシュボードをエンベッドする](#embedding_dashboards)
  * [ダッシュボードをパブリックエンベッドする](#embed_dashboard_publicly)
  * [ダッシュボードをプライベートエンベッドする](#embed_dashboard_privately)
* [Domoインスタンスをエンベッドする](#embed_domo_instance)
* [PDPを使用してプライベートエンベッドを設定する](#configure_private_embed)
  * [プライベートエンベッドを実装する](#implement_private_embed)
* [インプレッショントラッキング](#impression_tracking)
* [サードパーティアナリティクス](#third_party_analytics)
  * [FullStoryインタラクションを有効にする](#enable_full_story)
* [よくある質問](#faq)
* [サポートについて](#need_support)
* [動画 - Domo Everywhere Embedの概要](#vidoe_domo_everywhere)
* [動画 - Domoカードをエンベッドする](#video_embed_card)
* [動画 - Domoのコンテンツをパブリックエンベッドする方法](#video_publicly_embed)

***

### エンベッド方法 - パブリックおよびプライベート

コンテンツをエンベッドするには大きく分けてパブリックとプライベートの2つの方法があります。

# パブリックエンベッド

<Warning>
  **重要：** セキュリティ上の理由から、コンテンツの **パブリック** エンベッドはHIPAA準拠のDomoインスタンスでは使用できません。 **プライベート** エンベッドのオプションは利用可能です。
</Warning>

ウェブサイト、ブログ、FacebookやTwitterなどのソーシャルメディアプラットフォームにパブリックエンベッドすることができます。エンベッドURLがあれば誰でもコンテンツを閲覧できます。

このパブリックコンテンツは閲覧専用で、アラートはサポートされていません。また、どの閲覧ユーザーもログインする必要がないため、Personalized Data Permission（PDP）もサポートされていません。

<Warning>
  **重要：** セキュリティ上の懸念と信頼の条件により、Domo BricksのAppDBはパブリックエンベッドのコンテキストではブロックされます。
</Warning>

パブリックエンベッドは、 **［Domo Everywhere］** > **［設定］** > **［一般］** で、 **［カードとダッシュボードをパブリックにエンベッドすることを許可］** ボックスにチェックを入れる/外すことで有効/無効にできます。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 568, height: 168}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

[このページのトップへ](#intro)

# プライベートエンベッド

ウェブサイト、ポータル、アプリケーションにプライベートエンベッドすることができます。プライベートエンベッドするコンテンツには3つのオプションがあります。

* **ユーザーベース —** シングルサインオン（SSO）およびPersonalized Data Permission（PDP）をサポートしています。

  ユーザーライセンスはDomo内で作成され、PDPポリシーが行レベルの資格ポリシーにもとづき既知のユーザーに適用されます。このオプションは技術的な観点では最も簡単な設定ですが、フィルターや権限が異なるユーザーが多数の場合、管理が困難になる可能性があります。そのため、小規模で一貫性のあるユーザーグループに推奨します。実装するには、ユーザーライセンスを購入してください。
* **サーバーベース** **—** この方法はプログラミングサーバー側のフィルターを使用します。Domoのエンベッドされたコンテンツをホストする環境は、Domoに対して認証が行われます。またこの環境は、どのフィルターを適用すべきかをプログラムで決定します。エンベッドされたコンテンツが表示されると、フィルターリクエストがDomoに送信されます。

  これは最も柔軟性が高いオプションです。大規模なユーザーグループや一時的なユーザーグループに適していますが、デベロッパーがプログラムによるフィルターを作成して管理する必要があるため、技術的な負債が高くなります。実装するには、インプレッション（またはカードロード）を購入してください。

  詳細については、デベロッパーポータルの [Domo Embedに関するページ <InlineImage src="/images/kb/ja/img/rte_broken_image.png" />](https://developer.domo.com/docs/embed/embed-2) を参照してください。
* **プラットフォームベース —** SSOとPDPをサポートし、完全に編集可能です。

  このオプションでは、Domoプラットフォームを使用して完全なデータエクスペリエンスを構築し、顧客に展開することが最も簡単に行えます。実装するには、コンテンツ配信の対象となるすべての顧客に対応するDomo環境を含むプラットフォームパッケージを購入してください。

[このページのトップへ](#intro)

# エンベッドに関する注記

パブリックエンベッドとユーザーベースのプライベートエンベッドのいずれでも、Domoから自動生成されるHTML文字列をコピーし、iFrameとして、またはJavaScript API経由で、サブスクライバーインスタンスの必要な場所に貼り付ける必要があります。

プライベートエンベッドされたすべてのコンテンツに、以下が該当します。

* ソーシャル権限を持つユーザーは、コンテンツをエンベッドしたり、iFrameを作成したり、プライベートエンベッドされたコンテンツを表示したりすることはできません。

  閲覧ユーザーは、コンテンツをエンベッドできませんが、プライベートエンベッドされたコンテンツを表示できます。
* Sumoピボット表を除く、すべてのカードタイプがサポートされています。
* メモカードとドキュメントカードは単体ではエンベッドできませんが、ダッシュボードの一部としてエンベッドすることができます。

<Note>
  **注記：** カード/ダッシュボードごとに1つのエンベッドタイプのみ所有できます。エンベッドIDを確認するには、 **［その他］** > **［管理者］** の順に移動します。［Domo Everywhere］メニューで、 **［エンベッド］** を選択します。 **［カード］** または **［ダッシュボード］** タブに移動し、カードまたはダッシュボードを見つけます。次に、 「 **エンベッドID** 」列でそのアセットのエントリを見つけます。
</Note>

ユーザーベースとプラットフォームベースのプライベートエンベッドカードまたはダッシュボードには、以下が該当します（これは、サーバーベースとは関係ありません）。

* Domo、ウェブサイト、ポータル、またはアプリケーションで、SSO（シングルサインオン）を有効にする必要があります。

- **「管理者設定」** > **［SSO］** で **［招待された方のみDomoにアクセスできます］** オプションが有効になっている場合、Domo以外のユーザーは、カードにアクセスしようとしても拒否されます。

  このオプションを無効にすると、Domo以外のユーザーは、デフォルトユーザーのアクセス権で自動的にプロビジョニングされます。デフォルト設定は「パワーユーザー」です。

  アクセス権限についての詳細は、「 Domoでのアクセスを制御する 」を参照してください。

パブリックエンベッドされたコンテンツには、以下が該当します。

* カードをパブリックエンベッドする場合は、タイトル、ドリルダウン、まとめ数字、チャートピッカーはいずれも使用できますが、フィルターはカードで使用されている列にのみ使用可能です。セキュリティ上の理由から、この機能ではカード末尾の表ビューを使用できません。
* カードをパブリックエンベッドできないようにする場合は、 **「管理者設定」** > **［カンパニー設定］** > **［会社概要］** の順に選択して、この機能を無効にします。 **［パブリックにコンテンツをエンベッド］** ボックスからチェックを外します。

[アクティビティログ](/s/article/360042934574 "ユーザーログを閲覧する") を使用して、エンベッドしたコンテンツを管理用に表示できます。

適切なエンベッド方法の選択にサポートが必要な場合は、アカウントエグゼクティブ（AE）またはカスタマーサクセスマネージャー（CSM）にお問い合わせください。お客様の使用事例および組織に最適なオプションをお調べいたします。

[このページのトップへ](#intro)

### Domo Embedを有効にする

Domo Embedを有効にするには、管理者のデフォルトのセキュリティ権限、またはカードをエンベッドする許可が付与されているカスタマイズされた権限を持つユーザーが、 **「管理者設定」** > **［カンパニー設定］** > **［会社概要］** の順に移動し、 **［パブリックにコンテンツをエンベッド］** ボックスにチェックを入れる必要があります。

<Warning>
  **重要：** これは30日間の無料トライアルです。最初の30日間の使用が終了したら、Domoのアカウント担当者からご連絡し、価格設定についてご案内いたします。
</Warning>

[このページのトップへ](#intro)

### 許可ドメイン

データの安全性を確保し、必要な場所にのみデータが表示されるようにするには、［許可ドメインをエンベッド］を使用してドメインを許可リストに配置することができます。許可リスト上のドメインは、JS APIを介してコンテンツをエンベッドしたりイベントを受信したりできます。許可されていないドメインにコンテンツが配置されている場合は、読み込まれません。

この詳細については、 [Domoデベロッパードキュメント](https://developer.domo.com/docs/embed/filtering-options) [<InlineImage src="/images/kb/ja/img/rte_broken_image.png" />](https://developer.domo.com/docs/embed/embed-2)

を参照してください。

<Warning>
  **重要：** 許可リストにドメインを追加しない場合、カードやダッシュボードはどのドメインにもエンベッドすることができますが、JS APIとDomoの読み込みプロセスはブロックされます。
</Warning>

1. 許可ドメインを追加するには、 **［Domo Everywhere］** > **［設定］** に進みます。
2. **［一般］** タブで **［許可ドメインをエンベッド］** を見つけて、 **ドメイン名** を入力します。
3. **［追加］** を選択します。

許可ドメインのリストが **［ドメイン名］** フィールドの下に表示されます。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 593, height: 329}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

[このページのトップへ](#intro)

### カードをエンベッドする

カードを個別にエンベッドする場合、複数のカードを1つのダッシュボードにエンベッドすることはできますが、カードごとに個別にコードを生成する必要があります。

個別にエンベッドされたカードでは、 [詳細ビュー](/s/article/360042923934 "カード詳細ビューのレイアウト") で、以下のような標準的に使用できるカード機能を組み込むかどうかを選択できます。

* カードのタイトル
* [カードをドリルダウンする機能](/ja/s/article/360042923994 "データをドリルダウンする")
* エクスポートを許可
* [データ表にアクセスする機能](/ja/s/article/360042923934 "カード詳細ビューのレイアウト") （プライベートカードのみ）
* [まとめ数字](/ja/s/article/360043428753 "チャートのまとめ数字を設定する")
* [フィルターの適用と変更を行う機能](/ja/s/article/360042924014 "カードの詳細ビューでデータをフィルターする") （プライベートカードのみ）
* [チャートピッカーを使用してグラフタイプを変更する機能](/ja/s/article/360043428653 "カード詳細ビューでカードインタラクションツールを使用する")

エンベッドするカードのサイズは、プリセットサイズを選択するか、カスタムの幅と高さを入力して設定することもできます。

# カードをパブリックエンベッドする

カードのエンベッドオプションにアクセスするには、 <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> **［カードのオプション］** > **［Domo Everywhere］** を選択します。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 300, height: 347}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

カードをエンベッドするモーダルが表示されます。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 577, height: 498}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

下表では、モーダルのコンポーネントについて説明します。

<table border="1" cellpadding="1" cellspacing="1" data-aura-rendered-by="33:206;a"><thead><tr><th colspan="1" rowspan="1"><p> コンポーネント </p></th><th colspan="1" rowspan="1"><p> 説明 </p></th></tr></thead><tbody><tr><td colspan="1" rowspan="1"><p> 表示オプション </p></td><td colspan="1" rowspan="1"><p> エンベッドするカードで特定のカード機能のオンとオフを切り替えます。次の切り替えが可能です。 </p><ul><li><b> ［タイトルを表示］ — </b> カードのタイトルを表示します。 </li><li><b> ［ドリルを許可］ — </b> エンベッドされたカードにドリルオプションを表示し、クリックしたHTMLリンクに移動します。 </li><li><b> ［エクスポートを許可］ — </b> カードをエクスポートする機能を切り替えます。 </li><li><b> ［表ビューを許可］ — </b> エンベッドされたカードを表ビューに表示できます。 </li><li><b> ［まとめ数字を表示］ — </b> カードのまとめ数字を表示します。 </li><li><b> ［フィルターの変更を許可］ — </b> エンベッドされたカードビューでフィルターを変更できます。 </li><li><b> ［チャートピッカーを許可］ — </b> エンベッドされたカードビューでチャートピッカーを有効にします。 </li></ul></td></tr><tr><td colspan="1" rowspan="1"><p> サイズ設定オプション </p></td><td colspan="1" rowspan="1"><p> エンベッドするDomoカードのサイズを設定します。 <br /><br /><b> ［正方形］ </b> （600x600ピクセル）、 <b> ［ポートレート］ </b> （600x900ピクセル）、 <b> ［ランドスケープ］ </b> （900x600ピクセル）の3つのデフォルトサイズを使用できます。 <br /><b> ［カスタム］ </b> オプションで独自の幅と高さを設定することもできます。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> エンベッドのオプション </p></td><td colspan="1" rowspan="1"><p> このカードをプライベートエンベッドするか（デフォルト）、パブリックエンベッドするかを指定します。 </p><p> カードをパブリックにすると、誰でもそのカードとカードに表示されるデータを閲覧できるようになります。また、パブリックカードのニュースフィードとしてこのカードを公開する権限を、Domoに付与することにもなります。 </p><p><b> ［パブリック］ </b> オプションを選択すると、URLが生成されます（ <b> ［リンクをシェア］ </b> の下）。このURLをコピーしてホストサイトに貼り付けることができます。また、5つのソーシャルメディアプラットフォーム（Facebook、Twitter、Google+、LinkedIn、Pinterest）のいずれかを直接開いて、すぐにカードをエンベッドすることもできます。 <a id="embed_card_publicly" target="_blank" /></p></td></tr><tr><td colspan="1" rowspan="1"><p> コードをエンベッド </p></td><td colspan="1" rowspan="1"><p> 自動生成されたHTML文字列が表示されます。これをコピーして、ウェブサイト、ポータル、アプリケーションに貼り付けます。フィールドの横の <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" /><b> コピー </b> を選択して、コードをコピーします。 </p></td></tr></tbody></table>

カードをパブリックエンベッドするには、次の手順を実行します。

1. カードが表示されるダッシュボードまたはカードの詳細ビューに移動します。
2. <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> **［カードのオプション］**

> **［Domo Everywhere］** を選択します。

カードをエンベッドするモーダルが表示されます。
3\. 次の方法でカードサイズを設定します。

* **［デフォルトサイズ］** メニューでエンベッドされたカードのプリセットサイズを選択します。または
* **［カスタム］** を選択して **［幅］** フィールドと **［高さ］** フィールドにサイズをピクセル数で入力します。

4. エンベッドするカードに含めるすべての **［表示オプション］** のボックスをオンにします。

   <Note>
     **注記：** **［表ビューを許可］** と **［フィルターの変更を許可］** は、現在、パブリックエンベッドするカードには使用できません。
   </Note>

5. **［エンベッドのオプション］** リストから **［一般公開］** を選択します。

6. **［パブリックにする］** を選択します。

7. <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> **コピー** を選択して、自動生成されたURLをコピーします。

8. （条件付き）Facebook、Twitter、Google+、LinkedIn、Pinterestの5つのソーシャルメディアプラットフォームにカードをエンベッドする場合は、そのプラットフォームのアイコンを選択し（必要に応じてログインし）、プラットフォームの指示に従ってURLを貼り付けます。それ以外の場合は、ウェブサイトやブログを開いて、必要に応じてURLを貼り付けます。

[このページのトップへ](#intro)

# カードをプライベートエンベッドする

カードをプライベートエンベッドするには、次の手順を実行します。

1. カードが表示されるダッシュボードまたはカードの詳細ビューに移動します。
2. <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> **［カードのオプション］**

> **［Domo Everywhere］** を選択します。

カードをエンベッドするモーダルが表示されます。
3\. 次の方法でカードサイズを設定します。

* **［デフォルトサイズ］** メニューでエンベッドされたカードのプリセットサイズを選択します。または
* **［カスタム］** を選択して **［幅］** フィールドと **［高さ］** フィールドにサイズをピクセル数で入力します。

4. エンベッドするカードに含めるすべての **［表示オプション］** のボックスをオンにします。

5. **［エンベッドのオプション］** リストから **［プライベート］** を選択します。

6. <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> **コピー** を選択して、エンベッドするHTMLをコピーします。

7. カードを表示させるウェブサイト、ポータル、アプリケーションに、このHTMLを貼り付けます。貼り付け方法は、ウェブサイト、ポータル、アプリケーションのどれに貼り付けるかによって異なります。

<Warning>
  **重要：** エンベッドされたコンテンツを閲覧できるよう、カードはユーザーと共有する必要があります。
</Warning>

[このページのトップへ](#intro)

# JavaScript APIを使用してエンベッドされたカードとダッシュボードをフィルターする

エンベッドされたコンテンツのフィルターにJavaScript APIを使用するコード例については、デベロッパードキュメントの「 [Embedded Analytics](https://developer.domo.com/docs/overview/embedded-analytics "https://developer.domo.com/docs/overview/embedded-analytics") [<InlineImage src="/images/kb/ja/img/rte_broken_image.png" />](https://developer.domo.com/docs/embed/embed-2) 」を参照してください。

# パブリックエンベッドしたカードを追跡する

Domoインスタンスでパブリックエンベッドしたすべてのカードは **「管理者設定」** > **［Domo Everywhere］** で追跡できます。エンベッド作成者、現在のエンベッドリンクのステータス（パブリックまたは無効）、パブリックビューの数などの情報を確認できます。このタブを表示するには、「管理者」のセキュリティ権限、またはカードをエンベッドする許可が付与されているカスタマイズされた権限が必要です。

# ページ全体のフィルター

個別にエンベッドされたカードは、Domoダッシュボードよりもフォーマットやレイアウトを柔軟に設定できます。ページ全体のフィルター機能を使うと、Domoダッシュボードのフィルターを [許可ドメイン](#authorized_domains) 内のエンベッドされたカードに使用できます。使用事例に応じたフィルターを作成し、フィルターパラメーターをページ上のエンベッドされたすべてのカードに適用できます。

下の画像には、個々のエンベッドされたカードに **［国］** フィルターが適用され、グリーンランドとギリシャの確認されたCovid-19症例数、現在の感染者数、死亡者数、累積トレンドに関するデータが表示されています。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 848.999, height: 606.996}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

[このページのトップへ](#intro)

### ダッシュボードをエンベッドする

Domoダッシュボードでは、以下のオプションを含めるかどうかを選択できます。

* ダッシュボードのタイトル
* フィルターバーを表示
* 各カードの未加工データのCSVへのエクスポート
* pフィルターパラメーターをあらゆるカスタムインタラクションリンクの最後に自動的に追加する
  [Persistフィルター](https://developer.domo.com/portal/buk5zwk1pvjwh-url-parameters-in-embedded-content#persistence-of-pfilters-across-pages "ed Stories")
* 新しいタブでリンクを開く

<Warning>
  **重要：** サブページを含むダッシュボードをエンベッドする場合、ページの順序はユーザーごとに異なります。ユーザーは、 **［ページを管理］** でページを並べ替えることができます。ダッシュボードが会社のページとして設定されている場合は、サブページの順序をロックできます。
</Warning>

エンベッドするダッシュボードで **［シェア］** > **［ダッシュボードをエンベッド］** を選択して、任意のDomoダッシュボードをエンベッドできます。

<Note>
  **注記：** ダッシュボードのエンベッドでは、カードのエンベッドで使用できるJavaScript APIは使用できず、iFrameのみを使用してエンベッドできます。
</Note>

**［ダッシュボードをエンベッド］** モーダルには、エンベッドするダッシュボードを設定するための表示オプションとコンポーネントが含まれています。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 549, height: 574}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

下表では、このモーダルのコンポーネントの詳細について説明します。

<table border="1" cellpadding="1" cellspacing="1" data-aura-rendered-by="33:206;a"><thead><tr><th colspan="1" rowspan="1"><p> コンポーネント </p></th><th colspan="1" rowspan="1"><p> 説明 </p></th></tr></thead><tbody><tr><td colspan="1" rowspan="1"><p> 表示オプション </p></td><td colspan="1" rowspan="1"><p> エンベッドされたダッシュボードのカードで特定の機能のオンとオフを切り替えます。次のようなトグルがあります。 </p><ul><li><p><b> ［タイトルを表示］ — </b> ダッシュボードのタイトルを切り替えます。iFrameを含むホストページのコンテンツを既にラベル付けしている場合は、タイトルを非表示にすることができます。 </p></li><li><p><b> ［インタラクションとフィルターを許可］ — </b> エンベッドされたダッシュボードカードでインタラクションとフィルターを有効にします。エンベッドされたコンテンツ（通常はパブリックエンベッドのみ）をロックダウンする場合は、このオプションをオフにする必要があります。 <br /> インタラクションには、新しいブラウザータブでカード詳細ビューを開く、指定したウェブページを開く、カードのドリルダウンを有効にする、などが含まれます。ダッシュボードでのインタラクション設定の詳細については、「 <a href="/s/article/360043428433" target="_blank" title="Domoストーリーを作成する"> Domoダッシュボードを作成する </a> 」を参照してください。または、そのデータを変換して列を除外します。 </p></li><li><b> ［フィルターバーを表示］ — </b> ダッシュボードのフィルターバーを切り替えます。 </li><li><p><b> ［エクスポートを許可］ — </b> 各カードの未加工データをCSVフォーマットにエクスポートします（ <b> ［エクスポート］ </b> ボタンは、エンベッドされたダッシュボードのカードにマウスポインターを合わせると表示されます）。 </p></li><li><p><b> ［最大化を許可］ </b><b> — </b> カード詳細ビューのポップアップウィンドウを開きます。これにより、Quick Filterや追加のエクスポートのオプションなどを使用してカードの詳細確認や操作を行うことができます。 </p></li><li><p><b> ［Persistフィルター］ — </b> pフィルターパラメーターをあらゆるカスタムインタラクションリンクの最後に自動的に追加するPersistフィルターを有効にすることで、コンテンツでこのダッシュボードのフィルター周囲のコンテキストが保持されます。詳細については、 <a href="https://developer.domo.com/portal/buk5zwk1pvjwh-url-parameters-in-embedded-content#persistence-of-pfilters-across-pages" target="_self"> デベロッパーポータル <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" /></a> を参照してください。 </p></li><li><p><b> ［新しいタブでリンクを開く］ — </b> ユーザーがカードのリンクをクリックすると、新しいブラウザーウィンドウでリンクが開きます。そうでない場合は、新しいコンテンツはiFrame内で開きます（リンクをクリックできるようにするには、 <b> ［インタラクションとフィルターを許可］ </b> オプションをオンにする必要があります。） </p></li></ul></td></tr><tr><td colspan="1" rowspan="1"><p> サイズ設定オプション </p></td><td colspan="1" rowspan="1"><p> エンベッドされたDomoダッシュボードの幅と高さを設定します。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> エンベッドのオプション </p></td><td colspan="1" rowspan="1"><p> ダッシュボードをプライベートエンベッドするか、パブリックエンベッドするかを指定します（デフォルトのオプションは <b> ［オフ］ </b> です）。カードをパブリックにすると、誰でもコンテンツを閲覧できるようになります。 </p><p><b> ［パブリック］ </b> オプションを選択すると、URLが生成されます（ <b> ［リンクをシェア］ </b> の下）。このURLをコピーしてウェブサイト、ブログ、ソーシャルメディアプラットフォームに貼り付けることができます。パブリックエンベッドのオプションは認証されないため、フィルターをパーソナライズできません。 </p><p><b> ［プライベート］ </b> オプションを選択した場合、エンベッドされたコンテンツを見るには認証が必要になります。プライベートエンベッドのオプションは認証を使用するため、フィルターをPDPまたはプログラムによるフィルターを使用してパーソナライズできます。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> リンクをシェア </p></td><td colspan="1" rowspan="1"><p> エンベッド済みダッシュボードを直接閲覧できます。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> コードをエンベッド </p></td><td colspan="1" rowspan="1"><p> 自動生成されたHTML文字列が表示されます。これをコピーして、ウェブサイト、ポータル、アプリケーションに貼り付けます。HTMLをコピーするには、HTML文字列の右にある <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" /> をクリックします。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> エンベッドID <a id="embed_dashboard_publicly" name="embed_dashboard_publicly" /></p></td><td colspan="1" rowspan="1"><p> プログラムによるフィルターで、HTMLエンベッドコードで使用されます。プログラムによるフィルターの詳細については、 <a href="https://developer.domo.com/portal/1yafxad1u8azv-programmatic-filtering" target="_self"> デベロッパーポータル </a><a href="https://developer.domo.com/portal/buk5zwk1pvjwh-url-parameters-in-embedded-content#persistence-of-pfilters-across-pages" target="_self"><InlineImage src="/images/kb/ja/img/rte_broken_image.png" /></a><a href="https://developer.domo.com/portal/1yafxad1u8azv-programmatic-filtering" target="_self" /> を参照してください。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> DataSetマッピングをエクスポートする </p></td><td colspan="1" rowspan="1"><p> Domoダッシュボードのカードで使用されている元のDataSet IDをすべてリスト化し、Domoプラットフォーム以外で使用できる難読化したデータソースIDにマッピングしたCSVファイルをダウンロードすることができます。 </p></td></tr></tbody></table>

[このページのトップへ](#intro)

# ダッシュボードをパブリックエンベッドする

ダッシュボードをパブリックエンベッドするには、次の手順を実行します。

1. Domoでダッシュボードに移動します。
2. <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> **［シェア］**

> **［ダッシュボードをエンベッド］** に移動します。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 467, height: 471}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

3. エンベッドするダッシュボードに含めるすべての **［表示オプション］** のボックスにチェックを入れます。

4. **［幅］** フィールドと **［高さ］** フィールドにサイズをピクセル数で入力します。

5. **［エンベッドのオプション］** リストから **［パブリック］** を選択します。

6. <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> **コピー** を選択して、自動生成されたURLをコピーします。

7. Domoダッシュボードを表示させるウェブサイト、ポータル、アプリケーションに、エンベッドコードを貼り付けます。貼り付け方法は、ウェブサイト、ポータル、アプリケーションのどれに貼り付けるかによって異なります。

[このページのトップへ](#intro)

# ダッシュボードをプライベートエンベッドする

1. Domoでダッシュボードに移動します。
2. <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> **［シェア］**

> **［ダッシュボードをエンベッド］** に移動します。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 467, height: 488}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

3. エンベッドするダッシュボードに含めるすべての **［表示オプション］** のボックスにチェックを入れます。

4. **［幅］** フィールドと **［高さ］** フィールドにサイズをピクセル数で入力します。

5. **［エンベッドのオプション］** リストから **［プライベート］** を選択します。

6. <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> **［コピー］** を選択して、 **エンベッドコード** をコピーします。

7. ダッシュボードを表示させるウェブサイト、ポータル、アプリケーションに、エンベッドコードを貼り付けます。貼り付け方法は、ウェブサイト、ポータル、アプリケーションのどれに貼り付けるかによって異なります。

**重要：** エンベッドされたコンテンツを閲覧できるよう、ダッシュボードはユーザーと共有する必要があります。

[このページのトップへ](#intro)

# サブページをエンベッドする

ダッシュボードをエンベッドする際は、パブリックでもプライベートでも、ダッシュボードのサブページをエンベッドすることもできます。

### Domoインスタンスをエンベッドする

Domoアカウントのプライマリインスタンスでない限り、Domoインスタンス全体をエンベッドできます。アカウントのプライマリインスタンスとして現在設定されているインスタンスは、デフォルトではインスタンス全体をエンベッドできないように設定されています。

### PDPを使用してプライベートエンベッドを設定する

プライベートエンベッドは、DomoのSSOを利用してDomoプラットフォームでユーザーを認証します。エンベッドされたコンテンツはJavaScript APIまたはiFrameを介してエンドユーザーに提供されます。プライベートエンベッドをPDPと組み合わせて、外部のユーザーを含むエンドユーザーに適切なコンテンツを提供することができます。エンベッドを使用して外部エンドユーザーにコンテンツを提供する場合、次の2つの方法のいずれかが推奨されます。

* ホワイトラベルのサブスクライバーインスタンスからカードをエンベッドする。この場合、エンドユーザーがDomoアプリケーションにアクセスしようとすると、ホワイトラベルのインスタンスのみが表示されます（例：Buzz機能なし）。

  詳細については、「 [コンテンツをサブスクライバーインスタンスに公開する](/ja/s/article/360045120554) 」を参照してください。
* プログラムエンベッドを使用する。プログラムエンベッドを使用するのは、ユーザーがDomoの認証ユーザーではなく、Domoアプリケーションにアクセスできない場合です。つまり、ポータルまたはアプリケーションコードが認証を処理し、ユーザーに対し適切なデータを確実に表示させます。

  詳細については、 [デベロッパーポータル](https://developer.domo.com/portal/1yafxad1u8azv-programmatic-filtering) <InlineImage src="/images/kb/ja/img/rte_broken_image.png" /> を参照してください。

[このページのトップへ](#intro)

# プライベートエンベッドを実装する

PDPを使用してプライベートエンベッドを実装するには、次の手順を実行します。

1. シングルサインオン（SSO）を設定します。詳細については、「
   SAMLを使用したDomoのシングルサインオンの説明と設定 」を参照してください。
2. プライベートエンベッドを有効にします。
3. PDPを設定します。詳細については、「
   [Personalized Data Permission（PDP）](/s/article/360042934614 "PDPポリシーを作成および削除する") 」を参照してください。
4. カードとダッシュボードをエンベッドのために設定します。

   Domo環境でエンベッドのために設定されているすべてのカードとダッシュボードを表示するには、 **「管理者設定」** > **［Domo Everywhere］** > **［エンベッド］** に移動します。
5. ポータルまたはアプリケーションでiFrameまたはJavaScriptコードを使用してカードとダッシュボードをエンベッドします。

<Warning>
  **重要：** エンベッドされたコンテンツを閲覧できるよう、カードとページはユーザーと共有する必要があります。
</Warning>

[このページのトップへ](#intro)

### インプレッショントラッキング

カードをエンベッドした後、 **カンパニー設定** 内の **［利用状況］** ページから新しいカードのロード数またはインプレッション数を追跡できます。

ナビゲーションヘッダーから **［利用状況］** ページにアクセスするには、 **［その他］** > **［管理者］** を選択します。

**［カンパニー設定］** で **［利用状況］** を選択します。

**［利用状況］** ページには複数のタブがあります。 **［インプレッション］** タブに移動すると、エンベッドされたコンテンツに関する情報を確認できます。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 695.994, height: 309.993}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

エンベッドされたコンテンツには、次の4種類があります。

* プライベートカードエンベッド
* プライベートダッシュボードエンベッド
* パブリックカードエンベッド
* パブリックダッシュボードエンベッド

パブリックダッシュボードとプライベートダッシュボードのカウントでは、数値はエンベッドされたダッシュボードにあるカードの新しい読み込みを示しています。個々にエンベッドされたカードのインプレッションはカウントされ、 **プライベートカードエンベッド** または **パブリックカードエンベッド** のインプレッション数として表示されます。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 691.996, height: 406.996}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

インプレッション履歴は、 **［閲覧中］** ドロップダウンを使用して表示できます。

<Frame>
  <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 693.991, height: 395}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
</Frame>

[このページのトップへ](#intro)

### サードパーティアナリティクス

デフォルトでは、Domoはカード、ダッシュボード、読み込み、フィルターなどの操作、使用されたドリルパス、エクスポートなどのコンテンツ操作を追跡します。サードパーティアナリティクス機能を使用すると、デジタルエクスペリエンスを監視し、FullStory、Sprig、HeapなどのDigital Experience Intelligence（DXI）ソリューションを使用して、高度な操作を追跡できます。

# FullStoryトラッキングを有効にする

エンベッドされたコンテンツのFullStoryトラッキングを有効にするには、次の手順を実行します。

1. エンベッドアナリティクス機能を有効にするには、Domoアカウントチームにお問い合わせください。
2. ウェブサイトにFullStoryをインストールするために必要なコードスニペットをチームに送信します。FullStoryアカウントからコードスニペットを取得できます。

   <Frame>
     <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 750, height: 513}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
   </Frame>
3. FullStoryアカウント担当者からCanvas Captureの有効化をリクエストしてください。

[このページのトップへ](#intro)

### よくある質問

<AccordionGroup>
  <Accordion title="「iFrameでDomoの全ての内容を読み込むことはブロックされます」という警告は何を意味しますか？">
    <Frame>
      <img alt="This image is not available because: You don’t have the privileges to see it, or it has been removed from the system" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/_Ljp6rbTQtrUUZqN/images/kb/ja/img/rte_broken_image.png?fit=max&auto=format&n=_Ljp6rbTQtrUUZqN&q=85&s=ac6515900d4b5f1c56e71b88585779e6" style={{width: 526, height: 245}} width="319" height="109" data-path="images/kb/ja/img/rte_broken_image.png" />
    </Frame>

    「iFrameでDomoの全ての内容を読み込む」とは、1枚のカードやダッシュボードだけでなく、Domoプラットフォーム全体をエンベッドすることを指します。これは多くの場合、Domoインスタンスドメイン（ *customer\_name*.domo.domo）をiFrameのsrcとして使用することで実行します。このようにプラットフォーム全体をエンベッドすることは、セキュリティ上の問題のためにここで指定されるドメインに限定されます。

    * ドメインが1つも表示されていない場合は、任意のサイトにコンテンツをエンベッドすることができます。
    * ドメインが1つも表示されていない場合は、エンベッドの使用事例でJS APIを使用しても機能しません。
    * ドメインが表示されている場合は、ほかのドメインにエンベッドされているコンテンツは読み込まれません。
    * ドメインが表示されている場合は、JS APIが機能します。

    [このページのトップへ](#intro)

    ### サポートについて

    エンベッドされたコンテンツに関するサポートが必要な場合は、 [support@domo.com](mailto:support@domo.com) <InlineImage src="/images/kb/ja/img/rte_broken_image-38.png" /> までお問い合わせください。

    * リクエストには次の情報を含めてください。
    * 挙動が発生しているDomo環境
    * 挙動の説明
    * 挙動のスクリーンショット（該当する場合）
    * 挙動を再現するステップ（既知の場合/該当する場合）

    [このページのトップへ](#intro)
  </Accordion>

  <Accordion title="Domo Everywhere Embedの概要（動画）" />

  <Accordion title="Domoカードをエンベッドする（動画）" />

  <Accordion title="Domoのコンテンツをパブリックエンベッドする方法（動画）">
    [このページのトップへ](#intro)

    日本語
  </Accordion>
</AccordionGroup>
