Personalizzazione mediante Visual Experience Composer
In questo capitolo, esploreremo la creazione di esperienze utilizzando Compositore esperienza visivo trascinando, scambiando e modificando il layout e il contenuto di una pagina web dall’interno di Target.
Panoramica dello scenario
La pagina Home del sito WKND mostra le attività locali o le operazioni migliori da eseguire in una città sotto forma di layout di schede. In qualità di addetto al marketing, ti è stata assegnata l’attività di modifica della home page, riorganizzando i layout delle schede per vedere in che modo influisce sul coinvolgimento degli utenti e favorisce la conversione.
Utenti interessati
Per questo esercizio, è necessario coinvolgere i seguenti utenti e per eseguire alcune attività potrebbe essere necessario l'accesso amministrativo.
- Content Producer/Editor contenuti (Adobe Experience Manager)
- Addetto marketing (Adobe Target / Team di ottimizzazione)
Home page del sito WKND
Prerequisiti
-
AEM
-
Experience Cloud
- Accesso al Adobe Experience Cloud delle organizzazioni -
https://<yourcompany>.experiencecloud.adobe.com
- Experience Cloud fornito con Adobe Target
- Accesso al Adobe Experience Cloud delle organizzazioni -
Attività degli addetti marketing
-
L’addetto al marketing crea un’attività di destinazione A/B in Adobe Target.
-
Dalla finestra di Adobe Target, passa a Attività scheda.
-
Clic Crea attività e seleziona il tipo di attività come Test A/B
-
Seleziona la Web e scegli il Compositore esperienza visivo.
-
Inserisci il URL attività e fai clic su Successivo per aprire il Compositore esperienza visivo.
-
Per Compositore esperienza visivo per caricare, abilita Consenti caricamento script non sicuri sul browser e ricarica la pagina.
-
Nell’editor del Compositore esperienza visivo viene aperta la pagina Home del sito WKND.
-
Esperienza A fornisce la home page WKND predefinita e modifichiamo il layout del contenuto per Esperienza B.
-
Fai clic su uno dei contenitori di layout scheda (I migliori torrefattori) e seleziona Ridisponi opzione.
-
Fai clic sul contenitore da ridisporre e trascinalo nella posizione desiderata. Ridisponiamo il I migliori torrefattori contenitore dalla prima riga della prima colonna alla prima riga della terza colonna. Ora il I migliori torrefattori il contenitore è accanto a Mostre fotografiche contenitore.
Dopo lo scambio
-
Analogamente, ridisporre le posizioni per gli altri contenitori di carte.
-
Aggiungiamo anche un testo di intestazione sotto il componente Carosello e sopra il layout della scheda.
-
Fai clic sul contenitore del carosello e seleziona la Inserisci dopo > HTML per aggiungere HTML.
code language-html <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
-
Clic Successivo per continuare con l’attività.
-
Seleziona la Metodo di allocazione traffico come manuale e allocare il 100% del traffico a Esperienza B.
-
Fai clic su Avanti.
-
Fornire Metriche obiettivo per l’attività e salvare e chiudere il test A/B.
-
Immetti un nome (Aggiornamento home page WKND) per l'attività e salva le modifiche.
-
Dalla schermata Dettagli attività, assicurati di: Attiva attività.
-
Passa alla home page WKND (http://localhost:4503/content/wknd/en.html) e osserva le modifiche aggiunte all’attività Test A/B di aggiornamento della home page WKND.
-
Apri la console del browser ed esamina la scheda rete per cercare la risposta di destinazione per l’attività Test A/B di aggiornamento pagina iniziale WKND.
-
Riepilogo
In questo capitolo, un addetto marketing è stato in grado di creare un’esperienza utilizzando il Compositore esperienza visivo trascinando, scambiando e modificando il layout e il contenuto di una pagina web senza modificare alcun codice per eseguire un test.