Personalisierung mit Visual Experience Composer

In diesem Kapitel werden wir das Erstellen von Erlebnissen mit Visual Experience Composer untersuchen, indem wir das Layout und den Inhalt einer Web-Seite in Target per Drag-and-Drop austauschen und ändern.

Szenario - Überblick

Auf der WKND-Website-Startseite werden lokale Aktivitäten oder das beste, um eine Stadt herum in Form von Kartenlayouts zu erledigen. Marketingexperten haben die Aufgabe erhalten, die Startseite zu ändern, indem sie die Kartenlayouts neu anordnen, um zu sehen, wie sie sich auf die Benutzerinteraktion auswirkt und die Konversion vorantreibt.

Betroffene Benutzer

Für diese Übung müssen die folgenden Benutzer beteiligt sein und einige Aufgaben ausführen, für die Sie möglicherweise Administratorzugriff benötigen.

  • Content Producer/Content Editor (Adobe Experience Manager)
  • Marketer (Adobe Target/Optimierungsteam)

WKND-Site-Homepage

AEM Target-Szenario 1

Voraussetzungen

Marketingaktivitäten

  1. Der Marketer erstellt eine A/B-Zielaktivität in Adobe Target.

    1. Navigieren Sie im Adobe Target-Fenster zur Registerkarte Aktivitäten .

    2. Klicken Sie auf die Schaltfläche Aktivität erstellen und wählen Sie den Aktivitätstyp als A/B-Test aus.

      Adobe Target - Aktivität erstellen

    3. Wählen Sie den Kanal Web und dann Visual Experience Composer aus.

    4. Geben Sie die Aktivitäts-URL ein und klicken Sie auf Weiter, um den Visual Experience Composer zu öffnen.

      Adobe Target - Aktivität erstellen

    5. Damit Visual Experience Composer geladen werden kann, aktivieren Sie Allow Unsafe scripts in Ihrem Browser und laden Sie Ihre Seite neu.

      Erlebnis-Targeting-Aktivität

    6. Beachten Sie, dass die WKND Site-Startseite im Visual Experience Composer-Editor geöffnet ist.

      VEC

    7. Erlebnis bietet die standardmäßige WKND-Startseite und lassen Sie uns das Inhaltslayout für Erlebnis B bearbeiten.

      Erlebnis B

    8. Klicken Sie auf einen der Kartenlayout-Container (Beste Röster) und wählen Sie die Option Neu anordnen aus.

      Container-Auswahl

    9. Klicken Sie auf den Container, den Sie neu anordnen möchten, und ziehen Sie ihn an die gewünschte Position. Ordnen wir den Behälter Beste Röster von der ersten Zeile der ersten Spalte in die dritte Zeile der ersten Zeile um. Der Beste Röster-Container befindet sich nun neben dem Fotografikausstellungen -Container.

      Container-Swap

      Nach dem Tauschen
      Container ersetzt

    10. Ordnen Sie die Positionen für die anderen Kartencontainer auf die gleiche Weise neu an.

    Container ersetzt
    11. Fügen wir auch einen Kopfzeilentext unter der Karussellkomponente und über dem Kartenlayout hinzu.
    12. Klicken Sie auf den Karussellbehälter und wählen Sie die Option Einfügen nach > HTML aus, um HTML hinzuzufügen.

    Text hinzufügen

    <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
    

    Text hinzufügen
    13. Klicken Sie auf Weiter , um mit Ihrer Aktivität fortzufahren.
    14. Wählen Sie die Traffic-Zuordnungsmethode als manuell aus und weisen Sie Erlebnis B 100 % Traffic zu.

    Erlebnis B-Traffic
    15. Klicken Sie auf Weiter.
    16. Geben Sie Zielmetriken für Ihre Aktivität an und speichern und schließen Sie Ihren A/B-Test.

    Metrik für A/B-Test-Ziel
    17. Geben Sie einen Namen (WKND-Startseitenaktualisierung) für Ihre Aktivität an und speichern Sie Ihre Änderungen.
    18. Stellen Sie im Bildschirm "Aktivitätsdetails"sicher, dass Sie Aktivieren Ihre Aktivität auswählen.

    Aktivität aktivieren
    19. Navigieren Sie zur WKND-Startseite (http://localhost:4503/content/wknd/en.html) und Sie sehen die Änderungen, die wir zur Aktivität WKND-Startseite aktualisieren A/B-Test hinzugefügt haben.

    WKND-Homepage aktualisiert
    20. Öffnen Sie Ihre Browser-Konsole und überprüfen Sie die Registerkarte "Netzwerk", um nach Zielantworten für die Aktivität WKND-Homepage-Update A/B-Test zu suchen.

    Netzwerkaktivität

Zusammenfassung

In diesem Kapitel konnte ein Marketingexperte mithilfe von Visual Experience Composer ein Erlebnis erstellen, indem er das Layout und den Inhalt einer Webseite per Drag-and-Drop, Tausch und Änderung durchführte, ohne den Code zum Ausführen eines Tests zu ändern.

Auf dieser Seite