[Integrering]{class="badge positive"}

Konfigurera tillgångsinsikter med AEM Assets och taggar

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

I den här femdelade videoserien går vi igenom konfigurationen och konfigurationen av resursinsikter för Experience Manager som distribueras via taggar.

Del 1: Översikt över tillgångsinsikter overview

Översikt över tillgångsinsikter. Installera Core Components, Sample Image Component och andra innehållspaket för att göra miljön klar.

Arkitekturdiagram architecture-diagram

I videon används Core Components v2.2.2, som inte är den senaste versionen. Använd den senaste versionen innan du fortsätter till nästa avsnitt.

Del 2: Aktivera spårning av tillgångsinsikter för exempelbildkomponent sample-image-component-asset-insights

Förbättringar av kärnkomponenter och användning av proxykomponent (exempelbildkomponent) för tillgångsinsikter. Redigera policyer för innehållsmallar för att aktivera exempelbildkomponenten för referensplatsen.

Komponenten Core Image använder data-asset-id attribut inom överordnad <div> av en bildtagg för att aktivera/inaktivera den här funktionen. Proxy-komponenten åsidosätter kärnkomponenten med följande ändringar.

Del 3: Adobe Analytics - Creating Report Suite, enabling Real-Time data collection and AEM Assets Reporting adobe-analytics-asset-insights

Rapportsviten med datainsamling i realtid skapas för att spåra tillgångar. Konfigurationen av AEM Assets Insights konfigureras med Adobe Analytics inloggningsuppgifter.

För AEM Assets Insights-konfigurationen behöver du följande autentiseringsuppgifter

Del 4: Använda taggar för att lägga till Adobe Analytics-tillägg part-using-launch-by-adobe-for-adding-adobe-analytics-extension

Lägga till Adobe Analytics Extension, skapa sidladdningsregler och integrera AEM med taggar med Adobe IMS-konto.

Regel 1: Sidspårare (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>

Page tracker implements two call back (registered in asset-embed-code)

Slutligen implementerar Page tracker en initieringsfunktion som.

Regel 2: Bildspårare - Åtgärd 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);
 }
})();

Regel 2: Bildspårare - Åtgärd 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)
        });
    }
});

Felsökningsprogramsatser för konsol 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");

Det finns två webbläsartillägg för Google Chrome i videon som ett sätt att felsöka Analytics. Liknande tillägg finns även för andra webbläsare.

Del 5: Testning av analysspårning och synkronisering av insiktsdata analytics-tracking-asset-insights

Konfigurera AEM synkroniseringsrapport för jobbschemaläggning och resursinsikter