共有された Insights ページは、<iframe> タグを使用して HTML コードに埋め込むことができます。 インライン フレーム (iframe) を使用すると、HTML ドキュメントを別のドキュメント (ページ) に埋め込むことができます。 iframe の構成方法には、ArcGIS StoryMaps に埋め込むために iframe を最適化する方法と、Web サイトまたは他の ArcGIS アプリに埋め込めるように iframe をカスタマイズする方法の 2 つがあります。
iframe の構成
iframe は、ページを共有するときに生成されます。
iframe を構成するには、次の手順を実行します。
- ページを共有するには、次の手順に従います。
- [ページの共有に成功しました] ウィンドウで、[埋め込み] の下にある [オプション] ボタンをクリックして、iframe のオプションを表示します。 [ArcGIS StoryMaps] または [カスタム iFrame] を選択します。
- [サイズ] で、メニューを開いてサイズを選択します。
[ArcGIS StoryMaps] の場合、サイズ オプションは [デフォルト] と [カスタム] です。 [カスタム iFrame] の場合、サイズ オプションは、[小]、[中]、[大]、および [カスタム] です。
- [コピー] ボタンをクリックして、iframe をコピーします。
iframe は HTML コードまたは iframe の埋め込みをサポートしているアプリにコピーできます。
ArcGIS StoryMaps の iframe
共有ページは、StoryMaps に埋め込むために最適化することができます。
ストーリー ビルダーの [埋め込み] ブロックには、小、中、大の 3 つのサイズ オプションがあります。 StoryMaps 用に最適化された iframe は、ブロックの幅全体に配置されます。 最良の結果を得るために、[埋め込み] ブロックのサイズと Insights ページの幅を次のように調整します。
| 埋め込みブロックのサイズ | Insights ページの最大幅 |
|---|---|
小 | デフォルトのサイズで 2 つのカード |
中 | デフォルトのサイズで 3 つのカード |
大 | デフォルトのサイズで 4 つのカード |
Insights ページのサイズが [埋め込み] ブロックより広い場合、スクロール バーが表示されます。
ArcGIS StoryMaps の iframe には、次の iframe サイズを使用できます。
| サイズ | ディメンション | 説明 |
|---|---|---|
デフォルト | 幅 = 100 パーセント 高さ = 100 パーセント | iframe のサイズは、ストーリー ビルダーの [埋め込み] ブロック (小、中、大) のデフォルトの寸法に合わされます。 |
カスタム | 幅 = 100 パーセント 高さ = ページ上のカードの高さ | iframe のサイズは、[埋め込み] ブロック (小、中、大) の幅と Insights ページ上のカードの高さになります。 カスタム iframe の高さは編集可能で、ピクセルとパーセンテージをサポートしています。 |
カスタム iframe
カスタム iframe は、Web サイトや、ArcGIS Experience Builder、ArcGIS Dashboards、ArcGIS 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 の高さと幅は編集可能で、ピクセルとパーセンテージをサポートしています。 |
リソース
ArcGIS アプリへの iframe の埋め込みに関する詳細については、次のリソースをご利用ください。
- ArcGIS Hub の「ビデオ、ソーシャル メディア、iframe の埋め込み」
- ArcGIS Experience Builder の「埋め込みウィジェット」
- ArcGIS StoryMaps の「メディアの追加」
- Insights iframe ガイド
- ArcGIS Dashboards の「リッチ テキスト」