En esta serie de vídeos de 5 partes, analizamos la configuración de Asset Insights para el Experience Manager implementado mediante Adobe Launch.
Información general sobre Asset Insights Instale los componentes principales, el componente de imagen de muestra y otros paquetes de contenido para preparar su entorno.
Asegúrese de descargar el versión más reciente de los componentes principales para su implementación.
El vídeo utiliza los componentes principales v2.2.2, que ya no son la última versión; asegúrese de utilizar la versión más reciente antes de continuar con la siguiente sección.
Mejoras en los componentes principales y uso del componente proxy (componente de imagen de muestra) para Asset Insights. Edición de las políticas de plantilla de página de contenido para habilitar el componente de imagen de muestra para el sitio de referencia.
El componente principal de imagen incluye la capacidad de desactivar el seguimiento UUID desactivando el seguimiento del UUID del recurso (valor de identificador único para un nodo creado dentro de JCR)
Los componentes de la imagen principal utilizan data-asset-id dentro del atributo principal <div> de una etiqueta de imagen para habilitar/deshabilitar esta función. El componente Proxy anula el componente principal con los cambios siguientes.
data-aem-asset-id='image.UUID' y data-trackable='true' son los atributos clave que deben estar presentes para las Impresiones de recursos. Para Asset Click Insights, además de los atributos de datos anteriores presentes en la etiqueta <img> , la etiqueta principal debe tener un valor href válido.
El grupo de informes con recopilación de datos en tiempo real se crea para el seguimiento de recursos. La configuración de AEM Assets Insights se configura con credenciales de Adobe Analytics.
La recopilación de datos en tiempo real y AEM informes de recursos deben estar habilitados para su grupo de informes de Adobe Analytics. Al habilitar AEM Asset Reporting, se reservan variables de análisis para realizar el seguimiento de la información de los recursos.
Para la configuración de AEM Assets Insights necesita las siguientes credenciales
Añadir la extensión de Adobe Analytics, crear reglas de carga de página e integrar AEM con la cuenta técnica de Adobe IMS de Launch.
Asegúrese de duplicar todos los cambios de la instancia de autor a la instancia de publicación.
//For AEM 6.3
<script type="text/javascript" src="http://localhost:4503/etc/clientlibs/foundation/assetinsights/pagetracker.js"></script>
//For AEM 6.4
<script type="text/javascript" src="http://localhost:4503/etc.clientlibs/dam/clientlibs/assetinsights/pagetracker.js"></script>
El rastreador de páginas implementa dos llamadas de retorno (registradas en asset-embed-code)
Finalmente, Pagetracker implementa una función de inicialización como.
/*
* AEM Asset Insights
*/
var sObj = window.s;
_satellite.notify('in assetAnalytics customInit');
(function initializeAssetAnalytics() {
if ((!!window.assetAnalytics) && (!!assetAnalytics.dispatcher)) {
_satellite.notify('assetAnalytics ready');
/** NOTE:
Copy over the call to 'assetAnalytics.dispatcher.init()' from Assets Pagetracker
Be mindful about changing the AppMeasurement object as retrieved above.
*/
assetAnalytics.dispatcher.init(
"", /** RSID to send tracking-call to */
"", /** Tracking Server to send tracking-call to */
"", /** Visitor Namespace to send tracking-call to */
"", /** listVar to put comma-separated-list of Asset IDs for Asset Impression Events in tracking-call, e.g. 'listVar1' */
"", /** eVar to put Asset ID for Asset Click Events in, e.g. 'eVar3' */
"", /** event to include in tracking-calls for Asset Impression Events, e.g. 'event8' */
"", /** event to include in tracking-calls for Asset Click Events, e.g. 'event7' */
sObj /** [OPTIONAL] if the webpage already has an AppMeasurement object, please include the object here. If unspecified, Pagetracker Core shall create its own AppMeasurement object */
);
sObj.usePlugins = true;
sObj.doPlugins = assetAnalytics.core.updateContextData;
}
else {
_satellite.notify('assetAnalytics not available. Consider updating the Custom Page Code', 4);
}
})();
/*
* AEM Asset Insights
*/
document.querySelectorAll('[data-aem-asset-id]').forEach(function(element) {
assetAnalytics.core.assetLoaded(element);
var parent = element.parentElement;
if (parent.nodeName == "A") {
parent.addEventListener("click", function() {
assetAnalytics.core.assetClicked(this)
});
}
});
//Launch Build Info
_satellite.buildInfo
//Enables debug messages
_satellite.setDebug(true);
//Asset Insight JS Object
assetAnalytics
//List of trackable images
document.querySelectorAll(".cmp-image__image");
En el vídeo se hace referencia a dos extensiones del explorador Google Chrome como formas de depurar Analytics. También hay extensiones similares disponibles para otros exploradores.
También es posible cambiar la DTM al modo de depuración con la siguiente extensión de Chrome: Conmutador de Launch y DTM. Esto facilita la visualización de si hay algún error relacionado con la implementación de DTM. Además, puede cambiar manualmente el DTM al modo de depuración a través de cualquier explorador herramientas para desarrolladores -> consola JS añadiendo el siguiente fragmento de código:
Configuración de AEM Asset Reporting Sincronizar el Programador de trabajos y el Informe de perspectivas de recursos