Einrichten des Journey Optimizer-Webkanals mit dem Web SDK
Erfahren Sie, wie Sie die Adobe Journey Optimizer implementieren Webkanal Verwenden des Adobe Experience Platform Web SDK. In dieser Lektion werden die grundlegenden Voraussetzungen für Webkanäle, detaillierte Konfigurationsschritte und ein tiefer Einblick in einen Anwendungsfall zum Treuestatus gegeben.
In dieser Lektion werden Journey Optimizer-Benutzer für eine erweiterte Online-Personalisierung mit dem Journey Optimizer-Webdesigner mit dem Webkanal ausgestattet.
Lernziele
Am Ende dieser Lektion können Sie:
- Erfahren Sie mehr über die Funktion und Bedeutung des Web SDK bei der Bereitstellung des Webkanalerlebnisses.
- Machen Sie sich mit dem Erstellen einer Webkanal-Kampagne von Anfang bis Ende vertraut, indem Sie das Anwendungsbeispiel "Prämien für Treue zu Luma"verwenden.
- Konfigurieren Sie die Kampagneneigenschaften, Aktionen und Zeitpläne auf 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 mit dem Webdesigner Webseiteninhalte bearbeiten, einschließlich Bildern, Kopfzeilen und anderen Elementen.
- Erfahren Sie, wie Sie mithilfe der Komponente Angebotsentscheidung Angebote in eine Webseite einfügen.
- Machen Sie sich mit Best Practices vertraut, um die Qualität und den Erfolg einer Webkanalkampagne sicherzustellen.
Voraussetzungen
Um die Lektionen in diesem Abschnitt abzuschließen, müssen Sie zunächst:
-
Schließen Sie alle Lektionen für die Erstkonfiguration des Platform Web SDK ab, einschließlich der Einrichtung von Datenelementen und Regeln.
-
Stellen Sie sicher, dass die Adobe Experience Platform Web SDK-Tag-Erweiterungsversion 2.16 oder höher ist.
-
Wenn Sie den Journey Optimizer-Webdesigner verwenden, um Ihr Webkanalerlebnis zu erstellen, stellen Sie sicher, dass Sie entweder die Google Chrome- oder Microsoft® Edge-Browser verwenden.
-
Vergewissern Sie sich außerdem, dass Sie die Adobe Experience Cloud Visual Editing Helper-Browsererweiterung.
-
Stellen Sie sicher, dass in Ihrem Browser Drittanbieter-Cookies zulässig sind. Es kann erforderlich sein, auch alle Anzeigensperren in Ihrem Browser zu deaktivieren.
note caution CAUTION Im Journey Optimizer-Webdesigner können bestimmte Websites aus einem der folgenden Gründe nicht zuverlässig geöffnet werden: - Die Website hat strenge Sicherheitsrichtlinien.
- Die Website ist in einen iframe eingebettet.
- Die QA- oder Staging-Site des Kunden ist nicht extern 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, Subdomain für die Veröffentlichung dieses Inhalts konfigurieren.
-
Stellen Sie bei Verwendung der Inhaltsexperimentierungsfunktion sicher, dass Ihr Webdatensatz auch in Ihrer Berichtskonfiguration enthalten ist.
-
Derzeit werden zwei Arten von Implementierungen unterstützt, um die Erstellung und Bereitstellung von Webkanalkampagnen in Ihren Webeigenschaften zu ermöglichen:
- Nur Client-seitig: Um Ihre Website zu ändern, müssen Sie das Adobe Experience Platform Web SDK implementieren.
- Hybridmodus: Sie können die Platform Edge Network Server-API verwenden, um eine serverseitige Personalisierung anzufordern. Die Antwort von der API wird dann dem Adobe Experience Platform Web SDK zur Client-seitigen Wiedergabe von Änderungen bereitgestellt. 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 serverseitige Implementierung wird derzeit nicht unterstützt.
Terminologie
Zunächst sollten Sie die in Webkanalkampagnen verwendete Terminologie verstehen.
- Webkanal: Medium für die Kommunikation oder die Bereitstellung von Inhalten über das Internet. Im Kontext dieses Handbuchs bezieht sich es auf den Mechanismus, mit dem personalisierte Inhalte mithilfe des Platform Web SDK innerhalb von Adobe Journey Optimizer an Website-Besucher bereitgestellt werden.
- Weboberfläche: Bezieht sich auf eine Webeigenschaft, die durch eine URL identifiziert wird, in der Inhalte bereitgestellt werden. Sie kann eine oder mehrere Webseiten umfassen.
- Journey Optimizer Web Designer: Ein bestimmtes Tool oder eine bestimmte Benutzeroberfläche in der Journey Optimizer, über das Benutzer ihre Webkanalerlebnisse entwerfen können.
- Adobe Experience Cloud Visual Editing Helper: Eine Browsererweiterung, die beim visuellen Bearbeiten und Entwerfen von Webkanalerlebnissen unterstützt.
- Datastream: Eine Konfiguration innerhalb des Adobe Experience Platform-Dienstes, die sicherstellt, dass Webkanalerlebnisse bereitgestellt werden können.
- Zusammenführungsrichtlinie: Eine Konfiguration, die die genaue Aktivierung und Veröffentlichung eingehender Kampagnen sicherstellt.
- Zielgruppe: Ein bestimmtes Segment von Benutzern oder Site-Besuchern, die bestimmte Kriterien erfüllen.
- Webdesigner: Eine Benutzeroberfläche oder ein Tool, die bei der visuellen Bearbeitung und Gestaltung von Web-Erlebnissen hilft, ohne tief in den Code einzutauchen.
- Ausdruckseditor: Ein Tool im Webdesigner, mit dem Benutzer Webinhalten Personalisierungen hinzufügen können, die möglicherweise auf Datenattributen oder anderen Kriterien basieren.
- Komponente für Angebotsentscheidungen: Eine Komponente im Web-Designer, die bei der Entscheidung unterstützt, welches Angebot basierend auf der Entscheidungsverwaltung für einen bestimmten Besucher am besten geeignet ist.
- Inhaltsexperiment: Eine Methode zum Testen verschiedener Inhaltsvarianten, um herauszufinden, welche die beste Leistung im Hinblick auf die gewünschte Metrik erzielt, z. B. eingehende Klicks.
- Behandlung: Im Rahmen von Inhaltsprüfungen bezieht sich eine Behandlung auf eine bestimmte Inhaltsvariante, die mit einer anderen getestet wird.
- Simulation: Ein Vorschaumechanismus zur Visualisierung des Webkanalerlebnisses, bevor es für Live-Zielgruppen aktiviert wird.
Konfigurieren des Datenspeichers
Sie haben den Adobe Experience Platform-Dienst bereits zu Ihrem Datastream hinzugefügt. Jetzt müssen Sie die Adobe Journey Optimizer-Option aktivieren, damit Sie Webkanalerlebnisse bereitstellen können.
So konfigurieren Sie Adobe Journey Optimizer im Datastream:
-
Navigieren Sie zu Datenerfassung -Schnittstelle.
-
Wählen Sie im linken Navigationsbereich die Option Datenspeicher.
-
Wählen Sie den zuvor erstellten Datenspeicher des Luma Web SDK aus.
-
Auswählen Bearbeiten innerhalb des Adobe Experience Platform-Dienstes.
-
Überprüfen Sie die Adobe Journey Optimizer ankreuzen.
-
Wählen Sie Speichern aus.
Dadurch wird sichergestellt, dass eingehende Ereignisse für Journey Optimizer vom Adobe Experience Platform-Edge Network ordnungsgemäß verarbeitet werden.
Zusammenführungsrichtlinie konfigurieren
Stellen Sie sicher, dass eine Zusammenführungsrichtlinie mit der Richtlinie zur aktiven Zusammenführung auf Edge aktiviert ist. Diese Option für Zusammenführungsrichtlinien wird von eingehenden Journey Optimizer-Kanälen verwendet, um die genaue Aktivierung und Veröffentlichung eingehender Kampagnen am Edge-Server sicherzustellen.
So konfigurieren Sie die Option in der Zusammenführungsrichtlinie:
-
Navigieren Sie zu Kunde > Profile -Seite in der Experience Platform- oder Journey Optimizer-Benutzeroberfläche.
-
Wählen Sie die Zusammenführungsrichtlinien Registerkarte.
-
Wählen Sie Ihre Richtlinie aus (in der Regel empfiehlt es sich, die Standard-Zeitbasiert ) und aktivieren Sie die Richtlinie zur aktiven Zusammenführung auf Edge -Option innerhalb der Konfigurieren Schritt.
Konfigurieren des Webdatensatzes für Inhaltsexperimente
Um Inhaltsexperimente in Webkanalkampagnen zu verwenden, müssen Sie sicherstellen, dass der verwendete Webdatensatz auch in Ihrer Berichtskonfiguration enthalten ist. Das Journey Optimizer-Berichterstattungssystem verwendet den Datensatz schreibgeschützt, um native Inhaltsexperimentierungsberichte auszufüllen.
Das Hinzufügen von Datensätzen für Inhaltsexperimentberichte wird in diesem Abschnitt beschrieben..
Nutzungsszenario - Überblick über Treuebelohnungen
In dieser Lektion wird ein Anwendungsbeispiel für Treuebelohnungen verwendet, um die Implementierung eines Webkanalerlebnisses mit dem Web SDK detailliert zu beschreiben.
In diesem Anwendungsbeispiel wird erläutert, wie Journey Optimizer mithilfe von Journey Optimizer-Kampagnen und Webdesigner dazu beitragen kann, die besten eingehenden Erlebnisse für Ihre Kunden bereitzustellen.
Da dieses Tutorial auf Implementierer ausgerichtet ist, ist zu beachten, dass diese Lektion umfangreiche Arbeit an der Benutzeroberfläche in Journey Optimizer erfordert. Während solche Aufgaben normalerweise von Marketing-Experten verarbeitet werden, können Implementierer Einblicke in den Prozess erhalten, selbst wenn sie normalerweise nicht für die Erstellung von Webkanal-Kampagnen verantwortlich sind.
Kampagne "Treuebelohnungen erstellen"
Nachdem Sie nun unsere Beispielloyalitätsdaten erfasst und unser Segment erstellt haben, erstellen Sie die Webkanalkampagne "Treuebelohnungen"in Adobe Journey Optimizer.
So erstellen Sie die Beispielkampagne:
-
Öffnen Sie die Journey Optimizer Benutzeroberfläche
note note NOTE Schema, Datensätze und Zielgruppen können auch in der Journey Optimizer-Oberfläche erstellt werden, da es sich um allgemeine Experience Platform-Konstrukte handelt. -
Navigieren Sie zu Journey-Management > Kampagnen in der linken Navigation
-
Klicks Kampagne erstellen oben rechts.
-
Geben Sie im Abschnitt Eigenschaften an, wann Sie die Kampagne ausführen möchten. Wählen Sie für den Anwendungsfall Treuebelohnungen die Option Geplant.
-
Im Aktionen wählen Sie die Webkanal. Als Weboberfläche auswählen Seiten-URL.
note note NOTE Eine Weboberfläche bezieht sich auf eine Webeigenschaft, die durch eine URL identifiziert wird, in der Inhalte bereitgestellt werden. Sie kann einer einzelnen Seiten-URL entsprechen oder mehrere Seiten umfassen, sodass Sie Änderungen auf eine oder mehrere Webseiten anwenden können. -
Wählen Sie die Seiten-URL Weboberflächen-Option, um das Erlebnis auf einer Seite für diese Kampagne bereitzustellen. Geben Sie die URL für die Seite "Luma"ein,
https://luma.enablementadobe.com/content/luma/us/en.html
-
Nachdem die Weboberfläche definiert wurde, wählen Sie Erstellen.
-
Fügen Sie nun einige zusätzliche Details zur neuen Webkanalkampagne hinzu. Benennen Sie zuerst die Kampagne. Aufrufen
Luma Loyalty Rewards – Gold Status
. Optional können Sie der Kampagne eine Beschreibung hinzufügen. Auch hinzufügen Tags zur Verbesserung der allgemeinen Kampagnentaxonomie. -
Standardmäßig ist die Kampagne für alle Site-Besucher aktiv. Für die Zwecke dieses Anwendungsbeispiels sollte nur Mitgliedern mit Gold-Status-Belohnungen das Erlebnis angezeigt werden. Klicken Sie zur Aktivierung auf Zielgruppe auswählen und wählen Sie
Luma Loyalty Rewards – Gold Status
Zielgruppe. -
Im Identitäts-Namespace den Namespace zur Identifizierung von Einzelanwendern im ausgewählten Segment auswählen. Da Sie die Kampagne auf der Site "Luma"bereitstellen, können Sie den ECID-Namespace auswählen. Profile innerhalb der
Luma Loyalty Rewards – Gold Status
Zielgruppe, der der ECID-Namespace unter ihren verschiedenen Identitäten fehlt, wird von der Webkanalkampagne nicht angesprochen. -
Planen Sie die Kampagne so, dass sie am heutigen Datum beginnt, indem Sie die Kampagnenstart und mit der Option Kampagnenende -Option.
Experimentieren mit Treuebelohnungsinhalten
Wenn Sie nach oben scrollen, finden Sie im Aktion -Abschnitt können Sie optional ein Experiment erstellen, um zu testen, welche Inhalte für die Luma Loyalty Rewards – Gold Status
Zielgruppe. Erstellen und testen wir zwei Behandlungen als Komponente der Kampagnenkonfiguration.
So erstellen Sie das Inhaltsexperiment:
-
Klicks Experiment erstellen.
-
Wählen Sie zuerst eine Erfolgsmetrik. Dies ist die Metrik zur Bestimmung der Inhaltseffizienz. Auswählen Eindeutige eingehende Klicks, um zu sehen, welche Inhaltsbehandlung mehr Klicks auf den Web-Erlebnis-CTA generiert.
-
Beim Einrichten eines Experiments mit einem Webkanal und Auswählen der Eingehende Klicks, Eindeutige eingehende Klicks, Seitenansichten oder Einzelseitenansichten Metriken, die Aktion auswählen -Dropdown-Liste ermöglicht es Ihnen, Klicks und Ansichten auf bestimmten Seiten genau zu verfolgen und zu überwachen.
-
Optional können Sie eine Holdout die keine der beiden Behandlungen erhalten. Lassen Sie das vorerst deaktiviert.
-
Wählen Sie optional auch Gleichmäßig verteilen. Aktivieren Sie diese Option, um sicherzustellen, dass die Behandlungsaufteilungen immer gleichmäßig aufgeteilt sind.
Erfahren Sie mehr über Inhaltsexperimente im Adobe Journey Optimizer-Webkanal.
Bearbeiten von Inhalten mit Visual Helper
Lassen Sie uns nun das Webkanalerlebnis erstellen. Verwenden Sie dazu die Adobe Experience Cloud Visual Helper. Dieses Tool ist eine Browsererweiterung, die mit Google Chrome und Microsoft® Edge kompatibel ist. Vergewissern Sie sich, dass Sie die Erweiterung heruntergeladen haben, bevor Sie versuchen, Ihre Erlebnisse zu erstellen. Stellen Sie außerdem sicher, dass die Webseite das Web SDK enthält.
-
Innerhalb der Aktion im Tab der Kampagne klicken Sie auf Inhalt bearbeiten. Da Sie eine einseitige URL als Oberfläche eingegeben haben, sollten Sie bereit sein, mit der Arbeit im Composer zu beginnen.
-
Klicken Sie jetzt auf Webseite bearbeiten , um mit dem Authoring zu beginnen.
-
Bearbeiten Sie zunächst einige Elemente mithilfe des Web Composer. Bearbeiten Sie über das Kontextmenü die Kopfzeile des Luma-Hero-Bilds. Passen Sie den Stil des Kontextbereichs auf der rechten Seite an.
-
Fügen Sie dem Container außerdem mithilfe der Ausdruckseditor.
-
Stellen Sie sicher, dass das Erlebnis ordnungsgemäß nach Klicks verfolgt wird. Auswählen Element verfolgen aus dem Kontextmenü aus.
-
Verwenden Sie die Komponente für Angebotsentscheidungen , um Angebote in die Webseite einzufügen. Diese Komponente verwendet Entscheidungsverwaltung , um das beste Angebot für Luma-Besucher auszuwählen.
HTML-Designänderungen
Es gibt einige Methoden, wenn Sie erweiterte oder benutzerdefinierte Änderungen an der Site als Komponente der Kampagne "Treuebelohnungen"vornehmen möchten.
Verwenden Sie die Komponenten -Bereich, um HTML oder anderen Inhalt direkt zur Site "Luma"hinzuzufügen.
Fügen Sie oben auf der Seite eine neue HTML-Komponente hinzu. Bearbeiten Sie die HTML innerhalb der Komponente über die Design-Oberfläche oder Kontextuell -Bereich.
Alternativ können Sie HTML-Bearbeitungen über die Änderungen -Bereich. 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
Zielgruppe. Auswählen Bestätigen.
Überprüfen Sie jetzt die neue benutzerdefinierte HTML-Komponente für "fit and Feeling".
Bearbeiten Sie eine bestimmte Komponente mithilfe der CSS-Selektortyp Änderung.
Fügen Sie benutzerspezifischen Code mithilfe der Seite <head>
type Änderung.
Die Möglichkeiten sind endlos, wenn Sie die Visual Helper.
Inhalt der Treuebelohnungen simulieren
Sehen Sie sich eine Vorschau der geänderten Webseite an, bevor Sie die Kampagne aktivieren. Beachten Sie, dass Sie Testprofile für die Simulation von Webkanalerlebnissen konfiguriert haben müssen.
So simulieren Sie das Erlebnis:
-
Auswählen Inhalt simulieren innerhalb der Kampagne.
-
Wählen Sie ein Testprofil aus, um die Simulation zu erhalten. Beachten Sie, dass das Testprofil im
Luma Loyalty Rewards – Gold Status
Zielgruppe die richtige Behandlung zu erhalten. -
Die Vorschau wird für das Testprofil angezeigt.
Aktivieren der Kampagne "Treuebelohnungen"
Aktivieren Sie abschließend die Webkanal-Kampagne.
-
Auswählen Aktivieren.
-
Sie werden aufgefordert, die Kampagnendetails ein letztes Mal zu bestätigen. Auswählen Aktivieren. Es kann bis zu 15 Minuten dauern, bis die Kampagne auf der Site live ist.
Treuebelohnungen QA
Es gibt einige Anmeldungen, mit denen Sie Benutzer mit dem Status "Gold"simulieren und sich für Ihre Kampagne qualifizieren können:
cleavlandeuler@emailsim.io
/test
leftybeagen@emailsim.io
/test
jenimartinho@emailsim.io
/test
Als Best Practice wird empfohlen, die Web in den Live- und globalen Berichten der Kampagne für die Kampagnen-spezifischen KPIs. Überwachen Sie für diese Kampagne Erlebnisimpressionen und Klickrate.
Webkanalvalidierung mithilfe von Adobe Experience Platform Debugger
Die Adobe Experience Platform Debugger-Erweiterung, die sowohl für Chrome als auch für Firefox verfügbar ist, analysiert Ihre Webseiten, um Probleme bei der Implementierung von Adobe Experience Cloud-Lösungen zu identifizieren.
Sie können den Debugger auf der Site "Luma"verwenden, um das Webkanalerlebnis in der Produktion zu überprüfen. Dies ist eine Best Practice, sobald der Anwendungsfall "Loyalitätsbelohnungen"aktiv ist, um sicherzustellen, dass alles korrekt konfiguriert ist.
Erfahren Sie hier, wie Sie den Debugger in Ihrem Browser mithilfe des Handbuchs konfigurieren.
So starten Sie die Validierung mit dem Debugger:
- Navigieren Sie zur Webseite "Luma"mit dem Webkanal-Erlebnis.
- Öffnen Sie auf der Webseite die Adobe Experience Platform Debugger.
- Navigieren Sie zu Zusammenfassung. Stellen Sie sicher, dass Datenspeicher-ID entspricht der datastream in Adobe-Datenerfassung für die Sie Adobe Journey Optimizer aktiviert haben.
- Anschließend können Sie sich mit verschiedenen Treuekonten von Luma bei der Site anmelden und den Debugger verwenden, um die an das Adobe Experience Platform-Edge Network gesendeten Anforderungen zu validieren.
- under Lösungen Navigieren Sie zum Experience Platform Web SDK.
- Innerhalb der Konfiguration Registerkarte, aktivieren Aktivieren des Debuggens. Dies ermöglicht die Protokollierung für die Sitzung in einer Adobe Experience Platform Assurance Sitzung.
- Melden Sie sich mit verschiedenen Treuekonten von Luma bei der Site an und überprüfen Sie mithilfe des Debuggers die an die Adobe Experience Platform Edge-Netzwerk. Alle diese Anforderungen sollten in Assurance für die Protokollierung.