[Integratie]{class="badge positive"}
Personalization die Visual Experience Composer gebruikt
[AEM Sites 6.5]{class="badge informative"}
In dit hoofdstuk, zullen wij het creëren van ervaringen onderzoeken gebruikend Visuele Composer van de Ervaring door te slepen en te laten vallen, de lay-out en de inhoud van een Web-pagina van binnen Doel te ruilen.
Overzicht van scenario
De WKND-homepage geeft lokale activiteiten weer of het beste wat je kunt doen rond een stad in de vorm van kaartlay-outs. Als markator, bent u de taak toegewezen om de homepage te wijzigen, door de kaartlay-outs te herschikken om te zien hoe het gebruikersbetrokkenheid beïnvloedt en omzetting drijft.
Betrokken gebruikers
Voor deze oefening, moeten de volgende gebruikers worden betrokken en om sommige taken uit te voeren u administratieve toegang zou kunnen vereisen.
- de Producent van de Inhoud/de Redacteur van de Inhoud (Adobe Experience Manager)
- Marketer (het Team van Adobe Target / van de Optimalisering)
Startpagina WKND-site
Vereisten
-
AEM
-
Experience Cloud
- Toegang tot uw organisaties Adobe Experience Cloud -
https://<yourcompany>.experiencecloud.adobe.com - Experience Cloud provisioned met Adobe Target
- Toegang tot uw organisaties Adobe Experience Cloud -
Marktactiviteiten
-
De Marketer maakt een A/B-doelactiviteit in Adobe Target.
-
Van uw venster van Adobe Target, navigeer aan Activiteiten tabel.
-
Klik creeer de knoop van de Activiteit en selecteer het activiteitstype als Test A/B
-
Selecteer het kanaal van het 0} Web {en kies Visuele Composer van de Ervaring .
-
Ga Activiteit URL in en klik daarna om de Visuele Composer van de Ervaring te openen.
-
Voor Visuele Composer van de Ervaring om te laden, laat toe Lading Onveilige manuscripten op uw browser en herlaad uw pagina.
-
Merk op de WKND homepage van de Plaats open in de redacteur van Composer van de Visuele Ervaring.
-
Ervaring A verstrekt de standaardWKND Homepage, en laat de inhoudslay-out voor Ervaring B uitgeven.
-
Klik op één van de container van de kaartlay-out (Beste Roasters) en selecteer herschikt optie.
-
Klik op de container die u opnieuw wilt rangschikken en sleep deze naar de gewenste locatie. Laat de Beste Roasters container van 1st rij 1st kolom aan 1st rij 3de kolom opnieuw rangschikken. Nu is de Beste container van Roasters naast container van de Extracties van de Fotografie.
na Wisselen
-
Op dezelfde manier wijzigt u de rangschikking van posities voor de andere kaartcontainers.
-
Voeg ook een koptekst toe onder de carrouselcomponent en boven de kaartlay-out.
-
Klik op de carrouselcontainer en selecteer Inzet na > HTML optie om HTML toe te voegen.
code language-html <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
-
Klik daarna om met uw activiteit verder te gaan.
-
Selecteer de Methode van de Toewijzing van het Verkeer als hand en wijs 100% verkeer aan Ervaring B toe.
-
Klik op Next.
-
Verstrek Goal Metrics voor uw Activiteit en sparen en sluit uw Test A/B.
-
Verstrek een naam (WKND Vernieuwen de Homepage van het Huis) voor uw Activiteit en sparen uw veranderingen.
-
Van het scherm van de Details van de Activiteit, zorg ervoor activeer uw activiteit.
-
Navigeer naar de startpagina van WKND (http://localhost:4503/content/wknd/en.html) en u merkt de wijzigingen die we hebben toegevoegd aan de testactiviteit A/B van de WKND-startpagina vernieuwen.
-
Open uw browser console, en inspecteer het netwerklusje om doelreactie voor de Pagina van het Huis te zoeken WKND verfrist A/B de activiteit van de Test van de Test A.
-
Samenvatting
In dit hoofdstuk, kon een teller een ervaring tot stand brengen gebruikend Visual Experience Composer door te slepen en neer te zetten, de lay-out en de inhoud van een Web-pagina te ruilen zonder enige code te veranderen om een test in werking te stellen.