[Integración]{class="badge positive"}
Uso de etiquetas mediante Adobe Developer Console
[AEM Sites 6.5]{class="badge informative"}
Requisitos previos
-
AEM instancia de autor y publicación de que se ejecuta en el puerto localhost 4502 y 4503 respectivamente
-
Experience Cloud
-
Acceso a Adobe Experience Cloud de sus organizaciones -
https://<yourcompany>.experiencecloud.adobe.com -
Aprovisionamiento del Experience Cloud con las siguientes soluciones
note note NOTE Debe tener permiso para desarrollar, aprobar, Publish, gestionar extensiones y entornos en la recopilación de datos. Si no puede completar estos pasos porque ninguna de las opciones de la interfaz de usuario está disponible, póngase en contacto con su Experience Cloud de para solicitar el acceso. Para obtener más información sobre los permisos de etiquetas, consulte la documentación.
-
-
Extensiones de explorador Chrome
- Adobe Experience Cloud Debugger(https://chrome.google.com/webstore/detail/adobe-experience-platform/bfnnokhpnncpkdmbokanobigaccjkpob)
Usuarios implicados
Para esta integración, deben participar las siguientes audiencias y, para realizar algunas tareas, es posible que necesite acceso administrativo.
- Desarrollador
- AEM Administrador de
- Experience Cloud Administrator
Introducción
AEM ofrece una integración predeterminada con etiquetas de. AEM Esta integración permite a los administradores de la configurar fácilmente las etiquetas a través de una interfaz fácil de usar, lo que reduce el nivel de esfuerzo y el número de errores al configurar estas dos herramientas. Y solo añadiendo la extensión de Adobe Target a las etiquetas nos ayudará a utilizar todas las funciones de Adobe Target AEM en las páginas web de la.
En esta sección, se tratarán los siguientes pasos de integración:
-
Etiquetas
- Crear una propiedad de etiquetas
- Añadir extensión de Target
- Crear un elemento de datos
- Crear una regla de página
- Configurar entornos
- Generar y publicar
-
AEM
- Creación de un Cloud Service
- Crear
Etiquetas
Creación de una propiedad de etiquetas
Una propiedad es un contenedor que se rellena con extensiones, reglas, elementos de datos y bibliotecas al implementar etiquetas en el sitio.
- Vaya a sus organizaciones Adobe Experience Cloud (
https://<yourcompany>.experiencecloud.adobe.com) - Inicie sesión con su Adobe ID y asegúrese de que se encuentra en la organización correcta.
- En el conmutador de soluciones, haga clic en Experience Platform, luego en la sección Recopilación de datos y seleccione Etiquetas.
-
Asegúrese de que se encuentra en la organización correcta y, a continuación, proceda a crear una propiedad de etiquetas.
Para obtener más información sobre cómo crear propiedades, consulte Crear una propiedad en la documentación del producto.
-
Haz clic en el botón Nueva propiedad
-
AEM Asigne un nombre a su propiedad (por ejemplo, Tutorial de Target de la aplicación)
-
Como dominio, introduzca localhost.com, ya que es el dominio en el que se ejecuta el sitio de demostración de WKND. Aunque el campo 'Dominio' es obligatorio, la propiedad tags funcionará en cualquier dominio donde esté implementada. El propósito principal de este campo es rellenar previamente las opciones de menú en el generador de reglas.
-
Haga clic en el botón Guardar.
-
Abra la propiedad que acaba de crear y haga clic en la pestaña Extensiones.
Añadir la extensión de Target
La extensión de Adobe Target admite implementaciones del lado del cliente mediante el SDK de JavaScript de Target para la web moderna, at.js. Los clientes que todavía usan la biblioteca antigua de Target mbox.js, deben actualizarse a at.js para usar etiquetas.
La extensión de Target consta de dos partes principales:
-
La configuración de la extensión, que administra la configuración de la biblioteca principal
-
Acciones de regla para hacer lo siguiente:
- Load Target (at.js)
- Añadir parámetros a todos los mboxes
- Añadir parámetros a mbox global
- Fire Global Mbox
-
En Extensiones, puede ver la lista de extensiones instaladas para la propiedad de etiquetas. (La extensión principal de Adobe Launch está instalada de manera predeterminada)
-
Haga clic en la opción Catálogo de extensiones y busque Target en el filtro.
-
Seleccione la última versión de Adobe Target at.js y haga clic en la opción Instalar.
-
Haga clic en el botón Configurar y verá la ventana de configuración con las credenciales de la cuenta de Target importadas y la versión de at.js para esta extensión.
Cuando Target se implementa mediante códigos incrustados de etiquetas asincrónicas, debe codificar de forma rígida un fragmento de ocultamiento previo en las páginas antes de los códigos incrustados de etiquetas para administrar el parpadeo del contenido. Más adelante aprenderemos más sobre el francotirador preocultado. Puede descargar el fragmento de ocultamiento previo aquí
-
Haga clic en Guardar para completar la adición de la extensión de Target a su propiedad de etiquetas y ahora debería poder ver la extensión de Target en la lista de extensiones Instaladas.
-
Repita los pasos anteriores para buscar la extensión "Servicio de ID de Experience Cloud" e instálela.
Configurar entornos
- Haga clic en la ficha Entorno de la propiedad del sitio y verá la lista de entornos que se crean para ella. De forma predeterminada, tenemos una instancia creada para desarrollo, ensayo y producción.
Generar y publicar
-
Haga clic en la ficha Publicación de la propiedad del sitio. Vamos a crear una biblioteca para generar e implementar nuestros cambios (elementos de datos y reglas) en un entorno de desarrollo.
embed -
Publish cambia del entorno de desarrollo a un entorno de ensayo.
embed -
Ejecute la opción Generar para ensayo.
-
Una vez completada la compilación, ejecute Aprobar para publicación, que mueve los cambios de un entorno de ensayo a un entorno de producción.
-
Finalmente, ejecute la opción Generar y Publish en producción para insertar los cambios en producción.
Adobe Experience Manager
- AEM Cree la integración de IMS en el con las credenciales de Adobe Developer. (1:12 a 03:55)
- En Recopilación de datos, cree una propiedad. (cubierto arriba)
- Con la integración de IMS del paso 1, cree la integración de etiquetas para importar la propiedad de etiquetas.
- AEM En, asigne la integración de etiquetas a un sitio mediante la configuración del explorador. (05:28 a 06:14)
- Valide la integración manualmente. (06:15 a 06:33)
- Uso del complemento del explorador de Adobe Experience Cloud Debugger. (06:51 a 07:22)
AEM En este punto, ha integrado correctamente con Adobe Target mediante etiquetas, tal como se detalla en la Opción 1.
AEM AEM Para utilizar ofertas de fragmentos de experiencias de la aplicación para ofrecerle posibilidades en las actividades de personalización, continúe con el siguiente capítulo e integre la aplicación con Adobe Target mediante los servicios en la nube heredados.