開始する前にステップ 1: ダッシュボードのパブリックアクセスを有効にするステップ 2: ビジュアルもしくはダッシュボードを埋め込むドメインを許可リストに入れるステップ 3: 埋め込みコードを取得するステップ 4: 埋め込みコードを HTML ページ、Wiki ページ、またはポータルに貼り付ける

重要:Amazon QuickSight 分析ワークスペースを再設計しました。コンソールの新しい外観を反映していないスクリーンショットや手順のテキストが表示される場合があります。 QuickSight 現在、スクリーンショットと手順のテキストを更新しています。

機能または項目を検索するには、クイック検索バーを使用します。

QuickSightの新しい外観について詳しくは、「Amazon での新しい分析機能の紹介」を参照してください QuickSight。

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

ワンクリック埋め込みコードを使用してビジュアルかダッシュボードに対するパブリックアクセスを有効にする

適用対象: Enterprise Edition

Amazon でビジュアルまたはダッシュボードを共有したときに取得される埋め込みコードを使用して、ビジュアルまたはダッシュボードを公開サイトに埋め込むことができます。 QuickSight QuickSight コンソールを使用して公開共有を有効にし、共有されたビジュアルやダッシュボードへのアクセス権をインターネット上のすべてのユーザーに自動的に許可することもできます。

以下では、ビジュアルあるいはダッシュボードのパブリック共有を有効にし、それらを、インターネット上の全員が閲覧できるように埋め込む方法について説明します。どちらの場合も、ワンクリック埋め込みコードを使用してこれを行います。

開始する前に

作業を始める前に、以下を確認してください。

ポップアップと共有で使用する iframe との通信を許可するため、インターネットブラウザの設定に以下のいずれかが含まれている。
- Mozilla Broadcast Channel API のネイティブサポート。詳細については、Mozilla ドキュメントで Broadcast Channel API を参照してください。
- IndexedDB のサポート。
- LocalStorage サポート。
インターネットブラウザの「すべての cookie をブロック」設定がオフになっている。

ステップ 1: ダッシュボードのパブリックアクセスを有効にする

インターネット上の全員が、埋め込みのビジュアルやダッシュボードにアクセスできるようにするには、まずダッシュボードのパブリックアクセスを有効にします。ビジュアルのアクセス許可はダッシュボードレベルで決定されます。埋め込みビジュアルに対するアクセス許可を付与するには、そのビジュアルが属するダッシュボードへのアクセスを許可します。詳しくは、「インターネット上の全員に Amazon QuickSight ダッシュボードへのアクセスを許可する」を参照してください。

ステップ 2: ビジュアルもしくはダッシュボードを埋め込むドメインを許可リストに入れる

公開アプリケーション、Wiki、ポータルにビジュアルやダッシュボードを埋め込むには、埋め込むドメインがアカウントの許可リストに含まれていることを確認してください。 QuickSight

ステップ 3: 埋め込みコードを取得する

以下の手順を使用して、ビジュアルもしくはダッシュボードの埋め込み用コードを取得します。

ダッシュボードの埋め込み用コードを取得する

公開されたダッシュボードを開き、右上の QuickSight [共有] を選択します。次に、[Share dashboard] (ダッシュボードの共有) をクリックします。
開いた [Share dashboard] (ダッシュボードの共有) ページで、左上の [Copy embed code] (埋め込みコードをコピー) をクリックします。

以下のような埋め込みコードがクリップボードにコピーされます。この例の URL は、 QuickSight アカウントへのアクセスに使用する URL です。quicksightdomain
```
<iframe
        width="960"
        height="720"
        src="https://quicksightdomain/sn/
            embed/share/accounts/accountid/dashboards/dashboardid">
    </iframe>
```

ビジュアルの埋め込み用コードを取得する

QuickSight 公開されているダッシュボードを開き、埋め込むビジュアルを選択します。次に、ビジュアルの右上隅にあるビジュアルのメニューを開き、[Embed visual] (埋め込みビジュアル) を選択します。
[Embed visual] (埋め込みビジュアル) ペインが開くので、[Copy code] (コードをコピー) を選択します。

以下のような埋め込みコードがクリップボードにコピーされます。この例の URL は、 QuickSight アカウントへのアクセスに使用する URL です。quicksightdomain
```
<iframe
        width="600"
        height="400"
        src="https://quicksightdomain/sn/embed/share/accounts/111122223333/dashboards/DASHBOARDID/sheets/SHEETID>/visuals/VISUALID">
    </iframe>
```

ステップ 4: 埋め込みコードを HTML ページ、Wiki ページ、またはポータルに貼り付ける

以下の手順を使用して、埋め込みコードを HTML ページ、Wiki ページ、またはポータルに貼り付けます。

埋め込みコードを貼り付けるには

ビジュアルもしくはダッシュボードを埋め込む場所の HTML コードを開き、その中に埋め込みコードを貼り付けます。

埋め込まれたダッシュボードでは、この表示は以下の例のようになります。この例の URL は、 QuickSight アカウントへのアクセスに使用する URL です。quicksightdomain


<!DOCTYPE html>
    <html>
    <body>

    <h2>Example.com - Employee Portal</h2>
    <h3>Current shipment stats</h3>
        <iframe
        width="960"
        height="720"
        src="https://quicksightdomain/sn/
            embed/share/accounts/accountid/dashboards/dashboardid">
    </iframe>

    </body>
    </html>

埋め込まれたビジュアルでは、この表示は以下の例のようになります。この例の URL は、 QuickSight アカウントへのアクセスに使用する URL です。quicksightdomain


<!DOCTYPE html>
    <html>
    <body>

    <h2>Example.com - Employee Portal</h2>
    <h3>Current shipment stats</h3>
        <iframe
        width="600"
        height="400"
        src="https://quicksightdomain/sn/embed/share/accounts/111122223333/dashboards/DASHBOARDID/sheets/SHEETID>/visuals/VISUALID">
    </iframe>

    </body>
    </html>

一般向けのアプリケーションを Google サイト上に構築している場合は、Google サイトのページを開いて、埋め込みウィジェットを使用して埋め込みコードを貼り付けます。

Google サイトに埋め込むときは QuickSight 、以下のドメインが許可リストに含まれていることを確認してください。

https://googleusercontent.com (サブドメインをオンにします)
https://www.gstatic.com
https://sites.google.com

アプリケーションにビジュアルかダッシュボードを埋め込むと、そのアプリケーションにアクセスできるすべてのユーザーが、埋め込まれたビジュアルやダッシュボードにもアクセス可能になります。パブリックに共有されているダッシュボードを更新するには、「パブリックに共有されているダッシュボードの更新」を参照してください。パブリック共有をオフにするには、「パブリック共有設定をオフにする」を参照してください。

パブリック共有をオフにすると、パブリックアプリケーションに埋め込んだり、リンクで共有したりしたダッシュボードにインターネットからアクセスできなくなります。次回インターネットからそのようなダッシュボードを表示しようとすると、そのダッシュボードを表示するためのアクセス権がないというメッセージが表示されます。

ブラウザで JavaScript が無効になっているか、使用できません。

AWS ドキュメントを使用するには、JavaScript を有効にする必要があります。手順については、使用するブラウザのヘルプページを参照してください。

ドキュメントの表記規則

ワンクリックエンタープライズ埋め込み

API を使用した埋め込み