DokumentationAEMAEM-TutorialsErste Schritte mit AEM und Adobe Target

[Integration]{class="badge positive"}

Personalisierung mit Visual Experience Composer

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Fortgeschrittener
  • Entwickler

[AEM Sites 6.5]{class="badge informative"}

In diesem Kapitel beschäftigen wir uns mit Erstellung von Erlebnissen mit Visual Experience Composer durch Ziehen und Ablegen, Tauschen und Ändern des Layouts sowie Inhalts einer Web-Seite in Target.

Überblick über das Szenario

Auf der Homepage der WKND-Site werden lokale Aktivitäten oder die besten Unternehmungen in einer Stadt in Form von Karten-Layouts präsentiert. Als Marketing-Fachkraft haben Sie die Aufgabe erhalten, die Homepage zu ändern, indem Sie die Karten-Layouts neu anordnen, um zu sehen, wie sich dies auf die Benutzerinteraktion auswirkt und die Konversion vorantreibt.

Beteiligte Benutzerinnen und Benutzer

Für diese Übung müssen die folgenden Benutzenden einbezogen werden. Bei bestimmten Aufgaben benötigen Sie außerdem unter Umständen Administratorzugriff.

  • Inhaltserstellerin/-Inhaltsbearbeiterin bzw. Inhaltsersteller/-Inhaltsbearbeiter (Adobe Experience Manager)
  • Marketing-Fachkraft (Adobe Target/Optimierungs-Team)

Homepage der WKND-Site

AEM Target-Szenario 1

Voraussetzungen

Aktivitäten der Marketing-Fachkraft

  1. Die Marketing-Fachkraft 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 A/B-Test als Aktivitätstyp aus.
      Adobe Target – Aktivität erstellen
    3. Wählen Sie den Web-Kanal und dann Visual Experience Composer aus.
    4. Geben Sie die Aktivitäts-URL ein und klicken Sie auf Weiter, um Visual Experience Composer zu öffnen.
      Adobe Target – Aktivität erstellen
    5. Zum Laden von Visual Experience Composer aktivieren Sie in Ihrem Browser die Option Unsichere Skripte laden und laden Sie die Seite neu.
      Experience Targeting-Aktivität
    6. Die Homepage der WKND-Site wird im Visual Experience Composer-Editor geöffnet.
      VEC
    7. Mit Erlebnis A wird die standardmäßige WKND-Homepage bereitgestellt. Ändern Sie nun das Inhalts-Layout für Erlebnis B.
      Erlebnis B
    8. Klicken Sie auf einen der Karten-Layout-Container (Best Roaster) und wählen Sie die Option Neu anordnen aus.
      Container-Auswahl
    9. Klicken Sie auf den Container, der neu angeordnet werden soll, und ziehen Sie ihn an die gewünschte Position. Ordnen Sie den Container Best Roaster neu an, sodass er nicht mehr in der ersten Zeile der ersten Spalte, sondern in der ersten Zeile der dritten Spalte erscheint. Der Container Best Roaster befindet sich nun neben dem Container Photography Exhibitions.
      Container-Tausch
      Nach dem Tausch
      Getauschte Container
    10. Ordnen Sie die Positionen für die anderen Karten-Container auf die gleiche Weise neu an.
      Getauschte Container
    11. Fügen Sie auch einen Kopfzeilentext unter der Karussellkomponente und über dem Karten-Layout hinzu.
    12. Klicken Sie auf den Karussell-Container und wählen Sie die Option Einfügen nach > HTML aus, um HTML hinzuzufügen.
      Text hinzufügen
    code language-html 
    <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>

    Text hinzufügen
    13. Klicken Sie auf Weiter, um mit der Aktivität fortzufahren.
    14. Wählen Sie unter Traffic-Zuordnungsmethode die Option „Manuell“ aus und weisen Sie 100 % des Traffics dem Erlebnis B zu.
    Traffic für Erlebnis B
    15. Klicken Sie auf Weiter.
    16. Geben Sie Zielmetriken für Ihre Aktivität an und speichern und schließen Sie den A/B-Test.
    Zielmetrik für A/B-Test
    17. Geben Sie einen Namen (Aktualisierung der WKND-Homepage) für Ihre Aktivität ein und speichern Sie Ihre Änderungen.
    18. Stellen Sie im Bildschirm mit den Aktivitätsdetails sicher, dass Sie Ihre Aktivität aktivieren.
    Aktivieren der Aktivität
    19. Navigieren Sie zur WKND-Homepage (http://localhost:4503/content/wknd/en.html). Ihnen werden die Änderungen auffallen, die wir zur A/B-Testaktivität im Rahmen der WKND-Homepage-Aktualisierung hinzugefügt haben.
    Aktualisierte WKND-Homepage
    20. Öffnen Sie Ihre Browser-Konsole und überprüfen Sie die Registerkarte „Netzwerk“, um sich die Zielreaktion auf die A/B-Testaktivität im Rahmen der WKND-Homepage-Aktualisierung anzusehen.
    Netzwerkaktivität

Zusammenfassung

In diesem Kapitel konnte eine Marketing-Fachkraft mithilfe von Visual Experience Composer durch Ziehen und Ablegen, Tauschen und Ändern des Layouts sowie Inhalts einer Web-Seite ein Erlebnis erstellen, ohne den Code zum Ausführen eines Tests zu ändern.

recommendation-more-help
d30c09d2-e4b1-4b0b-a09a-250d84817092