公開されたレポートを埋め込むための iframe の構成

Insights in ArcGIS Online
Insights in ArcGIS Enterprise
Insights desktop

公開された Insights レポートは、<iframe> タグを使用して HTML コードに埋め込むことができます。 インライン フレーム (iframe) を使用すると、HTML ドキュメントを別のドキュメント (ページ) に埋め込むことができます。 iframe の構成方法には、ArcGIS StoryMaps に埋め込むために iframe を最適化する方法と、Web サイトまたは他の ArcGIS アプリに埋め込めるように iframe をカスタマイズする方法の 2 つがあります。

iframe の構成

iframe は、対話形式のレポートを公開する際に生成されます。

iframe を構成するには、次の手順を実行します。

  1. 対話形式のレポートを公開するには、次の手順を実行します。
  2. [レポートが正常に公開されました] ウィンドウの [埋め込み] にある [オプション] ボタンをクリックして、iframe のオプションを表示します。
  3. [ArcGIS StoryMaps] または [カスタム iFrame] を選択します。
  4. [サイズ] で、メニューを開いてサイズを選択します。

    [ArcGIS StoryMaps] の場合、サイズ オプションは [デフォルト][カスタム] です。 [カスタム iFrame] の場合、サイズ オプションは、[小][中][大]、および [カスタム] です。

  5. [コピー] ボタンをクリックして、iframe をコピーします。

iframe は HTML コードまたは iframe の埋め込みをサポートしているアプリにコピーできます。

ArcGIS StoryMaps の iframe

公開されたレポートは、ArcGIS StoryMaps に埋め込むために最適化することができます。

ストーリー ビルダーの [埋め込み] ブロックには、小、中、大の 3 つのサイズ オプションがあります。 ArcGIS StoryMaps 用に最適化された iframe は、ブロックの幅全体に配置されます。 最良の結果を得るために、[埋め込み] ブロックのサイズと Insights レポートの幅を次のように調整します。

埋め込みブロックのサイズInsights レポートの最大幅

デフォルトのサイズで 2 つのカード

デフォルトのサイズで 3 つのカード

デフォルトのサイズで 4 つのカード

Insights レポートのサイズが [埋め込み] ブロックより広い場合は、スクロール バーが表示されます。

ArcGIS StoryMaps の iframe には、次の iframe サイズを使用できます。

サイズ寸法説明

デフォルト

幅 = 100 パーセント

高さ = 100 パーセント

iframe のサイズは、ストーリー ビルダーの [埋め込み] ブロック (小、中、大) のデフォルトの寸法に合わされます。

カスタム

幅 = 100 パーセント

高さ = レポート上のカードの高さ

iframe のサイズは、[埋め込み] ブロック (小、中、大) の幅とレポート上のカードの高さになります。

カスタム iframe の高さは編集可能で、ピクセルとパーセンテージをサポートしています。

カスタム iframe

カスタム iframe は、Web サイトや、ArcGIS Experience BuilderArcGIS DashboardsArcGIS Hub などの ArcGIS 製品を含む、ほとんどの HTML コードに埋め込むことができます。

注意:

Insights のコンテンツを Experience Builder で埋め込むときは、中小型デバイスでの表示を最適化するために、小さい iframe に 1 つのカードを使用することをお勧めします。

カスタム iframe には、次の iframe サイズを使用できます。

サイズ寸法説明

幅 = 420 ピクセル

高さ = 420 ピクセル

デフォルトのサイズで 1 つのマップ、チャート、またはテーブルのサイズ。 レポートが iframe の寸法より大きい場合は、スクロール バーが表示されます。

中央値

幅 = 830 ピクセル

高さ = 830 ピクセル

2 つのカードが 2 行に整理された、デフォルト サイズで 4 つのカードのサイズ。 レポートが iframe の寸法より大きい場合は、スクロール バーが表示されます。

大 (デフォルト)

幅 = 100 パーセント

高さ = 100 パーセント

HTML コード内の iframe 要素のフル サイズ。

カスタム

幅 = レポート上のカードの幅

高さ = レポート上のカードの高さ

スクロール バーなしでレポート全体が表示されるレポート上のカードの寸法 (ピクセル単位)。

カスタム iframe の高さと幅は編集可能で、ピクセルとパーセンテージをサポートしています。

リソース

詳細については、次のリソースをご参照ください。