[Integrering]{class="badge positive"}
Personalization med Visual Experience Composer
[AEM Sites 6.5]{class="badge informative"}
I det här kapitlet ska vi undersöka hur du skapar upplevelser med Visual Experience Composer genom att dra och släppa, byta och ändra layouten och innehållet på en webbsida 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)
- Marketer (Adobe Target/optimeringsteamet)
Startsida för WKND-webbplats
Förutsättningar
-
AEM
- AEM publiceringsinstans som körs på 4503
- AEM integrerat med Adobe Target med taggar
-
Experience Cloud
- Åtkomst till ditt företag Adobe Experience Cloud -
https://<yourcompany>.experiencecloud.adobe.com - Experience Cloud har etablerats med Adobe Target
- Åtkomst till ditt företag Adobe Experience Cloud -
Marknadsföringsaktiviteter
-
Marketern skapar en A/B-målaktivitet inom Adobe Target.
-
Gå till fliken Aktiviteter i ditt Adobe Target-fönster.
-
Klicka på knappen Skapa aktivitet och välj aktivitetstypen som A/B-test
-
Markera webbkanalen och välj Visual Experience Composer.
-
Ange aktivitets-URL och klicka på Nästa för att öppna Visual Experience Composer.
-
Aktivera Tillåt inläsning av osäkra skript i webbläsaren och läs in sidan igen om du vill att Visual Experience Composer ska läsas in.
-
Observera att WKND-webbplatsens hemsida är öppen i Visual Experience Composer-redigeraren.
-
Experience A innehåller WKND-standardstartsidan och vi redigerar innehållslayouten för Experience B.
-
Klicka på en av kortlayoutbehållarna (Bästa roasters) och välj alternativet Ordna om.
-
Klicka på behållaren som du vill ändra ordning på och dra och släpp den till önskad plats. Vi ordnar om behållaren Bästa roasters från första raden i kolumnen till första raden i den tredje kolumnen. Nu är behållaren Best Roasters intill behållaren Photography Exhibition .
Efter byte
-
Du kan även ordna om positionerna för de andra kortbehållarna.
-
Låt oss också lägga till en rubriktext under karusellkomponenten och ovanför kortlayouten.
-
Klicka på karusellbehållaren och välj alternativet Dra in efter > HTML för att lägga till HTML.
code language-html <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
-
Klicka på Nästa om du vill fortsätta med din aktivitet.
-
Välj Trafikallokeringsmetod som manuell och tilldela 100 % trafik till upplevelse B.
-
Klicka på Nästa.
-
Ange målvärden för aktiviteten och spara och stäng A/B-testet.
-
Ange ett namn (WKND Home Page Refresh) för aktiviteten och spara ändringarna.
-
På skärmen Aktivitetsinformation ser du till att Aktivera din aktivitet.
-
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.
-
Öppna webbläsarkonsolen och kontrollera nätverksfliken för att se efter målsvaret för aktiviteten Uppdatera A/B-test på WKND-startsidan.
-
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.