Einrichten des Journey Optimizer-Webkanals mit Web SDK
Erfahren Sie, wie Sie den Adobe Journey Optimizer Webkanal) Adobe Experience Platform Web SDK implementieren. In dieser Lektion werden die grundlegenden Voraussetzungen für den Web-Kanal, detaillierte Schritte für die Konfiguration und ein tiefer Einblick in einen Anwendungsfall mit Schwerpunkt auf dem Treuestatus behandelt.
In dieser Lektion können Journey Optimizer-Benutzer den Web-Kanal für die erweiterte Online-Personalisierung mit dem Journey Optimizer-Web-Designer verwenden.
Lernziele
Am Ende dieser Lektion können Sie:
- Machen Sie sich mit der Funktion und Bedeutung von Web SDK bei der Bereitstellung des Web-Kanalerlebnisses vertraut.
- Verstehen Sie den Prozess der Erstellung einer Web-Kanal-Kampagne von Anfang bis Ende unter Verwendung des Beispiels für den Anwendungsfall „Luma-Treueprämien“.
- Konfigurieren Sie Kampagneneigenschaften, Aktionen und Zeitpläne in der Benutzeroberfläche.
- Machen Sie sich mit der Funktionalität und den Vorteilen der Adobe Experience Cloud Visual Editing Helper-Erweiterung vertraut.
- Erfahren Sie, wie Sie Web-Seiteninhalte, einschließlich Bilder, Kopfzeilen und anderer Elemente, mit dem Web-Designer bearbeiten.
- Erfahren Sie, wie Sie mithilfe der Komponente Angebotsentscheidung Angebote in eine Web-Seite einfügen können.
- Machen Sie sich mit den Best Practices vertraut, um die Qualität und den Erfolg einer Web-Kanal-Kampagne sicherzustellen.
Voraussetzungen
Um die Lektionen in diesem Abschnitt abzuschließen, müssen Sie zunächst:
-
Schließen Sie alle Lektionen für die Erstkonfiguration von Platform Web SDK ab, einschließlich der Einrichtung von Datenelementen und Regeln.
-
Stellen Sie sicher, dass Ihre Adobe Experience Platform Web SDK Tags-Erweiterungsversion 2.16 oder höher ist.
-
Schließen Sie die Lektion Einrichten von Experience Platform ab, einschließlich der Übung zum Erstellen der
Luma Loyalty Rewards – Gold StatusZielgruppe. -
hat die Browser-Erweiterung Adobe Experience Cloud Visual Editing Helper heruntergeladen und .
-
Wenn Sie den Journey Optimizer-Web-Designer zum Erstellen Ihres Web-Kanal-Erlebnisses verwenden, stellen Sie sicher, dass Sie entweder den Google Chrome- oder den Microsoft® Edge-Browser verwenden.
-
Stellen Sie sicher, dass Drittanbieter-Cookies in Ihrem Browser zulässig sind. Möglicherweise müssen Sie auch alle Anzeigenblocker in Ihrem Browser deaktivieren.
note caution CAUTION Im Journey Optimizer-Web-Designer können bestimmte Websites aus einem der folgenden Gründe nicht zuverlässig geöffnet werden: - Die Website verfügt über strenge Sicherheitsrichtlinien.
- Die Website ist in einen iframe eingebettet.
- Die QA- oder Staging-Site des Kunden ist nicht von außen zugänglich (es handelt sich um eine interne Site).
-
Beim Erstellen von Web-Erlebnissen und Einschließen von Inhalten aus der Adobe Experience Manager Assets Essentials-Bibliothek ist es erforderlich, die Subdomain zum Veröffentlichen dieses Inhalts zu konfigurieren.
-
Wenn Sie die Funktion für Inhaltsexperimente verwenden, stellen Sie sicher, dass Ihr Web-Datensatz auch in Ihrer Berichtskonfiguration enthalten ist.
-
Derzeit werden zwei Arten von Implementierungen unterstützt, um die Erstellung und Bereitstellung von Web-Kanal-Kampagnen in Ihren Web-Eigenschaften zu ermöglichen:
- Nur Client-seitig: Um Ihre Website zu ändern, müssen Sie die Adobe Experience Platform Web SDK implementieren.
- Hybridmodus: Sie können die Platform Edge Network Server-API verwenden, um eine Personalisierung Server-seitig anzufordern. Die Antwort der API wird dann zur Client-seitigen Rendering-Änderung an die Adobe Experience Platform Web SDK übermittelt. Weitere Informationen finden Sie in der Dokumentation zur Adobe Experience Platform Edge Network-Server-API . Weitere Details und Implementierungsbeispiele für den Hybridmodus finden Sie in diesem Blogpost .
note note NOTE Die Implementierung nur auf Server-Seite wird derzeit nicht unterstützt.
Terminologie
Zunächst sollten Sie die in Web-Kanal-Kampagnen verwendete Terminologie verstehen.
- Web-Kanal: Ein Medium für die Kommunikation oder die Bereitstellung von Inhalten über das Web. Im Kontext dieses Handbuchs bezieht es sich auf den Mechanismus, mit dem personalisierte Inhalte für Website-Besuchende mithilfe der Platform Web SDK in Adobe Journey Optimizer bereitgestellt werden.
- Web-Oberfläche: Bezieht sich auf eine Web-Eigenschaft, die durch eine URL identifiziert wird, über die Inhalte bereitgestellt werden. Es kann eine einzelne oder mehrere Web-Seiten umfassen.
- Journey Optimizer-Web-Designer: Ein bestimmtes Tool oder eine bestimmte Benutzeroberfläche innerhalb der Journey Optimizer, mit dem bzw. der Benutzende ihre Web-Kanal-Erlebnisse entwerfen können.
- Adobe Experience Cloud Visual Editing Helper: Eine Browser-Erweiterung, die bei der visuellen Bearbeitung und Gestaltung von Web-Kanal-Erlebnissen hilft.
- Datenstrom: Eine Konfiguration innerhalb des Adobe Experience Platform-Service, die sicherstellt, dass Web-Kanalerlebnisse bereitgestellt werden können.
- Zusammenführungsrichtlinie: Eine Konfiguration, die die genaue Aktivierung und Veröffentlichung eingehender Kampagnen sicherstellt.
- Audience: Ein bestimmtes Segment von Benutzern oder Website-Besuchern, die bestimmte Kriterien erfüllen.
- Web-Designer: Eine Oberfläche oder ein Tool, die bzw. das die visuelle Bearbeitung und Gestaltung von Web-Erlebnissen unterstützt, ohne tief in Code einzutauchen.
- Ausdruckseditor: Ein Tool innerhalb des Web-Designers, mit dem Benutzer Web-Inhalten Personalisierungen hinzufügen können, möglicherweise basierend auf Datenattributen oder anderen Kriterien.
- Komponente Angebotsentscheidung: Eine Komponente im Web-Designer, die bei der Entscheidung hilft, welches Angebot basierend auf dem Entscheidungs-Management am besten für einen bestimmten Besucher angezeigt werden kann.
- Inhaltsexperiment: Eine Methode zum Testen verschiedener Inhaltsvarianten, um herauszufinden, welche bei der gewünschten Metrik am besten abschneidet, z. B. eingehende Klicks.
- Behandlung: Im Kontext von Inhaltsexperimenten bezieht sich eine Behandlung auf eine bestimmte Inhaltsvariante, die gegen eine andere getestet wird.
- Simulation: Ein Vorschaumechanismus, mit dem das Web-Kanalerlebnis vor der Aktivierung für Live-Zielgruppen visualisiert wird.
Konfigurieren des Datenstroms
Sie haben den Adobe Experience Platform-Service bereits zu Ihrem Datenstrom hinzugefügt. Jetzt müssen Sie die Option Adobe Journey Optimizer aktivieren, damit Sie Web-Kanalerlebnisse bereitstellen können.
So konfigurieren Sie Adobe Journey Optimizer im Datenstrom:
-
Navigieren Sie zur Datenerfassung.
-
Wählen Sie in der linken Navigation Datenströme aus.
-
Wählen Sie den zuvor erstellten Luma Web SDK-Datenstrom aus.
-
Wählen Sie Bearbeiten im Adobe Experience Platform-Service aus.
-
Aktivieren Sie das Kontrollkästchen Adobe Journey Optimizer.
-
Speichern der aktualisierten Konfiguration.
Dadurch wird sichergestellt, dass eingehende Ereignisse für Journey Optimizer von Adobe Experience Platform Edge Network korrekt verarbeitet werden.
Konfigurieren der Zusammenführungsrichtlinie
Stellen Sie sicher, dass eine Zusammenführungsrichtlinie definiert ist, wenn Option „Active-On-Edge-Zusammenführungsrichtlinie aktiviert ist. Diese Option für Zusammenführungsrichtlinien wird von eingehenden Journey Optimizer-Kanälen verwendet, um eine genaue Aktivierung und Veröffentlichung eingehender Kampagnen am Edge sicherzustellen.
So konfigurieren Sie die Option in der Zusammenführungsrichtlinie:
-
Gehen Sie auf die Kunde > Profile in der Benutzeroberfläche von Experience Platform oder Journey Optimizer.
-
Stellen Sie sicher, dass Sie sich in der für das Tutorial verwendeten Sandbox befinden
-
Wählen Sie die Zusammenführungsrichtlinien aus.
-
Wählen Sie Ihre Richtlinie aus (es ist in der Regel am besten, die Richtlinie Standardzeitbasiert zu verwenden) und schalten Sie die Zusammenführungsrichtlinie von Active On-Edge) im Konfigurieren ein.
Konfigurieren des Web-Datensatzes für Inhaltsexperimente
Um Inhaltsexperimente in Web-Kanal-Kampagnen zu verwenden, müssen Sie sicherstellen, dass der verwendete Web-Datensatz auch in Ihrer Berichtskonfiguration enthalten ist. Das Journey Optimizer-Berichtssystem verwendet den Datensatz schreibgeschützt, um vordefinierte Inhaltsexperimentberichte auszufüllen.
Anwendungsfall - Übersicht - Treueprämien
In dieser Lektion wird ein Beispiel für einen Anwendungsfall mit Treueprämien verwendet, um die Implementierung eines Web-Kanalerlebnisses mithilfe der Web-SDK detailliert zu beschreiben.
In diesem Anwendungsbeispiel erfahren Sie, wie Journey Optimizer Ihren Kunden mithilfe von Journey Optimizer-Kampagnen und dem Web-Designer die besten eingehenden Erlebnisse bereitstellen kann.
Da sich dieses Tutorial an Implementierer richtet, sollten Sie beachten, dass diese Lektion umfangreiche Schnittstellenarbeiten in Journey Optimizer umfasst. Obwohl diese Schnittstellenaufgaben normalerweise von Marketing-Experten durchgeführt werden, kann es für Implementierer von Vorteil sein, insight in den Prozess zu integrieren, auch wenn sie normalerweise nicht für die Erstellung von Web-Kanal-Kampagnen verantwortlich sind.
Erstellen einer Treueprämien-Kampagne
Nachdem Sie nun unsere Beispiel-Treueprogramm-Daten aufgenommen und unser Segment erstellt haben, erstellen Sie in Adobe Journey Optimizer die Web-Kanalkampagne für Treueprämien .
So erstellen Sie eine Beispielkampagne:
-
Öffnen der Journey Optimizer-Benutzeroberfläche
note note NOTE Schema, Datensätze und Zielgruppen können auch in der Journey Optimizer-Benutzeroberfläche erstellt werden, da sie alle gängige Experience Platform-Konstrukte sind. -
Navigieren Sie im linken Navigationsbereich zu {0 JourneyManagement > Kampagnen .
-
Klicken oben auf „Kampagne erstellen“.
-
Wählen Sie den Kampagnentyp aus. Wählen Sie für den Anwendungsfall „Treueprämien“ die Option Geplant - Marketing.
-
Fügen Sie der neuen Web-Kanal-Kampagne einige zusätzliche Details hinzu. Nennen Sie zunächst die Kampagne. Nennen Sie es
Luma Loyalty Rewards – Gold Status. Optional können Sie der Kampagne eine Beschreibung hinzufügen. Fügen Sie außerdem Tags hinzu, um die allgemeine Kampagnentaxonomie zu verbessern.
-
Wechseln Sie zur Registerkarte Aktionen
-
Wählen Sie Web als Aktionsname.
-
Wählen Sie Neue Konfiguration erstellen als Web-Konfiguration.
-
Geben Sie als Details zur Kanalkonfiguration Folgendes ein:
LumaHomepageals Name.- Web als der Kanal.
- Onsite Personalization als Marketing-Aktion.
- Einzelseite als Web-Einstellungen.
https://luma.enablementadobe.com/index.htmlals Seiten-URL.
-
Senden die neue Kanalkonfiguration
-
Wählen Sie auf der Browser-Registerkarte mit Ihrer Kampagne die neue
LumaHomepageausnote tip TIP Wenn die neue Konfiguration nicht im Dropdown-Menü angezeigt wird, wechseln Sie zur Registerkarte Eigenschaften und kehren Sie dann zur Registerkarte Aktionen zurück und überprüfen Sie das Dropdown-Menü erneut.
Experimentieren mit Inhalten aus Treueprämien
Nachdem Sie nun Ihre Web-Konfiguration im Abschnitt Aktion ausgewählt haben, können Sie optional ein Experiment erstellen, um zu testen, welche Inhalte für die Luma Loyalty Rewards – Gold Status Zielgruppe besser funktionieren. Als Komponente der Kampagnenkonfiguration erstellen und testen wir zwei Behandlungen.
So erstellen Sie das Inhaltsexperiment:
-
Klicken Sie auf Experiment erstellen.
-
Wählen Sie zunächst eine Erfolgsmetrik. Dies ist die Metrik zur Bestimmung der Content-Effektivität. Wählen Sie Einzelklicks, um zu sehen, durch welche Inhaltsbehandlung mehr Klicks auf das Web-Erlebnis-CTA generiert werden.
-
Optional können Sie einen "" festlegen der keine der beiden Behandlungen erhält. Lassen Sie diese Option vorerst deaktiviert.
-
Wählen Sie optional „Gleichmäßig ". Aktivieren Sie diese Option, um sicherzustellen, dass die Abwandlungsverteilungen immer gleichmäßig aufgeteilt werden.
-
Wählen Sie Abwandlung hinzufügen aus, sodass das Experiment zwei Abwandlungen umfasst.
-
Wählen Sie Erstellen aus.
Erfahren Sie mehr über Inhaltsexperimente im Adobe Journey Optimizer-Webkanal.
Bearbeiten von Inhalten mit dem Visual Helper
Lassen Sie uns nun das Web-Kanal-Erlebnis erstellen. Installieren Sie zunächst die Browser-Erweiterung Adobe Experience Cloud Visual Editing Helper für Google Chrome und Microsoft® Edge, falls noch nicht geschehen. Fahren Sie nach der Installation mit den Schritten in der Benutzeroberfläche von Journey Optimizer fort:
-
Wählen Sie Inhalt bearbeiten aus (oder navigieren Sie zur Registerkarte Inhalt der Kampagne). Da Sie eine einzelne Seiten-URL als Oberfläche eingegeben haben, sollten Sie bereit sein, im Composer zu arbeiten.
-
Klicken Sie jetzt auf Web-Seite bearbeiten um mit der Erstellung von Variante A Ihres Experiments zu beginnen.
-
Bearbeiten Sie zunächst einige Elemente mit dem Web-Composer. Verwenden Sie das Kontextmenü, um die Bildkopfzeile „Luma Hero“ zu bearbeiten. Passen Sie den Stil des kontextuellen Bereichs auf der rechten Seite an.
-
Fügen Sie dem Container auch mithilfe des Ausdruckseditors“ eine Personalisierung.
-
Stellen Sie sicher, dass das Erlebnis für Klicks ordnungsgemäß verfolgt wird. Wählen Sie Klick-Tracking aus dem Kontextmenü aus.
Es stehen viele Optionen zur Personalisierung der Nachricht zur Verfügung.
HTML-Design-Änderungen
Es stehen einige Methoden zur Verfügung, wenn Sie erweiterte oder benutzerdefinierte Änderungen an der Website als Komponente der Treuebelohnungs-Kampagne vornehmen möchten. Erkunden Sie einige davon in Behandlung B.
Verwenden Sie den Bereich Komponenten, um HTML oder andere Inhalte direkt zur Luma-Site hinzuzufügen.
Fügen Sie oben auf der Seite eine neue HTML-Komponente hinzu. Öffnen Sie Ausdruckseditor erneut, um die HTML zu bearbeiten.
Alternativ können Sie HTML-Bearbeitungen über den Bereich Änderungen hinzufügen. In diesem Bereich können Sie eine Komponente auf der Seite auswählen und sie über die Designer-Benutzeroberfläche bearbeiten.
Fügen Sie im Editor die HTML für die Luma Loyalty Rewards – Gold Status Audience hinzu. Wählen Sie Validieren aus.
Überprüfen Sie jetzt die neue benutzerdefinierte HTML-Komponente auf Anpassungsfähigkeit.
Targeting der Kampagne für eine Audience
Standardmäßig ist die Kampagne für alle Site-Besucher aktiv. Für die Zwecke dieses Anwendungsfalls sollten nur Gold Status-Belohnungsmitglieder das Erlebnis sehen. Den Inhalt für diese Zielgruppe ausrichten:
-
Navigieren Sie zur Registerkarte Audience .
-
Wählen Sie im Feld Identity Namespace den Namespace aus, mit dem Einzelpersonen innerhalb des ausgewählten Segments identifiziert werden können. Da Sie die Kampagne auf der Luma-Site bereitstellen, können Sie den ECID-Namespace auswählen. Profile innerhalb der
Luma Loyalty Rewards – Gold StatusZielgruppe, denen der ECID-Namespace unter den verschiedenen Identitäten fehlt, werden nicht in die Web-Kanal-Kampagne einbezogen. -
Zielgruppenauswahl
-
Wählen Sie die
Luma Loyalty Rewards - Gold StatusZielgruppe aus, die Sie in der Lektion Einrichten von Experience Platform erstellt haben. -
Speichern der Zielgruppe für die Kampagne
Planen der Kampagne
Standardmäßig starten und stoppen Kampagnen, wenn Sie sie manuell aktivieren und deaktivieren. Sie haben jedoch die Möglichkeit, den Start und das Ende zu einem bestimmten Datum und zu einer bestimmten Uhrzeit festzulegen. Behalten Sie die Standardeinstellungen bei und wählen Sie Zum Aktivieren überprüfen:
Aktivieren der Kampagne „Treueprämien“
Sie werden aufgefordert, die Kampagnendetails ein letztes Mal zu bestätigen. Wählen Sie Aktivieren aus. Es kann bis zu 15 Minuten dauern, bis die Kampagne auf der Website live geschaltet wird.
Treueprämien-QA
Es gibt einige Anmeldedaten, mit denen Sie „Gold-Status“-Benutzer simulieren und sich für Ihre Kampagne qualifizieren können. Sie müssen die Beispieldaten in "Experience Platform einrichten hochgeladen haben mithilfe dieser Anmeldeinformationen auf der Website Konten erstellen, damit diese funktionieren.
cleavlandeuler@emailsim.io/testleftybeagen@emailsim.io/testjenimartinho@emailsim.io/test
Es empfiehlt sich, die Kampagnenstatistiken Web im Bildschirm Kampagnenübersicht zu überwachen, nachdem Sie die Kampagne gestartet haben, oder auf Berichte zu klicken, um das Reporting zu verfeinern:
Web-Kanalvalidierung mit Adobe Experience Platform Debugger
Die für Chrome und Firefox verfügbare Adobe Experience Platform Debugger-Erweiterung analysiert Ihre Web-Seiten, um Probleme bei der Implementierung von Adobe Experience Cloud-Lösungen zu identifizieren.
Sie können den Debugger auf der Luma-Site verwenden, um das Web-Kanalerlebnis in der Produktion zu validieren. Dies ist eine Best Practice, sobald der Anwendungsfall Treueprämien ausgeführt wird, um sicherzustellen, dass alles richtig konfiguriert ist.
Hier erfahren Sie, wie Sie den Debugger in Ihrem Browser mithilfe des Handbuchs konfigurieren.
So starten Sie die Validierung mit dem Debugger:
- Navigieren Sie mit dem Web-Kanal zur Web-Seite von Luma .
- Öffnen Sie auf der Webseite die Adobe Experience Platform Debugger.
- Navigieren Sie zu Zusammenfassung. Überprüfen Sie, ob Datenstrom-ID mit dem Datenstrom in der Adobe- übereinstimmt, für den Sie Adobe Journey Optimizer aktiviert haben.
- Sie können sich dann mit verschiedenen Luma-Treuekonten bei der Website anmelden und den Debugger verwenden, um die an die Adobe Experience Platform-Edge Network gesendeten Anfragen zu validieren.
- Navigieren unter "" zur Experience Platform Web SDK.
- Schalten Sie auf der Konfiguration die Option Debugging aktivieren ein. Dadurch wird die Protokollierung für die Sitzung innerhalb einer Adobe Experience Platform Assurance-Sitzung aktiviert.
- Melden Sie sich bei der Site mit verschiedenen Luma-Treuekonten an und verwenden Sie den Debugger, um die an das Adobe Experience Platform Edge-Netzwerk gesendeten Anfragen zu. Alle diese Anfragen sollten zur Protokollverfolgung in Assurance erfasst werden.