# So zeigen Sie den Lieferfortschritt auf dem Sperrbildschirm an Ermöglichen Sie es Kunden, den Kurier vom Zeitpunkt der Bestellung bis zur Lieferung auf dem Sperrbildschirm zu verfolgen. Diese Anleitung erstellt diese Journey mit dem [Live-Aktivität-Element](/de/product/customer-journey/journey-elements/channels/live-activity/). ## Voraussetzungen * Ihre iOS-App unterstützt Live-Aktivitäten. Siehe die [Anleitung zu Live-Aktivitäten im iOS SDK](/de/developer/pushwoosh-sdk/ios-sdk/ios-live-activities/). * Ein Lieferservice-Widget-Schema ist für diese App veröffentlicht. Siehe [Konfiguration der iOS-Live-Aktivität-Schemas](/de/developer/first-steps/connect-messaging-services/ios-configuration/ios-live-activity-schemas-configuration/). ## Erstellen Sie die Events Dies sind Beispiel-Event-Namen für diese Anleitung. Wenn Ihre App oder Ihr Backend zum ersten Mal einen Namen sendet, [erstellt Pushwoosh dieses Event automatisch](/de/product/audience-data-and-segmentation/events/#implementation). Erstellen Sie die Events zuerst im Control Panel, nur wenn Sie die Attributtypen vor dem ersten Senden selbst festlegen möchten. Erstellen (oder wiederverwenden) Sie die Events `OrderPlaced`, `CourierStatusChanged` und `OrderDelivered`. [Erfahren Sie mehr über das Erstellen von Events](/de/product/audience-data-and-segmentation/events/#implementation) ## Erstellen Sie die Journey Öffnen Sie den [Customer Journey Builder](/de/product/customer-journey/pushwoosh-journey-overview/), erstellen Sie eine Kampagne und bauen Sie alles Folgende auf einer einzigen Arbeitsfläche auf. 1. Gehen Sie zu **Kampagnen → Customer Journey Builder**. 2. Klicken Sie auf **Kampagne erstellen**. 3. Klicken Sie auf **Journey von Grund auf neu erstellen**. ### Legen Sie den Einstiegspunkt fest 1. Fügen Sie ein **Trigger-basiertes Einstiegselement** zur Arbeitsfläche hinzu. 2. Setzen Sie es auf `OrderPlaced`. ![Bedienfeld für den Trigger-basierten Einstieg mit EVENT auf OrderPlaced gesetzt](/live-activity-how-to-track-deliveries-with-live-activity-3.webp) ### Starten Sie die Bestellkarte 1. Fügen Sie nach dem Einstiegspunkt ein **Live-Aktivität**-Element hinzu. 2. Nennen Sie es `Order card start`. 3. Setzen Sie **Aktion** auf **Starten**. 4. Wählen Sie das Liefer-**Widget** und die **Schema-Version** aus. ![Start der Bestellkarte mit Aktion auf Starten gesetzt und Liefer-Widget sowie Schema-Version ausgewählt](/live-activity-how-to-track-deliveries-with-live-activity-1.webp) 5. Setzen Sie **Kartenschlüssel: Event** auf `OrderPlaced`. ![Kartenschlüssel: Event auf OrderPlaced gesetzt](/live-activity-how-to-track-deliveries-with-live-activity-4.webp) 6. Füllen Sie den **Karteninhalt** (`courierName`, `eta`, `distanceMeters`) und die Benachrichtigungsfelder aus. ![Felder für Karteninhalt courierName, eta und distanceMeters ausgefüllt, mit Benachrichtigungsfeldern darunter](/live-activity-how-to-track-deliveries-with-live-activity-5.webp) 7. Klicken Sie auf **Anwenden**. ### Warten und die Karte aktualisieren Fahren Sie auf derselben Arbeitsfläche nach dem Start-Element fort. 1. Fügen Sie ein **Auf Trigger warten**-Element hinzu. 2. Warten Sie auf `CourierStatusChanged`. 3. Legen Sie eine Wartezeit fest, die zu Ihren Lieferaktualisierungen passt. ![Auf Trigger warten auf CourierStatusChanged gesetzt mit einer Wartezeit](/live-activity-how-to-track-deliveries-with-live-activity-6.webp) 4. Fügen Sie auf dem Zweig, der ausgelöst wird, wenn das Event eintritt, ein **Live-Aktivität**-Element hinzu. 5. Nennen Sie es `Order card update`. 6. Setzen Sie **Aktion** auf **Aktualisieren**. 7. Wählen Sie dasselbe **Widget** und dieselbe **Schema-Version**. ![Aktualisierung der Bestellkarte mit Aktion auf Aktualisieren gesetzt und demselben Widget sowie Schema-Version ausgewählt](/live-activity-how-to-track-deliveries-with-live-activity-7.webp) 8. Wählen Sie `Order card start` in **Karte erstellt von** aus. ![Karte erstellt von auf Order card start im Aktualisierungselement gesetzt](/live-activity-how-to-track-deliveries-with-live-activity-8.webp) 9. Aktualisieren Sie den **Karteninhalt**. ![Felder für Karteninhalt im Element zur Aktualisierung der Bestellkarte aktualisiert](/live-activity-how-to-track-deliveries-with-live-activity-9.webp) 10. Klicken Sie auf **Anwenden**. ### Warten und die Karte beenden Fahren Sie auf derselben Arbeitsfläche nach dem Aktualisierungselement fort. 1. Fügen Sie ein weiteres **Auf Trigger warten**-Element hinzu. 2. Warten Sie auf `OrderDelivered`. ![Auf Trigger warten auf OrderDelivered gesetzt](/live-activity-how-to-track-deliveries-with-live-activity-10.webp) 3. Fügen Sie auf dem Zweig, der ausgelöst wird, wenn das Event eintritt, ein **Live-Aktivität**-Element hinzu. 4. Nennen Sie es `Order card end`. 5. Setzen Sie **Aktion** auf **Beenden**. 6. Wählen Sie dasselbe **Widget** und dieselbe **Schema-Version**. 7. Wählen Sie `Order card start` in **Karte erstellt von** aus. ![Ende der Bestellkarte mit Aktion auf Beenden gesetzt, demselben Widget und Schema-Version ausgewählt und Karte erstellt von auf Order card start gesetzt](/live-activity-how-to-track-deliveries-with-live-activity-11.webp) 8. Legen Sie bei Bedarf eine Benachrichtigung und **Verwerfen nach, min** fest. ![Benachrichtigungsfelder und Verwerfen nach, min im Element zum Beenden der Bestellkarte](/live-activity-how-to-track-deliveries-with-live-activity-12.webp) 9. Klicken Sie auf **Anwenden**. ![Vollständige Liefer-Journey auf der Arbeitsfläche mit Einstieg, Start, Auf Trigger warten, Aktualisieren, Auf Trigger warten und Ende](/live-activity-how-to-track-deliveries-with-live-activity-13.webp) ## Was der Kunde sieht Auf dem Sperrbildschirm erhält der Kunde eine Live-Aktivität-Karte, die sich mit dem Fortschritt der Lieferung ändert. Zum Beispiel: Kurier `Alex M.`, voraussichtliche Ankunftszeit `18:30`, Entfernung `1200` Meter. ![Live-Aktivität-Karte auf dem Sperrbildschirm nach der Bestellung, die den Kurier Alex M., die voraussichtliche Ankunftszeit 18:30 und die Entfernung 1200 Meter anzeigt](/live-activity-how-to-track-deliveries-with-live-activity-14.webp) Dieselbe Karte wird aktualisiert, zum Beispiel Kurier `Alex M.`, voraussichtliche Ankunftszeit `18:15`, Entfernung `400` Meter. ![Live-Aktivität-Karte auf dem Sperrbildschirm nach einer Kurier-Aktualisierung, die die voraussichtliche Ankunftszeit 18:15 und die Entfernung 400 Meter anzeigt](/live-activity-how-to-track-deliveries-with-live-activity-15.webp) Die Karte schließt sich und verlässt den Sperrbildschirm.