Configurare il canale web Journey Optimizer con Web SDK
Scopri come implementare Adobe Journey Optimizer canale web tramite Adobe Experience Platform Web SDK. Questa lezione descrive i prerequisiti fondamentali per il canale web, i passaggi dettagliati per la configurazione e un approfondimento su un caso d’uso incentrato sullo stato di fedeltà.
Seguendo questa lezione, gli utenti di Journey Optimizer possono utilizzare il canale web per la personalizzazione online avanzata utilizzando il web designer di Journey Optimizer.
Finalità di apprendimento
Alla fine di questa lezione, sarai in grado di:
- Comprendi la funzione e il significato di Web SDK nella distribuzione dell’esperienza del canale web.
- Comprendi il processo di creazione di una campagna per canale web dall’inizio alla fine utilizzando il caso d’uso dei premi fedeltà Luma di esempio.
- Configura le proprietà, le azioni e le pianificazioni della campagna all’interno dell’interfaccia.
- Scopri le funzionalità e i vantaggi dell’estensione Adobe Experience Cloud Visual Editing Helper.
- Scopri come modificare il contenuto delle pagine web, incluse immagini, intestazioni e altri elementi, utilizzando la finestra di progettazione web.
- Scopri come inserire le offerte in una pagina web utilizzando il componente Decisione offerta.
- Acquisisci familiarità con le best practice per garantire la qualità e il successo di una campagna canale web.
Prerequisiti
Per completare le lezioni in questa sezione, devi prima:
-
Completa tutte le lezioni per la configurazione iniziale di Platform Web SDK, inclusa la configurazione di elementi dati e regole.
-
Assicurati che la versione dell’estensione tag Adobe Experience Platform Web SDK sia 2.16 o successiva.
-
Se utilizzi Journey Optimizer Web Designer per creare la tua esperienza di canale web, assicurati di utilizzare i browser Google Chrome o Microsoft® Edge.
-
Inoltre, assicurati di aver scaricato e abilitato Estensione del browser Helper per editing video Adobe Experience Cloud.
-
Assicurati che i cookie di terze parti siano consentiti nel browser. Potrebbe essere necessario disattivare anche i blocchi degli annunci nel browser.
note caution CAUTION In Journey Optimizer Web Designer, alcuni siti Web potrebbero non essere aperti in modo affidabile per uno dei motivi seguenti: - Il sito web dispone di criteri di sicurezza rigorosi.
- Il sito web è incorporato in un iframe.
- Il sito per il controllo qualità o il sito di staging del cliente non è accessibile esternamente (è un sito interno).
-
Durante la creazione di esperienze web e l’inclusione di contenuti dalla libreria Adobe Experience Manager Assets Essentials, è necessario: configura il sottodominio per la pubblicazione di questo contenuto.
-
Se utilizzi la funzione di sperimentazione dei contenuti, assicurati che il set di dati web sia incluso anche nella configurazione di reporting.
-
Attualmente, sono supportati due tipi di implementazioni per abilitare l’authoring e la distribuzione di campagne canale web sulle proprietà web:
- Solo lato client: per modificare il sito web, è necessario implementare Adobe Experience Platform Web SDK.
- Modalità ibrida: puoi utilizzare l’API del server Edge Network di Platform per richiedere la personalizzazione lato server. La risposta dell’API viene quindi fornita a Adobe Experience Platform Web SDK per il rendering delle modifiche sul lato client. Per ulteriori informazioni, consulta la documentazione sulle API di Adobe Experience Platform Edge Network Server. Ulteriori dettagli ed esempi di implementazione per la modalità ibrida sono disponibili in questo post di blog.
note note NOTE L’implementazione solo lato server non è attualmente supportata.
Terminologia
Innanzitutto, devi comprendere la terminologia utilizzata nelle campagne del canale web.
- Canale web: mezzo di comunicazione o per la distribuzione di contenuti tramite web. Nel contesto di questa guida, si riferisce al meccanismo attraverso il quale i contenuti personalizzati vengono consegnati ai visitatori del sito web utilizzando Platform Web SDK, all’interno di Adobe Journey Optimizer.
- Superficie web: si riferisce a una proprietà web identificata da un URL in cui viene distribuito il contenuto. Può includere una o più pagine web.
- web designer Journey Optimizer: strumento o interfaccia specifica all’interno di Journey Optimizer che consente agli utenti di progettare le esperienze dei canali web.
- Helper per editing video Adobe Experience Cloud: estensione del browser per la modifica visiva e la progettazione delle esperienze del canale web.
- Datastream: configurazione all’interno del servizio Adobe Experience Platform che consente di fornire esperienze del canale web.
- Criterio di unione: configurazione che assicura l’attivazione e la pubblicazione accurate delle campagne in entrata.
- Pubblico: segmento specifico di utenti o visitatori del sito che soddisfano determinati criteri.
- Designer web: interfaccia o strumento per la modifica visiva e la progettazione di esperienze web senza immergersi nel codice.
- Editor espressioni: strumento all’interno della finestra di progettazione web che consente agli utenti di aggiungere personalizzazioni al contenuto web, potenzialmente in base ad attributi di dati o altri criteri.
- Componente decisione offerta: componente della finestra di progettazione web che consente di decidere quale offerta è più adatta per essere visualizzata a un visitatore specifico in base alla gestione delle decisioni.
- Esperimento sui contenuti: metodo per testare diverse varianti di contenuto e individuare quella che offre le migliori prestazioni in termini di metrica desiderata, ad esempio i clic in entrata.
- Trattamento: nel contesto degli esperimenti sui contenuti, un trattamento si riferisce a una specifica variante di contenuto in fase di test rispetto a un’altra.
- Simulazione: meccanismo di anteprima per visualizzare l’esperienza del canale web prima di attivarla per i tipi di pubblico live.
Configurare lo stream di dati
Il servizio Adobe Experience Platform è già stato aggiunto allo stream di dati. Ora devi abilitare l’opzione Adobe Journey Optimizer per poter fornire esperienze di canale web.
Per configurare Adobe Journey Optimizer nello stream di dati:
-
Vai a Raccolta dati di rete.
-
Nel menu di navigazione a sinistra, seleziona Flussi di dati.
-
Seleziona lo stream di dati Luma Web SDK creato in precedenza.
-
Seleziona Modifica all'interno del servizio Adobe Experience Platform.
-
Controlla la Adobe Journey Optimizer casella.
-
Seleziona Salva.
In questo modo gli eventi in entrata per Journey Optimizer vengono gestiti correttamente dall’Edge Network di Adobe Experience Platform.
Configurare il criterio di unione
Assicurati che un criterio di unione sia definito con Criterio di unione Attivo su Edge opzione abilitata. Questa opzione dei criteri di unione viene utilizzata dai canali in entrata di Journey Optimizer per garantire l’attivazione e la pubblicazione accurate delle campagne in entrata sul server Edge di.
Per configurare l’opzione nel criterio di unione:
-
Vai a Cliente > Profili nell’interfaccia Experienci Platform o Journey Optimizer.
-
Seleziona la Criteri di unione scheda.
-
Seleziona la policy (in genere è meglio utilizzare la Basato su tempo predefinito ) e attiva/disattiva la Criterio di unione Attivo su Edge all'interno del Configura passaggio.
Configurare il set di dati web per la sperimentazione dei contenuti
Per utilizzare esperimenti sui contenuti nelle campagne per canali web, devi assicurarti che il set di dati web utilizzato sia incluso anche nella configurazione di reporting. Il sistema di reporting di Journey Optimizer utilizza il set di dati in modalità di sola lettura per popolare i rapporti di sperimentazione dei contenuti preconfigurati.
Panoramica del caso d’uso: premi fedeltà
In questa lezione, un esempio di caso di utilizzo dei premi fedeltà viene utilizzato per descrivere nel dettaglio l’implementazione di un’esperienza di canale web utilizzando l’SDK per web.
Questo caso d’uso consente di comprendere meglio in che modo Journey Optimizer può contribuire a fornire ai clienti le migliori esperienze in entrata, utilizzando le campagne Journey Optimizer e il web designer.
Poiché questo tutorial è destinato agli implementatori, vale la pena notare che questa lezione richiede un notevole lavoro sull’interfaccia in Journey Optimizer. Anche se tali attività di interfaccia vengono in genere gestite dagli esperti di marketing, può essere utile che i responsabili dell’implementazione possano acquisire informazioni approfondite sul processo, anche se non sono in genere responsabili della creazione delle campagne per i canali web.
Creare uno schema Fedeltà e acquisire dati di esempio
Quando i dati dell’SDK web vengono acquisiti in Adobe Experience Platform, possono essere arricchiti da altre origini dati acquisite in Platform. Ad esempio, quando un utente accede al sito Luma, in Experienci Platform viene creato un grafico delle identità e tutti gli altri set di dati abilitati per il profilo possono essere potenzialmente uniti per creare profili cliente in tempo reale. Per vedere questo in azione, crea rapidamente un altro set di dati in Adobe Experience Platform con alcuni dati di fedeltà di esempio, in modo da poter utilizzare i profili cliente in tempo reale nelle campagne web Journey Optimizer. Poiché hai già fatto esercizi simili, le istruzioni saranno brevi.
Creare lo schema fedeltà:
-
Crea un nuovo schema
-
Scegli Profilo individuale come classe base
-
Denomina lo schema
Luma Loyalty Schema -
Aggiungi il Dettagli fedeltà gruppo di campi
-
Aggiungi il Dettagli demografici gruppo di campi
-
Seleziona la
Person IDe contrassegnarlo come Identità e Identità primaria utilizzandoLuma CRM IdSpazio dei nomi dell’identità. -
Abilita lo schema per Profilo
Per creare il set di dati e acquisire i dati di esempio:
-
Creare un nuovo set di dati da
Luma Loyalty Schema -
Denomina il set di dati
Luma Loyalty Dataset -
Abilita il set di dati per Profilo
-
Scarica il file di esempio luma-loyalty-forWeb.json
-
Trascinare il file nel set di dati
-
Conferma che i dati siano stati acquisiti correttamente
Creazione di un pubblico
I tipi di pubblico raggruppano i profili in base alle caratteristiche comuni. Crea un pubblico rapido da utilizzare nella campagna web:
-
Nell’interfaccia di Experience Platform, vai a Tipi di pubblico nel menu di navigazione a sinistra
-
Seleziona Creare un pubblico
-
Seleziona Genera regola
-
Seleziona Crea
-
Seleziona Attributi
-
Trova il Fedeltà > Livello e trascinarlo sulla Attributi sezione
-
Definisci il pubblico come utenti il cui
tierègold -
Assegna un nome al pubblico
Luma Loyalty Rewards – Gold Status -
Seleziona Bordo come Metodo di valutazione
-
Seleziona Salva
Poiché si tratta di un pubblico molto semplice, possiamo utilizzare il metodo di valutazione Edge. I tipi di pubblico Edge valutano il Edge di, quindi, nella stessa richiesta effettuata dall’SDK web all’Edge Network di Platform, possiamo valutare la definizione del pubblico e confermare immediatamente se l’utente sarà idoneo.
Crea campagna di premi fedeltà
Dopo aver acquisito i dati di esempio sulla fedeltà e creato il segmento, crea la campagna per il canale web Loyalty Rewards in Adobe Journey Optimizer.
Per creare la campagna di esempio:
-
Apri Journey Optimizer Interfaccia
note note NOTE Schema, set di dati e tipi di pubblico possono essere generati anche nell’interfaccia di Journey Optimizer in quanto sono tutti costrutti di Experience Platform comuni. -
Accedi a Gestione percorso > Campagne nel menu di navigazione a sinistra
-
Clic Crea campagna in alto a destra.
-
In Proprietà , specifica come eseguire la campagna. Per il caso d’uso Premi fedeltà, scegli Pianificato.
-
In Azioni , scegli il Canale web. Come Superficie web, seleziona URL della pagina.
note note NOTE Una superficie web si riferisce a una proprietà web identificata da un URL in cui viene distribuito il contenuto. Può corrispondere a un URL di pagina singola o comprendere più pagine, consentendo di applicare modifiche su una o più pagine web. -
Scegli la URL della pagina opzione superficie web per distribuire l’esperienza su una pagina per questa campagna. Immetti l’URL per la pagina Luma.
https://luma.enablementadobe.com/content/luma/us/en.html -
Una volta definita la superficie web, seleziona Crea.
-
Ora aggiungi alcuni dettagli aggiuntivi alla nuova campagna per canali web. Innanzitutto, assegna un nome alla campagna. Chiamalo
Luma Loyalty Rewards – Gold Status. Facoltativamente, puoi aggiungere una descrizione alla campagna. Aggiungi anche Tag migliorare la tassonomia complessiva della campagna.
-
Per impostazione predefinita, la campagna è attiva per tutti i visitatori del sito. Ai fini di questo caso d’uso, solo i membri che ricevono un premio in oro devono visualizzare l’esperienza. Per abilitare questa funzione, fai clic su Seleziona pubblico e scegli la
Luma Loyalty Rewards – Gold Statuspubblico. -
In Spazio dei nomi dell’identità , seleziona lo spazio dei nomi per identificare i singoli utenti all’interno del segmento scelto. Poiché stai distribuendo la campagna sul sito Luma, puoi scegliere lo spazio dei nomi ECID. Profili all’interno di
Luma Loyalty Rewards – Gold Statusi tipi di pubblico privi dello spazio dei nomi ECID tra le loro varie identità non sono presi di mira dalla campagna del canale web.
-
Pianifica la campagna affinché inizi nella data odierna utilizzando Inizio campagna e termina in una settimana utilizzando Fine campagna opzione.
Sperimentazione con contenuti di premi fedeltà
Se scorri verso l’alto, nella Azione è possibile creare un esperimento per verificare quale contenuto funziona meglio per la sezione Luma Loyalty Rewards – Gold Status pubblico. Creiamo e testiamo due trattamenti come componente della configurazione della campagna.
Per creare l’esperimento sui contenuti:
-
Clic Crea esperimento.
-
Scegli un Metrica di successo. Questa è la metrica per determinare l’efficacia dei contenuti. Scegli Clic univoci in entrata, per vedere quale trattamento dei contenuti genera più clic sul CTA dell’esperienza web.
-
Quando si imposta un esperimento utilizzando il canale web e si sceglie Clic in entrata, Clic univoci in entrata, Visualizzazioni pagina, o Visualizzazioni pagina univoche metriche, le Azione clic a discesa consente di monitorare e tenere traccia con precisione dei clic e delle visualizzazioni su pagine specifiche.
-
Facoltativamente, puoi designare un Blocco che non riceve nessuno dei due trattamenti. Lascia questa opzione deselezionata per il momento.
-
Inoltre, se lo desideri, scegli di Distribuisci uniformemente. Selezionare questa opzione per assicurarsi che le divisioni del trattamento siano sempre divise in modo uniforme.
Ulteriori informazioni sugli esperimenti di contenuto nel canale web Adobe Journey Optimizer.
Modificare il contenuto con Visual Helper
Ora creiamo l’esperienza del canale web. A tale scopo, utilizza Adobe Experience Cloud Helper visivo. Questo strumento è un’estensione del browser compatibile con Google Chrome e Microsoft® Edge. Assicurati di aver scaricato l’estensione prima di tentare di generare le esperienze. Assicurati inoltre che la pagina web includa l’SDK per web.
-
All'interno del Azione scheda della campagna, fai clic su Modifica contenuto. Poiché hai inserito come superficie un URL a pagina singola, dovresti essere pronto per iniziare a lavorare nel compositore.
-
Ora fai clic su Modifica pagina web per iniziare l’authoring.
-
Inizia modificando alcuni elementi utilizzando il compositore web. Utilizza il menu contestuale per modificare l’intestazione dell’immagine protagonista Luma. Regola lo stile del riquadro contestuale a destra.
-
Aggiungi anche la personalizzazione al contenitore utilizzando Editor espressioni.
-
Assicurati che l’esperienza sia correttamente tracciata per i clic. Scegli Fai clic sull’elemento di tracciamento dal menu contestuale.
-
Utilizza il Componente decisione offerta per inserire offerte nella pagina web. Questo componente utilizza Gestione delle decisioni per scegliere l’offerta migliore da consegnare ai visitatori Luma.
Modifiche alla progettazione di HTML
Sono disponibili alcuni metodi per apportare modifiche più avanzate o personalizzate al sito come componente della campagna Premi fedeltà.
Utilizza il Componenti per aggiungere HTML o altri contenuti direttamente al sito Luma.
Aggiungi un nuovo componente HTML nella parte superiore della pagina. Modifica il HTML all’interno del componente dall’interfaccia di progettazione oppure Contestuale riquadro.
In alternativa, aggiungi modifiche HTML da Modifiche riquadro. Questo riquadro consente di selezionare un componente nella pagina e modificarlo dall’interfaccia di progettazione.
Nell’editor, aggiungi il HTML per Luma Loyalty Rewards – Gold Status pubblico. Seleziona Convalida.
Ora controlla il nuovo componente HTML personalizzato per adattarlo alle tue esigenze.
Modificare un componente specifico utilizzando Tipo di selettore CSS modifica.
Aggiungere codice personalizzato utilizzando Pagina <head> tipo modifica.
Le possibilità di utilizzo della Helper visivo.
Simula contenuto premi fedeltà
Osserva un’anteprima della pagina web modificata prima di attivare la campagna. Tieni presente che devi avere profili di test configurati per simulare esperienze di canali web.
Per simulare l'esperienza:
-
Seleziona Simula contenuto all’interno della campagna.
-
Scegli un profilo di test per ricevere la simulazione. Tieni presente che il profilo di test deve essere nel
Luma Loyalty Rewards – Gold Statusper ricevere il trattamento appropriato. -
Viene visualizzata l’anteprima per il profilo di test.
Attivazione della campagna Premi fedeltà
Infine, attiva la campagna del canale web.
-
Seleziona Controlla per attivare.
-
Ti viene chiesto di confermare un’ultima volta i dettagli della campagna. Seleziona Attiva. Potrebbero essere necessari fino a 15 minuti perché la campagna diventi live sul sito.
Premi fedeltà QA
Sono disponibili alcuni accessi che puoi utilizzare per simulare gli utenti con stato Gold e che sono idonei per la tua campagna:
cleavlandeuler@emailsim.io/testleftybeagen@emailsim.io/testjenimartinho@emailsim.io/test
Come best practice, monitora Web scheda dei rapporti live e globali della campagna per i KPI specifici della campagna. Per questa campagna, monitora le impression dell’esperienza e la percentuale di clic.
Convalida del canale web con Adobe Experience Platform Debugger
L’estensione Adobi Experience Platform Debugger, disponibile sia per Chrome che per Firefox, analizza le pagine web per identificare i problemi nell’implementazione delle soluzioni Adobe Experience Cloud.
Puoi utilizzare il debugger sul sito Luma per convalidare l’esperienza del canale web in produzione. Si tratta di una best practice una volta che il caso di utilizzo Fedeltà e premi è attivo e in esecuzione, per garantire che tutto sia configurato correttamente.
Scopri come configurare il debugger nel browser utilizzando la guida qui.
Per iniziare la convalida tramite il debugger:
- Passa alla pagina web Luma con l’esperienza del canale web.
- Nella pagina web, apri Adobe Experience Platform Debugger.
- Accedi a Riepilogo. Verificare che ID flusso di dati corrisponde al flusso di dati in Raccolta dati di Adobe per cui hai abilitato Adobe Journey Optimizer.
- Puoi quindi accedere al sito con vari account fedeltà Luma e utilizzare il debugger per convalidare le richieste inviate all’Edge Network Adobe Experience Platform.
- Sotto Soluzioni passa a Experienci Platform Web SDK.
- All'interno del Configurazione , Attiva Abilita debug. Questo abilita la registrazione per la sessione all’interno di un Adobe Experience Platform Assurance sessione.
- Accedi al sito con vari account fedeltà Luma e utilizza il debugger per convalidare le richieste inviate al Adobe Experience Platform Edge Network. Tutte queste richieste devono essere acquisite in Assurance per il tracciamento dei registri.