Erweitertes Einbetten
Beta:
Erweitertes Einbetten befindet sich im Beta-Stadium. Wenn Sie Schwierigkeiten haben oder Probleme mit einer Beta-Funktion auftreten, teilen Sie Ihr Feedback in der Esri Community.
Auch wenn dies unwahrscheinlich ist, können Änderungen an internen ArcGIS StoryMaps-Komponenten Ihren benutzerdefinierten Code beeinträchtigen oder beschädigen. Beschränken Sie Ihre Anpassungen unbedingt auf grundlegende Features und Style-Overrides.
Erweitertes Einbetten steht für Storys, Briefings und Sammlungen zur Verfügung.
Mit der erweiterten Einbettungsfunktion können Webentwickler ein ArcGIS StoryMaps-Element in Ihre Website integrieren und mit einem benutzerdefinierten Link auf Ihrer Webdomäne, z. B. https://www.my-organization.gov/annual-report, freigeben. Außerdem können Sie mit dieser Funktion das Aussehen eines ArcGIS StoryMaps-Elements ändern und benutzerdefinierte Funktionalität mit HTML, CSS und JavaScript anpassen.
Erweitertes Einbetten erfolgt durch <script>-Tags, die es ermöglichen, den Inhalt eines ArcGIS StoryMaps-Elements als Teil der Host-Webseite zu behandeln. Dies bietet mehr Kontrolle über das Styling von Inhalten. Zusätzliche Bildlaufleisten, die bei der Verwendung von Standard-Einbettung mit einem <iframe> vorhanden sein können, entfallen. Der ArcGIS StoryMaps-Anwendungscode wird weiterhin auf den Servern von Esri gehostet und automatisch aktualisiert, sodass Sie stets von den besten und neuesten Sicherheits- und Performance-Verbesserungen profitieren.
Mit erweitertem Einbetten haben Sie die folgenden Möglichkeiten:
Einbetten eines ArcGIS StoryMaps-Elements in eine bestimmte URL auf Ihrer Webdomäne
Integrieren eines ArcGIS StoryMaps-Elements in die globale Navigation Ihrer Website durch Verwendung der standardmäßigen Kopf- und Fußzeile der Website Ihrer Organisation
Vermeidung mehrerer Bildlaufleisten beim Einbetten von ArcGIS StoryMaps-Inhalten in Ihre Website
Verwenden eigener Schriftarten
Anwenden benutzerdefinierter Styles auf Bilder, Hyperlinks, Schaltflächen und andere Inhaltselemente
Hinzufügen benutzerdefinierter Komponenten, z. B. eines Einführungsbildschirms, der beim erstmaligen Laden der Seite anzeigt wird, oder eines erweiterbaren Bereichs, den Leser zum Übermitteln von Fragen oder Kommentaren verwenden können
Erstellen neuer User Experiences, z. B. eines Formulars, in dem der Leser zur Eingabe der Postleitzahl aufgefordert wird, um dann auf einer Karte zu dieser Position zu navigieren
Tracken der Interaktionen der Leser mit Ihrem bevorzugten Analyseservice
Tipp:
Weitere Informationen und Beispiele finden Sie in den ArcGIS StoryMaps-Entwicklerbeispielen auf GitHub.
Aktivieren des erweiterten Einbettens
Um das erweiterte Einbetten zu aktivieren, führen Sie die folgenden Schritte aus:
Klicken Sie im Builder auf die Schaltfläche Mehr ⋯ in der Kopfzeile, und wählen Sie Einstellungen aus.
Klicken Sie auf der Registerkarte Erweitert auf Erweitertes Einbetten aktivieren.
Geben Sie unter Zulässige Domänen den Namen einer Domäne ein, in die Sie das ArcGIS StoryMaps-Element einbetten möchten, z. B.
www.example.com. Geben Sie weder ein Protokoll noch eine Portnummer an.Klicken Sie auf Hinzufügen.
Wiederholen Sie die Schritte bei Bedarf, um weitere Domänen hinzuzufügen.
Veröffentlichen Sie das ArcGIS StoryMaps-Element.
Wichtig
Ein ArcGIS StoryMaps-Element muss für alle freigegeben werden, um es auf einer anderen Webseite einzubetten.
Kopieren des Einbettungscodeausschnitts
Nachdem die erweiterte Einbettungsfunktion aktiviert und das ArcGIS StoryMaps-Element veröffentlicht sowie für alle freigegeben wurde, können Sie den für das Einbetten benötigten Codeausschnitt mit den folgenden Schritten abrufen.
Bearbeiten Sie das ArcGIS StoryMaps-Element.
Klicken Sie auf die Schaltfläche Mehr ⋯ in der Kopfzeile, und wählen Sie Diese Story einbetten aus.
Wählen Sie im Dropdown-Menü die Option Skript (erweitert) aus.
Klicken Sie auf Kopieren.
Der Einbettungscode wird kopiert.
Der Einbettungscode kann auch beim Anzeigen eines veröffentlichten ArcGIS StoryMaps-Elements im Menü Freigeben auf der Registerkarte Einbetten abgerufen werden.
Der Codeausschnitt wird als <script>-Tags ähnlich wie unten abgebildet bereitgestellt. Platzieren Sie das zweite Skript-Tag auf der Seite, auf der das ArcGIS StoryMaps-Element hinzugefügt werden soll.
<script>
window.storyMapsEmbedConfig = {
storyId: '[StoryMapItemID]',
rootNode: '.storymaps-root',
};
</script>
<script src="https://storymaps.arcgis.com/embed/view"></script>