Facebook、Vimeo、YouTube のソーシャル メディアからビデオを共有し、iframe をサイトやページに埋め込みます。
操作を開始するには、Portal for ArcGIS にサイン インし、[概要] ページの [サイト] をクリックしてサイトのリストを表示します。
ヒント:
サイトをブラウザーで表示しているときに編集することもできます。 サイン インしていて、サイトの左側に編集ボタンが表示されていることを確認してください。
ビデオの表示
ビデオ カードを追加して、YouTube、Vimeo、または Facebook ビデオを埋め込みます。
- [メディア] カードを既存の行にドラッグします。
- カードにポインターを合わせて、設定ボタンをクリックし、編集モードに切り替えます。
- [ビデオの URL] フィールドに、Facebook、Vimeo、または YouTube のビデオの URL を貼り付けます。
- ビデオ ソースに応じて、ビデオ ディスプレイを構成できる追加のオプションが表示されます。
- Facebook ビデオの場合、[ポスト テキストの表示] を選択すると、「いいね!」、「コメント」、「シェア」の数、およびその他の関連テキストが表示されます。 ビデオ キャプションを表示するには、[キャプションを常に表示] を選択します。
- Vimeo ビデオの場合、[ビデオ タイトルの表示]、[ビデオ所有者の表示]、[ビデオ所有者のサムネイルの表示]、および [ビデオのループ再生] を選択します。
- YouTube ビデオの場合、[YouTube ブランドの表示] および [ビデオのループ再生] を選択します。
- [ビデオの URL] の横にあるコピー ボタンをクリックしてリンクをクリップボードに保存すると、アプリの他の場所で再利用できます。
- [保存] をクリックします。
1 つの Facebook 投稿の共有
1 つの投稿を表示して、特定の投稿をハイライト表示できます。
- [ソーシャル メディア] カードを既存の行にドラッグします。
- カードにポインターを合わせて、設定ボタンをクリックし、編集モードに切り替えます。
- [ソーシャル メディア投稿の URL] フィールドに、パブリックに共有されている Facebook の投稿の URL を貼り付けます。 正しい URL をコピーするには、投稿のタイム スタンプ (投稿の左上隅の日付または時刻) をクリックしてから、サイトの編集に戻る前にブラウザーで新しい URL をコピーします。
- 必要に応じて、[ポスト テキストを表示] 切り替えボタンをクリックして、投稿に関連付けられているテキストを表示します。
- [保存] をクリックします。
Facebook または Twitter タイムラインの表示
Facebook のタイムライン、イベント、およびメッセージを表示することで、詳細に内容を確認できます。
- [ソーシャル メディア] カードを既存の行にドラッグします。
- カードにポインターを合わせて、設定ボタンをクリックし、編集モードに切り替えます。
- [ソーシャル メディア投稿の URL] フィールドに、パブリックに共有されている Facebook ページの URL を貼り付けます。
- 必要に応じて、切り替えボタンをクリックし、次のオプションの組み合わせをオンにすることができます。
- [タイムライン] では、ページのヘッダーの下にタイムラインが表示されます。 タイムラインをイベントやメッセージとともに共有する場合は、このオプションをクリックします。
- [イベント] には、ページのイベント ビューのリスト ビューが表示されます。
- [メッセージ] では、Facebook Messenger を使用して Facebook ページの管理者にメッセージを入力および送信できます。
- [大きいヘッダーを使用] をクリックすると、ページのヘッダーのサイズが大きくなり、ユーザーを Facebook Messenger にリンクする [メッセージの送信] ボタンが追加されます。
- [カバー写真の表示] をクリックすると、ページのカバー写真が表示されます。
- [保存] をクリックします。
iframe カードを使用したコンテンツの埋め込み
iframe カードを使用すると、アプリ、Web マップ、ダッシュボードなどの外部リソースをその URL を使用して埋め込むことができます。
ヒント:
Iframes は、ダッシュボードとインフォグラフィックスを表示する場合に最適です。 Experience Builder Web アプリ、Insights ページ、Web マップ、ストーリー マップなどの他のアイテムについては、ギャラリー カード、Web マップ カード、またはアプリケーション カードの使用をご検討ください。
iframes を使用する場合は、インスタンス数を 2 以下に制限することを検討してください。 1 つのサイトまたはページに使用する iframes が多すぎると、モバイル ビューでのパフォーマンスが低下する可能性があります。 iframe と別のカードのどちらを使用していても、表示する主要なアイテムを 2 個以下にすると、より明確でアクセスしやすいデザインを作成できます。 残りのアイテムについては、ギャラリー カードを使用してみてください。
- [iframe] カードを既存の行に追加します。
- iframe の URL と iframe の高さを指定します。 別の Web サイトの iframe コードを埋め込まないでください。埋め込みたい URL のみを貼り付けます。 esri.com ドメインはサポートされていません。
注意:
小さなデバイスでプライマリ URL がエラーになった場合でもコンテンツがレンダリングされるようにするには、[モバイル URL のオーバーライド] フィールドを使用してセカンダリ URL を指定します。 - iframe にタイトルを追加します。
- [自動] をオンにしてスクロールを有効にします。
ヒント:
モバイル デバイスでは、スクロールが常に適切であるとは限りません。これは、アプリケーションを通過できない可能性があるためです。 変更をコミットする前に、モバイル デバイスでスクロール可能な iframe の操作性を確認してください。 - [適用] をクリックします。
注意:
HTTP を使った URL は、HTTPS を使っている編集モードでは表示されません。 サイトを保存し表示して、iframe を観察します。
- [保存] をクリックします。