[Integración]{class="badge positive"}

Configuración de Asset Insights con AEM Assets y etiquetas

[AEM Assets as a Cloud Service, AEM Assets 6.5]{class="badge informative"}

En esta serie de vídeos de cinco partes, analicemos la configuración de Asset Insights para Experience Manager implementados mediante etiquetas.

Parte 1: Información general de Asset Insights overview

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.

Diagrama de arquitectura architecture-diagram

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.

Parte 2: Habilitar el seguimiento de Asset Insights para el componente de imagen de muestra sample-image-component-asset-insights

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 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.

Parte 3: Adobe Analytics: Creación de un grupo de informes, activación de la recopilación de datos en tiempo real y creación de informes en AEM Assets adobe-analytics-asset-insights

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.

Para la configuración de AEM Assets Insights, necesita las siguientes credenciales

Parte 4: Uso de etiquetas para añadir la extensión de Adobe Analytics part-using-launch-by-adobe-for-adding-adobe-analytics-extension

Añadir la extensión de Adobe Analytics AEM, crear reglas de carga de página e integrar con etiquetas con la cuenta técnica de IMS de Adobe.

Regla 1: Rastreador de páginas (pagetracker.js) rule-page-tracker-pagetracker-js

//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.

Regla 2: Rastreador de imágenes — Acción 1 (asset-insights.js) rule-image-tracker-action-asset-insights-js

/*
 * 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);
 }
})();

Regla 2: Rastreador de imágenes — Acción 2 (image-tracker.js) rule-image-tracker-action-image-tracker-js

/*
 * 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)
        });
    }
});

Instrucciones de depuración de consola console-debug-statements

// Tags build info
_satellite.buildInfo

//Enables debug messages
_satellite.setDebug(true);

//Asset Insight JavaScript 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.

Parte 5: Prueba del seguimiento analítico y sincronización de datos de perspectiva analytics-tracking-asset-insights

AEM Configuración del programador de trabajos de sincronización de Asset Reporting y el informe de perspectivas de recursos