Integrar una implementación de Analytics en un entorno de desarrollo
Una vez creada y configurada una propiedad de etiquetas, las bibliotecas están listas para implementarse y el código se implementa en el sitio.
Requisitos previos
Crear y configurar una propiedad de etiquetas para Adobe Analytics: Acceda a la herramienta y cree un espacio para la implementación de Analytics.
Creación de adaptadores y entornos
Las etiquetas adaptan muchos flujos de trabajo de la organización en la implementación de código. Siga estos pasos para crear los componentes mínimos necesarios para una implementación de Analytics. Como administrador de etiquetas, puede trabajar dentro de su organización para establecer el flujo de trabajo correcto para implementar las soluciones de Adobe.
- Inicie sesión en la Recopilación de datos de Adobe Experience Platform con sus credenciales de Adobe ID.
- Haga clic en la propiedad de etiquetas que desee implementar en el sitio.
- Haga clic en Hosts y, a continuación, haga clic en Agregar host.
- Asígnele el nombre
"Adobe managed"
y seleccione Administrado por Adobe en la lista desplegable de tipos. Haga clic en Guardar. - Vaya a Entornos y haga clic en Agregar entorno.
- Seleccione Desarrollo, asígnele el nombre
"Dev Environment"
y, a continuación, seleccione el host administrado por Adobe en la lista desplegable. Haga clic en Guardar. - Aparece una ventana modal que muestra las instrucciones de instalación web. Volveremos a esta ventana más adelante; por ahora, haz clic en Cerrar.
- Haga clic en Agregar entorno, seleccione Ensayo, asígnele el nombre
"Staging Environment"
y, a continuación, seleccione el host administrado por el Adobe. Haga clic en Crear y cierre la ventana modal de instrucciones de instalación. - Vuelva a hacer clic en Agregar entorno, seleccione Producción, asígnele el nombre
"Production Environment"
y, a continuación, seleccione el host administrado por el Adobe. Haga clic en Crear y cierre la ventana modal de instrucciones de instalación.
Creación de una biblioteca de desarrollo
A pesar de todos los cambios y configuraciones realizados hasta ahora, no se ha publicado ningún código. La creación de una biblioteca, traducida como una colección de cambios, permite la publicación de código para su uso en el sitio.
- Inicie sesión en la Recopilación de datos de Adobe Experience Platform con sus credenciales de Adobe ID.
- Haga clic en la propiedad de etiquetas que desee implementar en el sitio.
- Haga clic en la ficha Flujo de publicación y, a continuación, haga clic en Agregar biblioteca. Consulte Información general de publicación en la documentación de etiquetas para obtener más información sobre esta página.
- Asigne un nombre a la biblioteca
'Initial changes'
y seleccione su entorno de desarrollo. - Haga clic en Agregar todos los recursos modificados, que muestra automáticamente Adobe Analytics, Servicio de identidad y Principal.
- Haga clic en Guardar.
- Vuelva a la pantalla Flujo de trabajo de publicación, haga clic en la lista desplegable situada junto a la nueva biblioteca y, a continuación, haga clic en Generar para desarrollo. Después de unos segundos, el punto amarillo de la biblioteca se vuelve verde, lo que indica que la compilación se realizó correctamente.
- Vaya a Entornos y haga clic en el icono de instalación a la derecha del entorno de desarrollo. Esta acción vuelve a abrir la ventana modal Instrucciones de instalación web.
- Copie los bloques de código y envíeselos a los propietarios del sitio web de su organización.
Instalación de etiquetas en el entorno de desarrollo del sitio web
Si controla el código de su sitio web, implemente cada bloque de código en su ubicación respectiva:
- La etiqueta principal pertenece a la etiqueta
<head>
del sitio. - Si decide cargar las etiquetas sincrónicamente, también debe incluir un segundo bloque de código justo debajo de la etiqueta de cierre
</body>
en el sitio. Puede elegir cargar las etiquetas de biblioteca de manera sincrónica alternando la opción Cargar biblioteca de forma asincrónica en las Instrucciones de instalación web.
El código de etiqueta suele colocarse en la plantilla general del sitio. Una página en blanco que solo contenga código de implementación tendría el siguiente aspecto:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example page</title>
<script src="//assets.adobedtm.com/launch-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-development.min.js"></script>
</head>
<body>
<p>This is a test page.</p>
<!-- Only include this extra code if you load tags synchronously -->
<script type="text/javascript">_satellite.pageBottom();</script>
</body>
</html>
Resolución de problemas
Error al intentar la generación.
Un motivo común es que ya existen elementos en otras bibliotecas que se insertan en las fases de ensayo o producción. Al crear bibliotecas por primera vez, asegúrese de que solo se agregan recursos modificados a la biblioteca.
Pasos siguientes
Valide la implementación de Analytics y publique en el proceso de producción: Empiece a sacar el máximo partido de Adobe Analytics.