Client Context client-context
Client Context es un mecanismo que proporciona determinada información sobre la página y el visitante actuales. Se puede abrir usando Ctrl-Alt-c (windows) o control-option-c (Mac):
Tanto en el entorno de publicación como de creación muestra información sobre:
- El visitante; según la instancia, se solicita o se deriva cierta información.
- Etiquetas de página y el número de veces que el visitante actual ha accedido a estas etiquetas (esto se muestra cuando mueve el ratón sobre una etiqueta específica)
- Información de página.
- Información sobre el entorno técnico; como la dirección IP, el explorador y la resolución de pantalla.
- Cualquier segmento que esté resuelto actualmente.
Los iconos (solo disponibles en el entorno de creación) permiten configurar los detalles del contexto del cliente:
-
Editar
Se abre una nueva página, que le permite editar, agregar o quitar una propiedad de perfil. -
Cargar
Puede seleccionar de una lista de perfiles y cargar el perfil que desea probar. -
Restablecer
Puede restablecer el perfil al del usuario actual.
Componentes de Client Context disponibles available-client-context-components
Client Context puede mostrar las siguientes propiedades (según lo que se haya seleccionado usando Edit):
Información del internauta Muestra la siguiente información del lado del cliente:
- la dirección IP
- palabras clave utilizadas para la referencia del motor de búsqueda
- se está utilizando browser
- se está usando el SO (sistema operativo)
- la pantalla resolution
- la posición mouse X
- la posición Y del ratón
AEM Flujo de actividad: Proporciona información sobre la actividad social del usuario en varias plataformas; por ejemplo, los foros de la, blogs, clasificaciones, etc.
Campaign permite a los autores simular una experiencia específica para una campaña. Este componente anula la resolución normal de la campaña y la selección de experiencias para habilitar la prueba de varias permutaciones.
La resolución de la campaña se basa normalmente en la propiedad priority de la campaña. La experiencia se selecciona normalmente en función de la segmentación.
Carro muestra información del carro de compras, incluidas las entradas de productos (título, cantidad, priceFormatted, etc.), las promociones resueltas (título, mensaje, etc.) y los cupones (código, descripción, etc.).
El almacén de sesiones del carro de compras también notifica al servidor acerca de los cambios de promoción resueltos (según los cambios de segmentación) mediante ClientContextCartServlet.
Almacén genérico es un componente genérico que muestra el contenido de un almacén. Es una versión de nivel inferior del componente Propiedades de almacenamiento genérico.
El almacén genérico debe configurarse con un procesador de JS que muestre los datos de forma personalizada.
Propiedades de almacenamiento genérico es un componente genérico que muestra el contenido de un almacén. Es una versión de nivel superior del componente Almacenamiento genérico.
El componente Propiedades de almacenamiento genérico incluye un procesador predeterminado que enumera las propiedades configuradas (junto con una miniatura).
Geolocalización Muestra la latitud y longitud del cliente. Utiliza la API de geolocalización de HTML5 para consultar la ubicación actual en el explorador. Esto hace que se muestre una ventana emergente al visitante, donde el explorador le preguntará si acepta compartir su ubicación.
Cuando se muestra en Context Cloud, el componente utiliza una API de Google para mostrar un mapa como miniatura. El componente está sujeto a los límites de uso de la API de Google.
Almacén JSONP Componente que muestra contenido que depende de la instalación.
El estándar JSONP es un complemento de JSON que permite eludir la misma política de origen (lo que impide que una aplicación web se comunique con servidores que están en otro dominio). Consiste en ajustar el objeto JSON en una llamada de función para poder cargarlo como un <script>
desde el otro dominio (lo que es una excepción permitida para la misma directiva de origen).
El Almacén JSONP es como cualquier otro almacén, pero carga información que proviene de otro dominio sin necesidad de tener un proxy para esa información en el dominio actual. Vea el ejemplo en Almacenamiento de datos en Client Context mediante JSONP.
Datos de perfil Muestra información recopilada en el perfil de usuario. Por ejemplo: sexo, edad, dirección de correo electrónico, entre otros.
Segmentos resueltos Muestra qué segmentos se resuelven actualmente (a menudo depende de otra información mostrada en el contexto del cliente). Esto es de interés al configurar una campaña.
Por ejemplo, si el ratón se encuentra actualmente sobre la parte izquierda o derecha de la ventana. Este segmento se utiliza principalmente para pruebas, ya que los cambios se pueden ver inmediatamente.
Gráfico social Muestra el gráfico social de los amigos y seguidores del usuario.
/home/users/geometrixx/aparker@geometrixx.info/profile
=> propiedad de amigosNube de etiquetas Muestra las etiquetas configuradas en la página actual y las recopiladas mientras se navega por el sitio. Al mover el ratón sobre una etiqueta, se muestra el número de veces que el usuario actual ha accedido a páginas que contienen esa etiqueta específica.
Almacenamiento tecnográfico Este componente depende de la instalación.
ViewedProducts realiza un seguimiento de los productos que el comprador ha visto. Se puede consultar el producto visualizado más recientemente o el producto visualizado más recientemente que no está aún en el carro de compras.
Este almacén de sesión no tiene ningún componente de contexto de cliente predeterminado.
Para obtener más información, consulte Client Context en detalle.
pagedata
.Cambio del perfil de ClientContext changing-the-client-context-profile
Client Context permite cambiar los detalles de forma interactiva:
- Cambiar el perfil que se utiliza en Client Context le permite ver las diferentes experiencias que los distintos usuarios verán para la página actual.
- Además de cambiar el perfil de usuario, puede cambiar algunos detalles del perfil para ver cómo difiere la experiencia de la página en diversas condiciones.
Carga de un nuevo perfil de usuario loading-a-new-user-profile
Para cambiar el perfil, haga lo siguiente:
Cuando termine, puede restablecer el perfil.
Carga de un nuevo perfil del visitante con el icono de carga de perfil loading-a-new-visitor-profile-with-the-load-profile-icon
-
Haga clic en el icono Cargar perfil:
-
Esto abre el cuadro de diálogo, donde puede seleccionar el perfil que desea cargar:
-
Haga clic en Aceptar para cargar.
Carga de un nuevo perfil de usuario con el regulador de selección loading-a-new-user-profile-with-the-selection-slider
También puede seleccionar un perfil con el control deslizante de selección:
-
Haga doble clic en el icono que representa al usuario actual. Cuando se abra el selector, utilice las flechas para desplazarse y ver los perfiles disponibles:
-
Haga clic en el perfil que desee cargar. Una vez cargados los detalles, haga clic fuera del selector para cerrar.
Restablecimiento del perfil al usuario actual resetting-the-profile-to-the-current-user
-
Utilice el icono de restablecimiento para devolver el perfil de Client Context al del usuario actual:
Cambio de la plataforma del explorador changing-the-browser-platform
-
Haga doble clic en el icono que representa la plataforma del explorador. Cuando se abra el selector, utilice las flechas para desplazarse y ver las plataformas o exploradores disponibles:
-
Haga clic en el explorador de la plataforma que desee cargar. Una vez cargados los detalles, haga clic fuera del selector para cerrar.
Cambio de la geolocalización changing-the-geolocation
-
Haga doble clic en el icono de geolocalización. Se abre un mapa expandido, donde puede arrastrar el marcador a una nueva ubicación:
-
Haga clic fuera del mapa para cerrar.
Cambio de la selección de etiquetas changing-the-tag-selection
-
Haga doble clic en la sección Nube de etiquetas de Client Context. Se abrirá el cuadro de diálogo, donde puede seleccionar las etiquetas:
-
Haga clic en Aceptar para cargar en Client Context.
Edición de Client Context editing-the-client-context
La edición de un contexto de cliente se puede utilizar para establecer (o restablecer) los valores de determinadas propiedades, añadir una nueva propiedad o eliminar una que ya no sea necesaria.
Edición de detalles de propiedad editing-property-details
La edición de un contexto de cliente se puede utilizar para establecer (o restablecer) los valores de determinadas propiedades. Esto le permite probar escenarios específicos (especialmente útiles para segmentación y campañas).
Añadir un componente de propiedad adding-a-property-component
Después de abrir la página de diseño del ClientContext, también puede agregar una propiedad completamente nueva mediante los componentes disponibles (los componentes se enumeran en la barra de tareas o en el cuadro de diálogo Insertar nuevo componente que se abre después de hacer doble clic en el cuadro Arrastrar componentes o recursos aquí):
Eliminación de un componente de propiedad removing-a-property-component
Después de abrir la página de diseño del ClientContext, también puede quitar una propiedad si ya no es necesaria. Esto incluye propiedades proporcionadas de forma predeterminada; Reset las restablecerá si se han eliminado.
Almacenamiento de datos en Client Context mediante JSONP storing-data-in-client-context-via-jsonp
Siga este ejemplo para utilizar el componente de almacén de contexto JSONP Store para agregar datos externos a Client Context. A continuación, cree un segmento basado en la información de esos datos. El ejemplo utiliza el servicio JSONP que proporciona WIPmania.com. El servicio devuelve información de geolocalización basada en la dirección IP del cliente web.
En este ejemplo se utiliza el sitio web de ejemplo Geometrixx Outdoors para acceder a Client Context y probar el segmento creado. Puede utilizar un sitio web diferente siempre y cuando la página tenga habilitado Client Context. (Consulte Agregar Client Context a una página.)
Añadir el componente de tienda JSONP add-the-jsonp-store-component
Agregue el componente Almacenamiento JSONP a Client Context y utilícelo para recuperar y almacenar información de geolocalización sobre el cliente web.
-
Abra la página de inicio en inglés del sitio de Geometrixx Outdoors AEM en la instancia de autor de la. (https://localhost:4502/content/geometrixx-outdoors/en.html).
-
Para abrir Client Context, pulse Ctrl-Alt-c (Windows) o control-opción-c (Mac).
-
Haga clic en el icono de edición en la parte superior de Client Context para abrir Client Context Designer.
-
Arrastre el componente Almacenamiento JSONP a Client Context.
-
Haga doble clic en el componente para abrir el cuadro de diálogo de edición.
-
En el cuadro URL del servicio JSONP, escriba la siguiente dirección URL y, a continuación, haga clic en Recuperar almacén:
https://api.wipmania.com/jsonp?callback=${callback}
El componente llama al servicio JSONP y enumera todas las propiedades que contienen los datos devueltos. Las propiedades de la lista son las que estarán disponibles en Client Context.
-
Haga clic en Aceptar.
-
Vuelva a la página principal de los Geometrixx Outdoors y actualice la página. Client Context ahora incluye la información del componente Tienda JSONP.
Creación del segmento create-the-segment
Utilice los datos del almacén de sesiones que ha creado con el componente de almacén JSONP. El segmento utiliza la latitud del almacén de sesiones y la fecha actual para determinar si es invierno en la ubicación del cliente.
-
Abra la consola Herramientas en el explorador web (
https://localhost:4502/miscadmin#/etc
). -
En el árbol de carpetas, haga clic en la carpeta Herramientas/Segmentación y, a continuación, haga clic en Nueva > Nueva carpeta. Especifique los siguientes valores de propiedad y haga clic en Crear:
- Nombre: mysegments
- Título: Mis segmentos
-
Seleccione la carpeta Mis segmentos y haga clic en Nueva > Nueva página:
- En Título, escriba Invierno.
- Seleccione la Plantilla de segmentos.
- Haga clic en Crear.
-
Haga clic con el botón derecho en el segmento Invierno y haga clic en Abrir.
-
Arrastre la Propiedad de almacenamiento genérico al contenedor AND predeterminado.
-
Haga doble clic en el componente para abrir el cuadro de diálogo de edición, especifique los siguientes valores de propiedad y, a continuación, haga clic en Aceptar:
- Tienda: wipmania
- Nombre de la propiedad: latitude
- Operador: is greater than
- Valor de la propiedad: 30
-
Arrastre el componente Script al mismo contenedor AND y abra su cuadro de diálogo de edición. Añada la siguiente secuencia de comandos y haga clic en Aceptar:
3 < new Date().getMonth() < 12