ClientContext client-context
ClientContext è un meccanismo che fornisce determinate informazioni sulla pagina corrente e sul visitatore. Può essere aperto con Ctrl-Alt-c (Windows) o opzione-controllo-c (Mac):
Sia nell’ambiente di pubblicazione che in quello di authoring vengono visualizzate informazioni su:
- Il visitatore; a seconda dell’istanza, alcune informazioni sono richieste o derivate.
- Tag pagina e il numero di accessi a tali tag da parte del visitatore corrente (visualizzato quando si sposta il mouse su un tag specifico).
- Informazioni pagina.
- Informazioni sull’ambiente tecnico, ad esempio l’indirizzo IP, il browser e la risoluzione dello schermo.
- Qualsiasi segmento attualmente risolto.
Le icone (disponibili solo nell’ambiente di authoring) consentono di configurare i dettagli del contesto client:
-
Modifica
Viene visualizzata una nuova pagina che consente di modificare, aggiungere o rimuovere una proprietà del profilo. -
Carica
Puoi selezionare da un elenco di profili e caricare il profilo da testare. -
Reimposta
È possibile reimpostare il profilo su quello dell'utente corrente.
Componenti ClientContext disponibili available-client-context-components
ClientContext può mostrare le seguenti proprietà (a seconda di ciò che è stato selezionato utilizzando Modifica):
Informazioni sul surfista Visualizza le seguenti informazioni sul lato client:
- Indirizzo IP
- parole chiave utilizzate per il riferimento al motore di ricerca
- browser in uso
- OS (sistema operativo) in uso
- la schermata risoluzione
- la posizione mouse X
- la posizione mouse Y
Flusso attività Questo fornisce informazioni sull'attività social dell'utente su varie piattaforme, ad esempio forum, blog, valutazioni dell'AEM e così via.
Campagna Consente agli autori di simulare un'esperienza specifica per una campagna. Questo componente sostituisce la risoluzione normale della campagna e la selezione dell’esperienza per abilitare il test di varie permutazioni.
La risoluzione della campagna si basa di solito sulla proprietà di priorità della campagna. L’esperienza viene normalmente selezionata in base alla segmentazione.
Carrello mostra le informazioni del carrello acquisti, inclusi gli articoli (titolo, quantità, prezzoFormattato e così via), le promozioni risolte (titolo, messaggio e così via) e i voucher (codice, descrizione e così via).
L’archivio sessioni del carrello notifica inoltre al server le modifiche di promozione risolte (in base alle modifiche di segmentazione) utilizzando ClientContextCartServlet.
Archivio generico è un componente generico che visualizza il contenuto di un archivio. Si tratta di una versione di livello inferiore del componente Proprietà store generico.
L’archivio generico deve essere configurato con un renderer JS che visualizzerà i dati in modo personalizzato.
Proprietà archivio generico È un componente generico che visualizza il contenuto di un archivio. Si tratta di una versione di livello superiore del componente Store generico.
Il componente Proprietà store generico include un renderer predefinito che elenca le proprietà configurate (insieme a una miniatura).
Geolocalizzazione Mostra la latitudine e la longitudine del client. Utilizza l’API di geolocalizzazione HTML5 per eseguire una query sul browser per la posizione corrente. Questo determina la visualizzazione di un pop-up al visitatore, dove il browser chiede se accetta di condividere la propria posizione.
Quando viene visualizzato in Context Cloud, il componente utilizza un’API Google per visualizzare una mappa come miniatura. Il componente è soggetto ai limiti di utilizzo dell'API Google.
JSONP Store componente che visualizza contenuto dipendente dall'installazione.
Lo standard JSONP è complementare a JSON e consente di aggirare la stessa policy di origine (rendendo impossibile a un’app web comunicare con server che si trovano su un altro dominio). Consiste nel wrapping dell'oggetto JSON in una chiamata di funzione per poterlo caricare come <script>
dall'altro dominio (che è un'eccezione consentita allo stesso criterio di origine).
Il JSONP Store è come qualsiasi altro store, ma carica informazioni che provengono da un altro dominio senza la necessità di avere un proxy per quelle informazioni sul dominio corrente. Vedi l'esempio in Memorizzazione dei dati in ClientContext tramite JSONP.
Dati profilo mostra le informazioni raccolte nel profilo utente. Ad esempio, genere, età, indirizzo e-mail, tra gli altri.
Segmenti risolti mostra quali segmenti vengono attualmente risolti (spesso dipendenti da altre informazioni visualizzate nel contesto client). Ciò è di tuo interesse durante la configurazione di una campagna.
Ad esempio, se il mouse si trova sulla parte sinistra o destra della finestra. Questo segmento viene utilizzato principalmente per i test, in quanto le modifiche possono essere visualizzate immediatamente.
Grafico social mostra il grafico social degli amici e dei follower dell'utente.
/home/users/geometrixx/aparker@geometrixx.info/profile
=> proprietà amiciTag cloud mostra i tag impostati nella pagina corrente e quelli raccolti durante la navigazione nel sito. Lo spostamento del mouse su un tag indica il numero di accessi effettuati dall'utente corrente alle pagine contenenti il tag specifico.
Archivio tecnografica Questo componente dipende dall'installazione.
ViewedProducts tiene traccia dei prodotti visualizzati dall'acquirente. Può essere richiesto il prodotto visualizzato più di recente o il prodotto visualizzato più di recente che non è già presente nel carrello.
Questo archivio sessione non dispone di un componente di contesto client predefinito.
Per ulteriori informazioni, vedere ClientContext in Detail.
pagedata
.Modifica del profilo ClientContext changing-the-client-context-profile
ClientContext consente di modificare i dettagli in modo interattivo:
- La modifica del profilo utilizzato in ClientContext consente di visualizzare le diverse esperienze che i vari utenti vedranno per la pagina corrente.
- Oltre a modificare il profilo utente, puoi modificare alcuni dettagli del profilo per vedere le differenze nell’esperienza della pagina in varie condizioni.
Caricamento di un nuovo profilo utente loading-a-new-user-profile
Puoi modificare il profilo in uno dei seguenti modi:
Al termine, puoi reimpostare il profilo.
Caricamento di un nuovo profilo visitatore con l’icona Carica profilo loading-a-new-visitor-profile-with-the-load-profile-icon
-
Fai clic sull’icona Carica profilo:
-
Viene visualizzata la finestra di dialogo in cui puoi selezionare il profilo da caricare:
-
Fare clic su OK per caricare.
Caricamento di un nuovo profilo utente con il cursore di selezione loading-a-new-user-profile-with-the-selection-slider
Puoi anche selezionare un profilo con il cursore di selezione:
-
Fare doppio clic sull'icona che rappresenta l'utente corrente. Viene aperto il selettore, utilizza le frecce per navigare e visualizzare i profili disponibili:
-
Fai clic sul profilo da caricare. Una volta caricati i dettagli, fai clic all’esterno del selettore per chiuderlo.
Reimpostazione del profilo per l'utente corrente resetting-the-profile-to-the-current-user
-
Utilizza l’icona di reimpostazione per ripristinare il profilo nel contesto client su quello dell’utente corrente:
Modifica della piattaforma del browser changing-the-browser-platform
-
Fai doppio clic sull’icona che rappresenta la piattaforma del browser. Si apre il selettore, utilizza le frecce per navigare e vedi le piattaforme/browser disponibili:
-
Fai clic sul browser della piattaforma da caricare. Una volta caricati i dettagli, fai clic all’esterno del selettore per chiuderlo.
Modifica della geolocalizzazione changing-the-geolocation
-
Fai doppio clic sull’icona di geolocalizzazione. Viene visualizzata una mappa espansa, in cui potete trascinare il marcatore in una nuova posizione:
-
Fai clic all’esterno della mappa per chiuderla.
Modifica della selezione dei tag changing-the-tag-selection
-
Fai doppio clic sulla sezione Tag Cloud del Client Context. Viene visualizzata la finestra di dialogo in cui puoi selezionare i tag:
-
Fare clic su OK per caricare in ClientContext.
Modifica di ClientContext editing-the-client-context
La modifica di un contesto client può essere utilizzata per impostare (o reimpostare) i valori di determinate proprietà, aggiungere una nuova proprietà o rimuoverne una non più necessaria.
Modifica dei dettagli delle proprietà editing-property-details
La modifica di un contesto client può essere utilizzata per impostare (o reimpostare) i valori di determinate proprietà. Questo consente di testare scenari specifici (particolarmente utili per segmentazione e campagne).
Aggiunta di un componente proprietà adding-a-property-component
Dopo aver aperto la pagina di progettazione del ClientContext, puoi anche Aggiungere una proprietà completamente nuova utilizzando i componenti disponibili (i componenti sono elencati sia nella barra laterale che nella finestra di dialogo Inserisci nuovo componente, aperta dopo aver fatto doppio clic sulla casella Trascina qui i componenti o le risorse):
Rimozione di un componente proprietà removing-a-property-component
Dopo aver aperto la pagina di progettazione del ClientContext, puoi anche rimuovere una proprietà se non è più necessaria. Sono incluse le proprietà fornite come predefinite; Ripristina le ripristinerà se sono state rimosse.
Memorizzazione dei dati in ClientContext tramite JSONP storing-data-in-client-context-via-jsonp
Segui questo esempio per utilizzare il componente archivio di contesto JSONP Store per aggiungere dati esterni a ClientContext. Quindi, crea un segmento in base alle informazioni provenienti da tali dati. Nell'esempio viene utilizzato il servizio JSONP fornito da WIPmania.com. Il servizio restituisce informazioni di geolocalizzazione in base all’indirizzo IP del client web.
In questo esempio viene utilizzato il sito Web di esempio Geometrixx Outdoors per accedere a ClientContext e per verificare il segmento creato. È possibile utilizzare un sito Web diverso purché la pagina abbia abilitato ClientContext. (Vedi Aggiunta di ClientContext a una pagina.)
Aggiungi il componente JSONP Store add-the-jsonp-store-component
Aggiungi il componente JSONP Store a ClientContext e utilizzalo per recuperare e memorizzare le informazioni di geolocalizzazione sul client web.
-
Apri la home page inglese del sito Geometrixx Outdoors nell’istanza di authoring AEM. (https://localhost:4502/content/geometrixx-outdoors/en.html).
-
Per aprire ClientContext, premere Ctrl-Alt-c (Windows) o Control-option-c (Mac).
-
Per aprire ClientContext Designer, fai clic sull’icona Modifica nella parte superiore di ClientContext.
-
Trascina il componente JSONP Store su ClientContext.
-
Fai doppio clic sul componente per aprire la finestra di dialogo per modifica.
-
Nella casella URL servizio JSONP, immetti il seguente URL, quindi fai clic su Recupera archivio:
https://api.wipmania.com/jsonp?callback=${callback}
Il componente chiama il servizio JSONP ed elenca tutte le proprietà contenute nei dati restituiti. Le proprietà incluse nell'elenco sono quelle che saranno disponibili in ClientContext.
-
Fare clic su OK.
-
Torna alla home page dei Geometrixx Outdoors e aggiorna la pagina. ClientContext ora include le informazioni dal componente JSONP Store.
Creare il segmento create-the-segment
Utilizza i dati dell'archivio sessione creato con il componente archivio JSONP. Il segmento utilizza la latitudine dell’archivio della sessione e la data corrente per determinare se si tratta dell’ora solare nella posizione del client.
-
Aprire la console Strumenti nel browser Web (
https://localhost:4502/miscadmin#/etc
). -
Nell’albero delle cartelle, fai clic sulla cartella Strumenti/Segmentazione, quindi fai clic su Nuovo > Nuova cartella. Specifica i seguenti valori delle proprietà, quindi fai clic su Crea:
- Nome: miosegmenti
- Titolo: I miei segmenti
-
Seleziona la cartella Segmenti personali e fai clic su Nuovo > Nuova pagina:
- Per Titolo, digitare Inverno.
- Seleziona il modello Segmento.
- Fai clic su Crea.
-
Fai clic con il pulsante destro del mouse sul segmento Inverno e fai clic su Apri.
-
Trascina la proprietà Store generico nel contenitore AND predefinito.
-
Fai doppio clic sul componente per aprire la finestra di dialogo per modifica, specifica i seguenti valori delle proprietà, quindi fai clic su OK:
- Conservare: wipmania
- Nome proprietà: latitude
- Operatore: è maggiore di
- Valore proprietà: 30
-
Trascina il componente Script nello stesso contenitore AND e apri la relativa finestra di dialogo per modifica. Aggiungi lo script seguente e fai clic su OK:
3 < new Date().getMonth() < 12