Einbetten von Videos, Social Media und Iframes

Geben Sie Videos aus den sozialen Netzwerken Facebook, Vimeo und YouTube frei, und betten Sie Iframes auf Ihren Sites oder Seiten ein.

Die Mitglieder einer Initiative oder Site können sich im ersten Schritt bei ArcGIS Hub anmelden und sich eine Liste der Sites anzeigen lassen, indem sie auf der Seite Überblick die Option Sites auswählen. Wenn Ihre Organisation eine Lizenz für ArcGIS Hub Premium besitzt, werden die Initiativen-Sites auf der Seite Übersicht unter Initiativen aufgeführt.

Tipp:

Sie können eine Site auch bearbeiten, während sie in einem Browser angezeigt wird. Vergewissern Sie sich, dass Sie bei ArcGIS Hub angemeldet sind, und suchen Sie nach der Schaltfläche "Bearbeiten" links auf der Site.

Anzeigen von Videos

Fügen Sie Video-Kacheln hinzu, um YouTube-, Vimeo- oder Facebook-Videos einzubetten.

  1. Ziehen Sie eine Video-Kachel auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf die Kachel, und wählen Sie die Schaltfläche "Bearbeiten" Bearbeiten aus, um in den Bearbeitungsmodus zu wechseln.
  3. Fügen Sie eine Video-URL von Facebook, Vimeo oder YouTube in das Feld Video-URL ein.
  4. Abhängig von der Videoquelle werden zusätzliche Optionen angezeigt, die die Konfiguration der Videoanzeige ermöglichen:
    • Wählen Sie für Facebook-Videos Beitragstext anzeigen aus, um die Anzahl der Klicks auf "Gefällt mir" und "Teilen", Kommentare und anderen zugehörigen Text anzuzeigen. Wählen Sie Untertitel immer anzeigen aus, um Videos mit Untertiteln wiederzugeben.
    • Wählen Sie bei Vimeo-Videos Videotitel anzeigen, Videobesitzer anzeigen, Miniaturansicht des Videobesitzers anzeigen und Video als Endlosschleife anzeigen aus.
    • Wählen Sie bei YouTube-Videos YouTube-Branding anzeigen YouTube und Video als Endlosschleife anzeigen aus.
  5. Wählen Sie die Schaltfläche "Kopieren" neben Video-URL aus, um den Link zur Zwischenablage zu speichern, damit Sie ihn an einer anderen Stelle in der App erneut verwenden können.
  6. Wählen Sie Speichern aus.

Freigeben eines einzelnen Facebook-Beitrags

Zeigen Sie einen einzelnen Beitrag an, um eine bestimmte Sache hervorzuheben.

  1. Ziehen Sie eine Social-Media-Kachel auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf die Kachel, und wählen Sie die Schaltfläche "Bearbeiten" Bearbeiten aus, um in den Bearbeitungsmodus zu wechseln.
  3. Fügen Sie eine URL für einen öffentlich freigegebenen Facebook-Beitrag in das Feld URL zu Social-Media-Beitrag ein. Um die richtige URL zu kopieren, wählen Sie den Zeitstempel des Beitrags (Datum oder Uhrzeit links oben im Beitrag) aus, und kopieren Sie die neue URL im Browser. Kehren Sie dann zur Bearbeitung der Site zurück.
  4. Wählen Sie optional die Umschaltfläche für Beitragstext anzeigen aus, um mit dem Beitrag verknüpften Text anzuzeigen.
  5. Wählen Sie Speichern aus.

Anzeigen einer Facebook- oder Twitter-Chronik

