Personalizzazione tramite Compositore esperienza visivo

In questo capitolo, esploreremo la creazione di esperienze utilizzando Compositore esperienza visivo trascinando, rilasciando, scambiando e modificando il layout e il contenuto di una pagina web dall'interno di Target.

Panoramica dello scenario

La home page del sito WKND mostra le attività locali o la cosa migliore da fare intorno a una città sotto forma di layout di carte. In qualità di addetto al marketing, ti è stato assegnato il compito di modificare la home page riorganizzando i layout delle schede per vedere in che modo influisce sul coinvolgimento dell’utente e favorisce la conversione.

Utenti coinvolti

Per questo esercizio è necessario coinvolgere i seguenti utenti ed eseguire alcune attività, potrebbe essere necessario un accesso amministrativo.

  • Content Producer/Content Editor (Adobe Experience Manager)
  • Addetto al marketing (Adobe Target / Team di ottimizzazione)

Home page sito WKND

Scenario AEM Target 1

Prerequisiti

Attività di marketing

  1. L’addetto al marketing crea un’attività di destinazione A/B in Adobe Target.

    1. Dalla finestra di Adobe Target, passa alla scheda Attività .

    2. Fai clic sul pulsante Crea attività e seleziona il tipo di attività come Test A/B

      Adobe Target - Creare un’attività

    3. Seleziona il canale Web e scegli il Compositore esperienza visivo.

    4. Inserisci l' URL attività e fai clic su Avanti per aprire il Compositore esperienza visivo.

      Adobe Target - Creare un’attività

    5. Affinché Compositore esperienza visivo possa essere caricato, abilita Consenti il caricamento di script non sicuri nel browser e ricarica la pagina.

      Attività Targeting esperienze

    6. Osserva la home page del sito WKND aperta nell’editor del Compositore esperienza visivo.

      VEC

    7. Experience fornisce la home page WKND predefinita e modifichiamo il layout del contenuto per Experience B.

      Esperienza B

    8. Fai clic su uno dei contenitori di layout della scheda (Best Roasters) e seleziona l'opzione Ridisponi.

      Selezione del contenitore

    9. Fai clic sul contenitore che desideri ridisporre e trascinalo nella posizione desiderata. Ridisponiamo il contenitore Best Roasters dalla prima riga prima colonna alla prima riga terza colonna. Ora il contenitore Best Roasters si trova accanto al contenitore Mostra fotografia .

      Scambio contenitore

      Dopo lo scambio
      Contenitore scambiato

    10. Analogamente, ridisporre le posizioni per gli altri contenitori di carte.

    Contenitore scambiato
    11. Aggiungiamo anche un testo di intestazione sotto il componente carosello e sopra il layout di scheda.
    12. Fai clic sul contenitore del carosello e seleziona l’opzione Inserisci dopo > HTML per aggiungere il codice HTML.

    Aggiungi testo

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

    Aggiungi testo
    13. Fai clic su Avanti per continuare l'attività.
    14. Seleziona il Metodo di allocazione del traffico come manuale e assegna il 100% del traffico a Esperienza B.

    Traffico B
    15. Fai clic su Avanti.
    16. Fornisci Metriche obiettivo per la tua attività e Salva e chiudi il test A/B.

    Metrica per obiettivo di test A/B
    17. Specifica un nome (Aggiorna home page WKND) per l'attività e salva le modifiche.
    18. Dalla schermata dei dettagli dell'attività, assicurati di Attivare l'attività.

    Attiva attività
    19. Passa alla home page WKND (http://localhost:4503/content/wknd/en.html) e noterai le modifiche aggiunte all’attività Test A/B di aggiornamento pagina Home WKND.

    Home page WKND aggiornata
    20. Apri la console del browser e controlla la scheda di rete per cercare la risposta di destinazione per l’attività Test A/B di aggiornamento pagina iniziale WKND.

    Attività di rete

In questo capitolo, un addetto al marketing è stato in grado di creare un’esperienza utilizzando Visual Experience Composer (Compositore esperienza visivo) trascinando e rilasciando, scambiando e modificando il layout e il contenuto di una pagina web senza modificare il codice necessario per eseguire un test.

In questa pagina