[Integratie]{class="badge positive"}

Asset Insights instellen met AEM Assets en tags

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

In deze videoreeks van vijf delen, laten we door de opstelling en configuratie van de Inzichten van Activa voor Experience Manager lopen die via markeringen wordt opgesteld.

Deel 1: Overzicht van asset Insights overview

Overzicht van Asset Insights. Installeer Core Components, Sample Image Component en andere inhoudspakketten om uw omgeving gereed te maken.

Architectuurdiagram architecture-diagram

De video gebruikt Core Components v2.2.2. Dit is niet de nieuwste versie. Gebruik de nieuwste versie voordat u verdergaat met de volgende sectie.

Deel 2: Asset Insights Tracking inschakelen voor voorbeeldafbeeldingscomponent sample-image-component-asset-insights

Verbeteringen aan de componenten van de Kern en het gebruiken van volmachtscomponent (de Component van het Beeld van de Steekproef) voor de Inzichten van Activa. Het sjabloonbeleid voor de inhoudspagina bewerken om de voorbeeldafbeeldingscomponent in te schakelen voor de verwijzingssite.

De component Core Image gebruikt data-asset-id attribuut binnen het bovenliggende element <div> van een afbeeldingstag om deze functie in of uit te schakelen. Proxy-component negeert de kerncomponent met de volgende wijzigingen.

Deel 3: Adobe Analytics — Report Suite maken, gegevensverzameling in realtime mogelijk maken en AEM Assets-rapportage adobe-analytics-asset-insights

De reeks van het rapport met gegevensinzameling in real time wordt gecreeerd voor activa het volgen. AEM Assets Insights-configuratie wordt ingesteld met Adobe Analytics-referenties.

Voor de configuratie van AEM Assets Insights hebt u de volgende referenties nodig

Deel 4: Tags gebruiken om Adobe Analytics-extensie toe te voegen part-using-launch-by-adobe-for-adding-adobe-analytics-extension

Adobe Analytics-extensie toevoegen, regels voor het laden van pagina's maken en AEM integreren met tags met de technische account van Adobe IMS.

Regel 1: Paginanummering (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>

Paginacontracker implementeert twee callbacks (geregistreerd in asset-embed-code)

Tot slot implementeert Paginacontracker een initialisatiefunctie als.

Regel 2: Afbeeldingsbeheer — Actie 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: Afbeeldingsbeheer — Handeling 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)
        });
    }
});

Foutopsporingsinstructies voor console 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");

Twee Google Chrome-browserextensies worden in de video gebruikt als manieren om fouten op te sporen in Analytics. Soortgelijke extensies zijn ook beschikbaar voor andere browsers.

Deel 5: Testen van gegevens over het analytisch bijhouden en synchroniseren van het inzicht analytics-tracking-asset-insights

Rapport AEM Asset Reporting Job Scheduler en Assets Insights-rapporten configureren