Ingesta de datos de flujo
En esta lección, debe transmitir los datos mediante el SDK web de Adobe Experience Platform.
Hay dos tareas principales que debemos completar en la interfaz de recopilación de datos:
-
Debemos implementar el SDK web en el sitio web de Luma para enviar datos sobre la actividad del visitante desde el sitio web a la red de Adobe Edge. Haremos una implementación sencilla mediante etiquetas (anteriormente Launch)
-
Debemos configurar una secuencia de datos, que indique a la red de Edge dónde reenviar los datos. Lo configuraremos para enviar los datos a nuestro
Luma Web Events
en nuestra zona protegida de Platform.
Ingenieros de datos deberá ingerir datos de flujo continuo fuera de este tutorial. Al implementar los SDK web o móvil de Adobe Experience Platform, normalmente un desarrollador web o móvil participa en la creación de la capa de datos y en la configuración de las propiedades de etiquetas.
Antes de comenzar los ejercicios, vea estos dos vídeos cortos para obtener más información acerca de la ingesta de datos de flujo continuo y el SDK web:
Permisos necesarios
En el Configuración de permisos Esta lección, ha configurado todos los controles de acceso necesarios para completar esta lección.
Configuración de la secuencia de datos
Primero configuraremos la secuencia de datos. Un conjunto de datos indica a la red de Adobe Edge dónde enviar los datos después de recibirlos desde la llamada del SDK web. Por ejemplo, ¿desea enviar los datos a Experience Platform, Adobe Analytics o Adobe Target? Las secuencias de datos se administran en la interfaz de usuario de recopilación de datos (anteriormente Launch) y son esenciales para la recopilación de datos con el SDK web.
Para crear su secuencia de datos:
-
Inicie sesión en Interfaz de usuario de recopilación de datos de Experience Platform
-
Seleccionar Datastreams en el panel de navegación izquierdo
-
Seleccione el Nueva secuencia de datos botón en la esquina superior derecha
-
Para el Nombre descriptivo, introduzca
Luma Platform Tutorial
(añada su nombre al final, si varias personas de su compañía realizan este tutorial) -
Seleccione el botón Guardar
En la siguiente pantalla, especifique dónde desea enviar los datos. Para enviar datos al Experience Platform:
- Alternar en Adobe Experience Platform para exponer campos adicionales
- Para Sandbox, seleccione
Luma Tutorial
- Para Conjunto de datos de evento, seleccione
Luma Web Events Dataset
- Si utiliza otras aplicaciones de Adobe, puede explorar las demás secciones para ver qué información es necesaria en la configuración de Edge de estas otras soluciones. Recuerde, el SDK web se desarrolló no solo para transmitir datos a Experience Platform, sino también para reemplazar todas las bibliotecas de JavaScript anteriores utilizadas por otras aplicaciones de Adobe. La configuración de Edge se utiliza para especificar los detalles de la cuenta de cada aplicación a la que desea enviar los datos.
- Seleccione Guardar
Una vez guardada la configuración de Edge, la pantalla resultante mostrará tres entornos que se han creado para el desarrollo, el ensayo y la producción. Se pueden añadir entornos de desarrollo adicionales:
Los tres entornos contienen los detalles de Platform que acaba de introducir. Sin embargo, estos detalles se pueden configurar de forma diferente para cada entorno. Por ejemplo, puede hacer que cada entorno envíe datos a un entorno limitado de Platform diferente. En este tutorial, no realizaremos ninguna personalización adicional de nuestro conjunto de datos.
Instalación de la extensión del SDK web
Añadir una propiedad
En primer lugar, se debe crear una propiedad de etiqueta (anteriormente, una propiedad de etiqueta ). Una propiedad es un contenedor para todos los elementos JavaScript, las reglas y otras funciones necesarias para recopilar detalles de una página web y enviarlos a varias ubicaciones.
Para crear una propiedad:
- Ir a Propiedades en el panel de navegación izquierdo
- Seleccione el botón Nueva propiedad
- Como el Nombre, introduzca
Luma Platform Tutorial
(añada su nombre al final, si varias personas de su compañía realizan este tutorial) - Como el Domains, introduzca
enablementadobe.com
(explicado más tarde) - Seleccione Guardar
Añadir la extensión del SDK web
Ahora que tiene una propiedad, puede agregar el SDK web con una extensión. Una extensión es un paquete de código que amplía la interfaz y la funcionalidad de recopilación de datos. Para añadir la extensión:
- Abra la propiedad de etiquetas
- Ir a Extensiones en el panel de navegación izquierdo
- Vaya a la Catálogo pestaña
- Hay muchas extensiones disponibles para las etiquetas. Filtre el catálogo con el término
Web SDK
- En el SDK web de Adobe Experience Platform extensión, seleccione la Instalar botón
- Hay varias configuraciones disponibles para la extensión del SDK web, pero solo dos que vamos a configurar para este tutorial. Actualice el Dominio de Edge hasta
data.enablementadobe.com
. Esta configuración le permite establecer cookies de origen con la implementación del SDK web, lo que se recomienda. Más adelante en esta lección, asignará un sitio web en laenablementadobe.com
a su propiedad de etiquetas. El CNAME paraenablementadobe.com
el dominio ya se ha configurado para quedata.enablementadobe.com
reenviará a los servidores de Adobe. Al implementar el SDK web en su propio sitio web, deberá crear un CNAME para sus propios fines de recopilación de datos, por ejemplo,data.YOUR_DOMAIN.com
- Desde el Datastream , seleccione su
Luma Platform Tutorial
secuencia de datos. - No dude en consultar las demás opciones de configuración (pero no las cambie). y luego seleccione Guardar
Creación de una regla para enviar datos
Ahora crearemos una regla para enviar datos a Platform. Una regla es una combinación de eventos, condiciones y acciones que indican a las etiquetas que realicen alguna acción. Para crear una regla:
- Ir a Reglas en el panel de navegación izquierdo
- Seleccione el Crear nueva regla botón
- Asigne un nombre a la regla
All Pages - Library Loaded
. - En Eventos, seleccione la Añadir botón
- Utilice el Núcleo Extensión y seleccione Library Loaded (Page Top) como el Tipo de evento. Esta configuración significa que la regla se activa cada vez que la biblioteca de Launch se carga en una página.
- Seleccionar Conservar cambios para volver a la pantalla de regla principal
- Salir Condiciones vacío, ya que queremos que esta regla se active en todas las páginas, según el nombre que le dimos
- En Acciones, seleccione la Añadir botón
- Utilice el SDK web de Adobe Experience Platform Extensión y seleccione Enviar evento como el Tipo de acción
- A la derecha, seleccione web.webpagedetails.pageViews desde el Tipo desplegable. Este es uno de los campos XDM de nuestra
Luma Web Events Schema
- Seleccionar Conservar cambios para volver a la pantalla de regla principal
- Seleccionar Guardar para guardar la regla
Publicación de la regla en una biblioteca
A continuación, publicaremos la regla en nuestro entorno de desarrollo para que podamos verificar que funcione.
Para crear una biblioteca:
- Ir a Flujo de publicación en el panel de navegación izquierdo
- Seleccionar Añadir biblioteca
- Para el Nombre, introduzca
Luma Platform Tutorial
- Para el Entorno, seleccione
Development
- Seleccione el Añadir todos los recursos modificados botón. (Además de la SDK web de Adobe Experience Platform y la extensión de
All Pages - Library Loaded
regla, también verá el Núcleo se ha añadido una extensión que contiene el JavaScript base requerido por todas las propiedades web de Launch). - Seleccione el Guardar y generar para desarrollo botón
La biblioteca puede tardar unos minutos en crearse y, cuando se completa, muestra un punto verde a la izquierda del nombre de la biblioteca:
Como puede ver en el Flujo de publicación En la pantalla de, hay mucho más en el proceso de publicación que está fuera del ámbito de este tutorial. Solo vamos a usar una sola biblioteca en nuestro entorno de desarrollo.
Validar los datos de la solicitud
Añadir el Adobe Experience Platform Debugger
Experience Platform Debugger es una extensión disponible para los navegadores Chrome y Firefox que permite ver la tecnología de Adobe implementada en las páginas web. Descargue la versión para su navegador preferido:
Si nunca antes ha utilizado Debugger (y este es diferente del antiguo Adobe Experience Cloud Debugger), puede que desee ver este vídeo de información general de cinco minutos:
Abra el sitio web de Luma.
Para este tutorial, utilizamos una versión alojada públicamente del sitio web de demostración de Luma. Vamos a abrirlo y marcarlo como favorito:
- En una nueva pestaña del explorador, abra el Sitio web de Luma.
- Marcar la página para usarla en el resto del tutorial.
Este sitio web alojado es la razón por la que utilizamos enablementadobe.com
en el Domains del campo de configuración inicial de la propiedad de etiquetas y por qué se ha utilizado data.enablementadobe.com
como dominio de origen en el SDK web de Adobe Experience Platform extensión. ¡Mira, tenía un plan!
Utilice Experience Platform Debugger para asignarlo a la propiedad de etiquetas
Experience Platform Debugger tiene una característica interesante que le permite reemplazar una propiedad de etiqueta existente por otra diferente. Esto resulta útil para la validación y nos permite omitir muchos pasos de implementación en este tutorial.
-
Asegúrese de tener el sitio de Luma abierto y seleccionar el icono de extensión de Experience Platform Debugger.
-
Debugger se abrirá y mostrará algunos detalles de la implementación codificada, que no están relacionados con este tutorial (puede que tenga que volver a cargar el sitio de Luma después de abrir Debugger).
-
Confirme que Debugger es "Conectado a Luma" como se muestra a continuación y, a continuación, seleccione el "bloquear" para bloquear Debugger en el sitio de Luma.
-
Seleccione el Iniciar sesión en la parte superior derecha para autenticarse.
-
Ahora, vaya a Launch en el panel de navegación izquierdo
-
Seleccione la pestaña Configuración
-
A la derecha de donde muestra el Códigos incrustados de página, abra el Acciones y seleccione. Reemplazar
-
Dado que se ha autenticado, Debugger extraerá las propiedades y entornos de Launch disponibles. Seleccione su
Luma Platform Tutorial
propiedad -
Seleccione su
Development
entorno -
Seleccione el Aplicar botón
-
El sitio web de Luma se volverá a cargar con la propiedad de etiquetas. ¡Ayuda, me han hackeado! Sólo bromeaba.
-
Ir a Resumen en el panel de navegación izquierdo, para ver los detalles de su Launch propiedad
-
Ahora, vaya a SDK web de AEP en el panel de navegación izquierdo para ver la Solicitudes de red
-
Abra el eventos reñir
-
Observe cómo podemos ver el
web.webpagedetails.pageView
tipo de evento especificado en nuestra Enviar evento acción y otras variables listas para usar que se ajustan a la variableAEP Web SDK ExperienceEvent Mixin
formato
-
Estos tipos de detalles de solicitud también están visibles en las herramientas para desarrolladores web del explorador Red pestaña. Ábrala y vuelva a cargar la página. Filtrar por llamadas con
interact
para localizar la llamada, selecciónela y, a continuación, busque en Encabezados pestaña, Solicitar carga útil área.
-
Vaya a la Respuesta y observe cómo se incluye el valor de ECID en la respuesta. Copie este valor tal como lo utilizará para validar la información de perfil en el siguiente ejercicio.
Validación de los datos en Experience Platform
Puede validar que los datos están llegando a Platform consultando los lotes de datos que llegan a Luma Web Events Dataset
. (Lo sé, se llama ingesta de datos de streaming, pero ahora estoy diciendo que llega en lotes! Se transmite en tiempo real al perfil de, por lo que puede utilizarse para la segmentación y activación en tiempo real, pero se envía en lotes cada 15 minutos al lago de datos).
Para validar los datos:
- En la interfaz de usuario de Platform, vaya a Conjuntos de datos en el panel de navegación izquierdo
- Abra el
Luma Web Events Dataset
y confirme que ha llegado un lote. Recuerde que se envían cada 15 minutos, por lo que es posible que tenga que esperar a que aparezca el lote. - Seleccione el Previsualizar conjunto de datos botón
- En el modal de vista previa, observe cómo puede seleccionar diferentes campos del esquema a la izquierda para previsualizar esos puntos de datos específicos:
También puede confirmar que se muestra el nuevo perfil:
- En la interfaz de usuario de Platform, vaya a Perfiles en el panel de navegación izquierdo
- Seleccione el ECID y busque su valor ECID (cópielo de la respuesta). El perfil tendrá su propio ID, independiente del ECID.
- Seleccione el ID de perfil para abrir el perfil
- Seleccione el Eventos para ver las páginas que ha visto
\
Añadir datos personalizados al evento
Creación de un elemento de datos para el nombre de página
-
En la interfaz de etiquetas de recopilación de datos, en la esquina superior derecha de su
Luma Platform Tutorial
, abra la propiedad Seleccionar una biblioteca de trabajo y seleccione suLuma Platform Tutorial
biblioteca. Esta configuración facilita la publicación de actualizaciones adicionales en la biblioteca. -
Ahora, vaya a Elementos de datos en el panel de navegación izquierdo
-
Seleccione el Crear nuevo elemento de datos botón
-
Como el Nombre, introduzca
Page Name
-
Como el Tipo de elemento de datos, seleccione
JavaScript Variable
-
Como el Nombre de variable JavaScript, introduzca
digitalData.page.pageInfo.pageName
-
Para ayudar a estandarizar el formato de los valores, marque las casillas de Forzar valor de minúsculas y Limpiar texto
-
Asegúrese de que
Luma Platform Tutorial
está seleccionado como la biblioteca de trabajo -
Seleccionar Guardar en biblioteca
Asigne el nombre de página al elemento de datos del objeto XDM
Ahora asignaremos el nombre de página al SDK web.
Luma Tutorial Platform
perfil y agregar el elemento de permiso Zonas protegidas > Prod. Después, haga una SHIFT-Reload en la página Elementos de datos para borrar la cachéEn el Elementos de datos página:
- Crear un nuevo elemento de datos
- Como el Nombre, introduzca
XDM Object
- Como el Extensión, seleccione
Adobe Experience Platform Web SDK
- Como el Tipo de elemento de datos, seleccione
XDM object
- Como el Sandbox, seleccione su
Luma Tutorial
espacio aislado - Como el Esquema, seleccione su
Luma Web Events Schema
- Seleccione el
web.webPageDetails.name
campo - Como el Valor, seleccione el icono para abrir el modal de selección de elementos de datos y elija su
Page Name
elemento de datos - Seleccionar Guardar en biblioteca
Este mismo proceso se utiliza para asignar datos personalizados adicionales del sitio web a campos XDM.
Añadir los datos XDM a la acción Enviar evento
Ahora que los datos están asignados a campos XDM, puede incluirlos en la acción Enviar evento:
- Vaya a la Reglas pantalla
- Abra su
All Pages - Library Loaded
regla - Abra el
Adobe Experience Platform Web SDK - Send Event
acción - Como el Datos XDM, seleccione el icono para abrir el modal de selección de elementos de datos y elija su
XDM Object
elemento de datos - Seleccione el Conservar cambios botón
- Ahora, ya que has tenido
Luma Platform Tutorial
seleccionado como su biblioteca de trabajo para los últimos ejercicios, los cambios recientes se han guardado directamente en la biblioteca. En lugar de tener que publicar los cambios a través de la pantalla Flujo de publicación, puede abrir el menú desplegable en el botón azul y seleccionar Guardar en biblioteca y crear
Esto comienza a crear una nueva biblioteca de etiquetas con los tres cambios que acaba de realizar.
Validación de los datos XDM
Ahora debería poder volver a cargar la página principal de Luma, mientras está asignada a la propiedad de etiqueta mediante el depurador, como ha aprendido anteriormente, y ver que el campo de nombre de página se rellena en la solicitud.
También puede validar los datos de nombre de página recibidos en Platform mediante la vista previa del conjunto de datos y el perfil.
Envío de identidades adicionales
La implementación del SDK web ahora envía eventos con el ID de Experience Cloud (ECID) como identificador principal. El SDK web genera automáticamente el ECID, que es único por dispositivo y explorador. Un solo cliente puede tener varios ECID en función del dispositivo y el explorador que utilice. Entonces, ¿cómo podemos obtener una vista unificada de este cliente y vincular su actividad en línea a nuestros datos de CRM, lealtad y compras sin conexión? Lo hacemos recopilando identidades adicionales durante su sesión y vinculando de manera determinista su perfil a través de la vinculación de identidad.
Si lo recuerda, mencioné que utilizaríamos los ID de ECID y CRM como identidades para nuestros datos web en el Asignar identidades lección. Vamos a recopilar el ID de CRM con el SDK web.
Añadir elemento de datos para el ID de CRM
Primero almacenamos el ID de CRM en un elemento de datos:
- En la interfaz de etiquetas, añada un elemento de datos denominado
CRM Id
- Como el Tipo de elemento de datos, seleccione Variable JavaScript
- Como el Nombre de variable JavaScript, introduzca
digitalData.user.0.profile.0.attributes.username
- Seleccione el Guardar en biblioteca botón (
Luma Platform Tutorial
debe seguir siendo su biblioteca de trabajo)
Añadir el ID de CRM al elemento de datos del mapa de identidad
Ahora que hemos capturado el valor de ID de CRM, debemos asociarlo con un tipo de elemento de datos especial denominado Mapa de identidad elemento de datos:
-
Añada un elemento de datos denominado
Identities
-
Como el Extensión, seleccione SDK web de Adobe Experience Platform
-
Como el Tipo de elemento de datos, seleccione Mapa de identidad
-
Como el Área de nombres, introduzca
Luma CRM Id
, que es el namespace hemos creado en una lección anteriornote warning WARNING La extensión SDK para web de Adobe Experience Platform versión 2.2 permite seleccionar Área de nombres de una lista desplegable rellenada previamente con los valores reales de la cuenta de Platform. Desafortunadamente, esta función aún no tiene en cuenta la zona protegida y, por lo tanto, la variable Luma CRM Id
es posible que el valor no aparezca en la lista desplegable. Esto puede impedir que complete este ejercicio. Publicaremos una solución una vez confirmada. -
Como el ID, seleccione el icono para abrir el modal de selección de elementos de datos y elija su
CRM Id
elemento de datos -
Como el Estado autenticado, seleccione Autenticado
-
Salir Principal desenfrenado. Dado que el ID de CRM no está presente para la mayoría de los visitantes del sitio web de Luma, no desea anular el ECID como identificador principal. Sería un caso de uso poco frecuente utilizar cualquier cosa que no sea el ECID como identificador principal. Por lo general, no menciono la configuración predeterminada en estas instrucciones, pero llamo a esta para ayudarle a evitar dolores de cabeza más adelante en su propia implementación.
-
Seleccione el Guardar en biblioteca botón (
Luma Platform Tutorial
debe seguir siendo su biblioteca de trabajo)
Añadir el elemento de datos del mapa de identidad al objeto XDM
Hay un elemento de datos más que debemos actualizar: el elemento de datos del objeto XDM. Puede parecer extraño tener que actualizar tres elementos de datos separados para pasar esta identidad, pero este proceso está diseñado para escalar para varias identidades. No te preocupes, ¡ya casi terminamos esta lección!
- Abra el elemento de datos Objeto XDM
- Abra el campo XDM de IdentityMap
- Como el Elemento de datos, seleccione el icono para abrir el modal de selección de elementos de datos y elija su
Identities
elemento de datos - Ahora, ya que has tenido
Luma Platform Tutorial
seleccionado como su biblioteca de trabajo para los últimos ejercicios, los cambios recientes se han guardado directamente en la biblioteca. En lugar de tener que publicar los cambios a través de la pantalla Flujo de publicación, puede abrir el menú desplegable en el botón azul y seleccionar Guardar en biblioteca y crear
Validación de la identidad
Para validar que el SDK web ahora envía el ID de CRM:
- Abra el Sitio web de Luma
- Asígnelo a la propiedad de etiquetas mediante Debugger, según las instrucciones anteriores
- Seleccione el Iniciar sesión en la parte superior derecha del sitio web de Luma
- Inicie sesión con las credenciales
test@adobe.com
/test
- Una vez autenticada, inspeccione la llamada del SDK web de Experience Platform en Debugger (SDK web de Adobe Experience Platform > Solicitudes de red > eventos de la solicitud más reciente) y debería ver el
lumaCrmId
:
- Busque el perfil de usuario utilizando el área de nombres y el valor de ECID de nuevo. En el perfil, verá el ID de CRM y también el ID de fidelidad y los detalles del perfil, como el nombre y el número de teléfono. Todas las identidades y los datos se han unido en un único perfil de cliente en tiempo real.
Recursos adicionales
¡Buen trabajo! Se trataba de mucha información sobre el SDK web y Launch. Hay mucho más involucrado en una implementación completa, pero estos son los conceptos básicos para ayudarle a empezar y ver los resultados en Platform.
Luma Tutorial Platform
perfil de productoIngenieros de datos, si lo desea, puede pasar al lección ejecutar consultas.
Arquitectos de datos, puede pasar a políticas de combinación!