Für detaillierte Informationen können Sie eine Facebook-Chronik, -Events oder -Nachrichten anzeigen.

  1. Ziehen Sie eine Social-Media-Kachel auf eine vorhandene Zeile.
  2. Klicken Sie auf eine beliebige Stelle innerhalb der Kachel, um zum Bearbeitungsmodus zu wechseln.
  3. Fügen Sie eine URL für eine öffentlich freigegebene Facebook-Seite in das Feld URL zu Social-Media-Beitrag ein.
  4. Aktivieren Sie optional eine beliebige Kombination der folgenden Optionen über die Umschaltfläche:
    • Bei Zeitachse wird eine Zeitachse unter der Seitenüberschrift angezeigt. Wählen Sie diese Option aus, wenn Sie die Zeitachse gemeinsam mit Events oder Nachrichten freigeben möchten.
    • Unter Ereignisse wird eine Listenansicht der Event-Ansichten der Seite aufgeführt.

    Bei Verwendung der Social-Media-Kachel kann es zu einem unerwarteten Ergebnis beim Feed der Facebook-Events kommen. Weitere Informationen hierzu finden Sie im Artikel Social media cards and Facebook events issue.

    • Unter Nachrichten können Benutzer eine Nachricht eingeben und mit dem Facebook Messenger an den Administrator der Facebook-Seite senden.
    • Durch Große Kopfzeile verwenden wird die Größe der Seitenkopfzeile erhöht und die Schaltfläche Nachricht senden hinzugefügt, die Benutzer zum Facebook Messenger weiterleitet.
    • Mit Titelbild anzeigen wird das Titelbild der Seite angezeigt.
  5. Wählen Sie Speichern aus.

Einbetten von Inhalten über eine Iframe-Kachel

Sie können eine Iframe-Kachel verwenden, um externe Ressourcen wie Apps, Webkarten oder Dashboards über die URL einzubetten.

Tipp:

Iframes eignen sich am besten für die Anzeige von Dashboards und Infografiken. Für andere Elemente wie Experience Builder-Web-Apps, Insights-Seiten, Webkarten, Surveys und Story Maps sollten Sie eine Galerie-Kachel, Webkarten-Kachel, Anwendungs-Kachel oder Survey-Kachel verwenden.

Sie sollten nicht mehr als zwei Iframe-Instanzen verwenden. Zu viele Iframes auf einer Site oder Seite können dazu führen, dass die Performance bei der mobilen Ansicht beeinträchtigt wird. Ob Sie nun Iframes oder Kacheln verwenden, Sie sollten sich für die Anzeige von maximal zwei Schlüsselelementen entscheiden, um das Design klar und leicht erfassbar zu halten. Für die verbleibenden Elemente sollten Sie eine Galerie-Kachel verwenden.

  1. Fügen Sie einer vorhandenen Zeile eine Iframe-Kachel hinzu.
  2. Geben Sie die URL und die Höhe des Iframe an. Betten Sie keinen Iframe-Code von einer anderen Website ein. Fügen Sie lediglich die URL ein, die Sie einbetten möchten. Die Domäne "esri.com" wird nicht unterstützt.

    Hinweis:
    Um sicherzustellen, dass die Inhalte selbst bei einem Fehler mit der primären URL auf kleineren Geräten dargestellt werden, können Sie im Feld URL für mobile App überschreiben eine sekundäre URL angeben.

  3. Fügen Sie dem Iframe einen Titel hinzu.
  4. Aktivieren Sie den Bildlauf mit der Option Auto.

    Tipp:
    Die Bildlaufoption ist nicht immer für mobile Geräte geeignet, da der Benutzer den Bildlauf unter Umständen nicht über die Anwendung hinaus fortsetzen kann. Überprüfen Sie auf einem mobilen Gerät die Benutzerfreundlichkeit von Iframes mit Bildlauf, bevor Sie die Änderungen übernehmen.

  5. Klicken Sie auf Übernehmen.

    Hinweis:

    Iframe-URLs mit HTTP werden nicht im Bearbeitungsmodus angezeigt, da dieser HTTPS verwendet. Speichern Sie Ihre Site, und zeigen Sie diese an, um den Iframe zu betrachten.

  6. Wählen Sie Speichern aus.