Journeys auf deiner Website einbinden

Mit dem Einbettungskonfigurator kannst du konfigurieren, wie eine 360 Journey auf deiner Website eingebettet werden soll. Der nachfolgende Artikel enthält genauere Informationen zu unterschiedlichen Einbettungsarten. 

Mehr Informationen über die technischen Details und Anpassungsmöglichkeiten im Einbettungskonfigurator findest du in unserem DEV-Guide. Hier kannst du dich auch über die Einbindung von mehreren Journeys auf deiner Website informieren. 

Der Artikel beinhaltet folgende Abschnitte:

 

Journey-Einbettung konfigurieren 

Gehe folgendermaßen vor, um zum Einbettungskonfigurator zu gelangen: 

  1. Erstelle oder editiere eine 360 Journey.
  2. Klicke auf die Option Speichern und Einbettung konfigurieren

Bildschirmfoto 2023-08-21 um 14.47.18.png

 

Hinweis: Sofern du bereits eine Journey in deine Website implementiert hast und diese durch eine andere Journey ersetzen möchtest, ersetze den gesamten Code der integrierten Journey durch den Code der neuen Journey aus dem Einbettungskonfigurator, um technische Fehler bei der Anzeige und Funktionsweise zu vermeiden. 

 

Aufbau des Einbettungskonfigurators

Auf der rechten Seite kannst du zwischen den beiden verfügbaren Einbettungsarten der Journey wählen: Vollbildschirm und Inline.

Auf der linken Seite siehst du eine Vorschau der ausgewählten Einbettungsart. Die Journey wird in Originalgröße zum responsiven Kontext der Website dargestellt. So stellen wir sicher, dass die Journey auf mobilen Endgeräten ideal dargestellt wird. 

Bildschirmfoto 2023-08-21 um 14.49.29.png

 

Vollbildschirm

Bei der Einbettungsart Vollbildschirm wird die Journey über einen Button auf deiner Website platziert. Klickt der Website-Nutzer auf diesen Button, öffnet sich die Journey im Vollbild-Modus über deiner Website.

Hinweis: Der Website-Nutzer verlässt den Kontext der Website nicht. Die Journey wird als sogenanntes fullscreen overlay geöffnet und die URL der Website bleibt gleich. Beim Schließen der Journey kehrt der Website-Nutzer zurück zur Website.

Du hast die Möglichkeit, den Text des Buttons, die Sprache der Journey (Standard: Deutsch) sowie dessen Ausrichtung (Links, Mittig oder Rechts) in unserem Einbettungskonfigurator eigenständig zu definieren. Zudem kannst du festlegen, ob beim Navigieren durch die Journey nach oben gescrollt werden kann oder nicht. 

 

Bildschirmfoto 2023-08-21 um 14.56.20.png

 

Inline

Mit der Einbettungsart Inline kannst du die Journey als Teil der Website im Fenstermodus darstellen.

Innerhalb des Einbettungskonfigurators kannst du auch hier die Sprache der Journey auswählen (Standard: Deutsch) und unterschiedliche Breiten definieren. Wähle zwischen 50 %, 80 % und 100 %. Zudem hast du die Möglichkeit, die Kopfleiste der Journey mit Logo ein- oder auszublenden und zu bestimmen, ob beim Navigieren durch die Journey nach oben gescrollt werden kann oder nicht.

 

Bildschirmfoto 2023-08-21 um 14.59.52.png

 

Beispiel: Einbettung einer Journey als Vollbildschirm

Du bist an der Einbettungsart Vollbildschirm interessiert und möchtest dir anschauen, wie dies auf deiner Website aussehen könnte. 

  1. Wähle hierzu die Einbettungsart Vollbildschirm aus.
  2. Lege die Bezeichnung des Buttons fest, der auf deiner Website angezeigt werden soll.
  3. Wähle aus, wie der Button ausgerichtet sein soll (links, mittig oder rechts).
  4. Klicke in der Vorschau auf den Button, um das Verhalten der Journey mit der Einbettungsart Vollbildschirm zu prüfen.
  5. Speichere deine Einstellungen und kopiere damit den Einbettungscode in die Zwischenablage.
  6. Füge den Einbettungscode an die gewünschte Stelle deiner Website ein.
Hinweis: Um eine korrekte Anzeige der Journey sicherzustellen, kannst du die komplette Journey in der Vorschau im Einbettungskonfigurator selbst durchlaufen. 
War dieser Beitrag hilfreich?
0 von 0 fanden dies hilfreich

Kommentare

0 Kommentare

Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.

Beiträge in diesem Abschnitt