[Integrazione]{class="badge positive"}
Personalization con Compositore esperienza visivo
[AEM Sites 6.5]{class="badge informative"}
In questo capitolo verrà illustrato come creare 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.
- Produttore contenuti/Editor contenuti (Adobe Experience Manager)
- Addetto marketing (Adobe Target / Team di ottimizzazione)
Home page del sito WKND
Prerequisiti
-
AEM
- Istanza pubblicazione AEM in esecuzione su 4503
- AEM integrato con Adobe Target tramite tag
-
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 alla scheda Attività.
-
Fai clic sul pulsante Crea attività e seleziona il tipo di attività come Test A/B
-
Seleziona il canale Web e scegli il Compositore esperienza visivo.
-
Immetti l'URL attività e fai clic su Avanti per aprire il Compositore esperienza visivo.
-
Per il caricamento di Visual Experience Composer, abilita Allow Load Unsafe scripts nel browser e ricarica la pagina.
-
Nell’editor del Compositore esperienza visivo viene aperta la pagina Home del sito WKND.
-
L'esperienza A fornisce la home page WKND predefinita e modifichiamo il layout del contenuto per l'esperienza B.
-
Fai clic su uno dei contenitori di layout schede (Best Roasters) e seleziona l'opzione Ridisponi.
-
Fai clic sul contenitore da ridisporre e trascinalo nella posizione desiderata. Riorganizziamo il contenitore Migliori torrefazioni dalla prima riga della prima colonna alla terza riga. Ora il contenitore Best Roasters è accanto al contenitore Photography Exhibitions.
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 l'opzione Inserisci dopo > HTML per aggiungere HTML.
code language-html <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
-
Fai clic su Avanti per continuare con l'attività.
-
Seleziona il metodo di allocazione traffico come manuale e assegna il 100% di traffico a Esperienza B.
-
Fai clic su Avanti.
-
Fornisci Metriche obiettivo per l'attività e salva e chiudi il test A/B.
-
Specifica un nome (Aggiornamento home page WKND) per l'attività e salva le modifiche.
-
Dalla schermata dei dettagli dell'attività, assicurati di attivare l'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.