En esta serie de vídeos de cinco partes, analicemos la configuración de Asset Insights para Experience Manager implementados mediante Adobe Launch.
Información general de 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 Última versión de componentes principales para su implementación.
El vídeo utiliza los componentes principales v2.2.2, que no es la versión más reciente; asegúrese de utilizar la versión más reciente antes de pasar a la siguiente sección.
Mejoras en los componentes principales y uso del componente proxy (componente de imagen de muestra) para las perspectivas de recursos. Editar las directivas 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 deshabilitar el seguimiento UUID al deshabilitar el seguimiento del UUID del recurso (valor de identificador único para un nodo creado dentro de JCR)
El componente de imagen principal utiliza data-asset-id atributo dentro del elemento principal <div> de una etiqueta de imagen para activar o desactivar esta función. El componente proxy anula el componente principal con los siguientes cambios.
data-aem-asset-id='image.UUID' y data-trackable='true' son los atributos clave que deben estar presentes para las impresiones de recursos. Para las perspectivas de clic en recursos, además de los atributos de datos anteriores presentes en la <img> etiqueta, la etiqueta principal debe tener un valor href válido.
Se crea un grupo de informes con recopilación de datos en tiempo real para el seguimiento de recursos. La configuración de AEM Assets Insights se configura con las credenciales de Adobe Analytics.
AEM La recopilación de datos en tiempo real y la creación de informes de recursos de la deben estar habilitadas para el grupo de informes de Adobe Analytics. AEM Al habilitar el informe de recursos de, se reservan variables de análisis para rastrear las perspectivas de recursos.
Para la configuración de AEM Assets Insights, necesita las siguientes credenciales
Añadir la extensión de Adobe Analytics AEM, crear reglas de carga de página e integrar con Launch con la cuenta técnica de IMS de Adobe.
Asegúrese de replicar 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 el código incrustado del recurso)
Finalmente, el rastreador de páginas 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 de explorador Google Chrome como formas de depurar Analytics. Extensiones similares están disponibles para otros navegadores también.
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 comprobación de si hay algún error relacionado con la implementación de DTM. Además, puede cambiar manualmente la DTM al modo de depuración a través de cualquier explorador herramienta para desarrolladores -> Consola JS añadiendo el siguiente fragmento de código:
AEM Configuración del programador de trabajos de sincronización de Asset Reporting y el informe de perspectivas de recursos