DokumentationAEMSjälvstudiekurser om AEMKom igång med AEM och Adobe Target

[Integrering]{class="badge positive"}

Personalisering med Visual Experience Composer

Last update: Wed May 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Intermediate
  • Developer

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

I det här kapitlet ska vi utforska hur vi skapar upplevelser med Visual Experience Composer genom att dra och släppa, byta och ändra en webbsidas layout och innehåll inifrån Target.

Scenarioöversikt

På WKND:s hemsida visas lokala aktiviteter eller det bästa att göra runt en stad i form av kortlayouter. Som marknadsförare har du tilldelats uppgiften att ändra hemsidan genom att ordna om kortlayouterna för att se hur det påverkar användarengagemanget och driver konverteringen.

Berörda användare

För den här övningen måste följande användare vara involverade och för att kunna utföra vissa uppgifter måste du ha administratörsbehörighet.

  • Content Producer/Content Editor (Adobe Experience Manager)
  • Marknadsförare (Adobe Target/optimeringsteamet)

Startsida för WKND-webbplats

AEM målscenario 1

Förutsättningar

Marknadsföringsaktiviteter

  1. Marketern skapar en A/B-målaktivitet inom Adobe Target.

    1. I Adobe Target-fönstret går du till Verksamhet -fliken.

    2. Klicka Skapa aktivitet och välj aktivitetstyp som A/B-test

      Adobe Target - Skapa aktivitet

    3. Välj Webb kanal och välj Visual Experience Composer.

    4. Ange Aktivitets-URL och klicka Nästa för att öppna Visual Experience Composer.

      Adobe Target - Skapa aktivitet

    5. För Visual Experience Composer att läsa in, aktivera Tillåt inläsning av osäkra skript i webbläsaren och läsa in sidan igen.

      Experience Targeting Activity

    6. Observera att WKND-webbplatsens hemsida är öppen i Visual Experience Composer-redigeraren.

      VEC

    7. Upplevelse A innehåller standardhemsidan för WKND, och vi redigerar innehållslayouten för Upplevelse B.

      Upplevelse B

    8. Klicka på en av kortlayoutbehållarna (Bästa roasters) och markera Ordna om alternativ.

      Behållarval

    9. Klicka på behållaren som du vill ändra ordning på och dra och släpp den till önskad plats. Vi ordnar om Bästa roasters behållare från första raden, första kolumnen till första raden, tredje kolumnen. Nu Bästa roasters behållaren är intill Fotografiutställningar behållare.

      Behållarväxling
      Efter växling
      Behållare utbytt

    10. Du kan även ordna om positionerna för de andra kortbehållarna.

      Behållare utbytt

    11. Låt oss också lägga till en rubriktext under karusellkomponenten och ovanför kortlayouten.

    12. Klicka på karusellbehållaren och välj Indrag efter > HTML för att lägga till HTML.

      Lägg till text

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

      Lägg till text

    13. Klicka Nästa för att fortsätta med din aktivitet.

    14. Välj Trafikallokeringsmetod som manuell och tillåt 100 % trafik till Upplevelse B.

      Experience B Traffic

    15. Klicka på Nästa.

    16. Ange Målmått för din aktivitet och spara och stäng A/B-testet.

      Mätning av A/B-testmål

    17. Ange ett namn (WKND - hemsidesuppdatering) för din aktivitet och spara ändringarna.

    18. På skärmen Aktivitetsinformation ser du till att Aktivera din aktivitet.

      Aktivera aktivitet

    19. Navigera till WKND-hemsida (http://localhost:4503/content/wknd/en.html) och se ändringarna vi lade till i aktiviteten Uppdatera A/B-test för WKND-hemsidan.

      WKND hemsida har uppdaterats

    20. Öppna webbläsarkonsolen och kontrollera nätverksfliken för att se efter målsvaret för aktiviteten Uppdatera A/B-test på WKND-startsidan.

    Nätverksaktivitet

Sammanfattning

I det här kapitlet kunde en marknadsförare skapa en upplevelse med Visual Experience Composer genom att dra och släppa, byta och ändra layouten och innehållet på en webbsida utan att ändra någon kod för att köra ett test.

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