Dokumentation AEM Självstudiekurser om AEM Självstudiekurser om AEM Sites

[Integrering]{class="badge positive"}

Integrera AEM Sites och Adobe Analytics med Platform Web SDK

Last update: Mon Nov 04 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Ämnen:

Skapat för:

Nybörjare
Mellanliggande
Administratör
Utvecklare

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

Lär dig det moderna sättet att integrera Adobe Experience Manager (AEM) och Adobe Analytics med Platform Web SDK. Den här omfattande självstudiekursen vägleder dig genom processen att sömlöst samla in WKND-sidvyn och CTA klickdata. Få värdefulla insikter genom att visualisera insamlade data i Adobe Analysis Workspace, där ni kan utforska olika mätvärden och dimensioner. Utforska även plattformsdatauppsättningen för att verifiera och analysera data. Följ oss på den här resan för att utnyttja kraften i AEM och Adobe Analytics för datadrivet beslutsfattande.

Ökning

Att få insikter i användarbeteenden är ett viktigt mål för alla marknadsföringsteam. Genom att förstå hur användarna interagerar med sitt innehåll kan teamen fatta välgrundade beslut, optimera strategier och få bättre resultat. WKND:s marknadsföringsteam, en fiktiv enhet, har satt sina mål att implementera Adobe Analytics på sin webbplats för att uppnå detta mål. Det främsta målet är att samla in data om två viktiga mätvärden: sidvisningar och CTA-klick (homepage call-to-action).

Genom att spåra sidvisningar kan teamet analysera vilka sidor som får flest uppmärksamhet från användarna. Dessutom ger spårning av CTA klickningar på hemsidan värdefull information om hur effektivt teamets anropselement är. Dessa data kan visa vilka CTA:er som är intressanta för användarna, vilka som behöver justeras, och de kan upptäcka nya möjligheter att öka användarengagemanget och driva konverteringar.

https://video.tv.adobe.com/v/3419872?quality=12&learn=on

Förutsättningar

Följande krävs vid integrering av Adobe Analytics med Platform Web SDK.

Du har slutfört konfigurationsstegen från självstudiekursen Integrate Experience Platform Web SDK.

I AEM som Cloud Service:

AEM Administratörsåtkomst till AEM as a Cloud Service-miljön
Tillgång till Cloud Manager för Distributionshanteraren
Klona och distribuera WKND - exempelprojektet för Adobe Experience Manager till din AEM as a Cloud Service-miljö.

I Adobe Analytics:

Åtkomst att skapa rapportsviten
Åtkomst att skapa Analysis Workspace

I Experience Platform:

Åtkomst till standardproduktionen, Prod-sandlådan.
Åtkomst till scheman under datahantering
Åtkomst till datauppsättningar under Datahantering
Åtkomst till datastreams under datainsamling
Åtkomst till taggar under datainsamling

Om du inte har nödvändiga behörigheter kan systemadministratören som använder Adobe Admin Console bevilja nödvändiga behörigheter.

Innan vi går vidare till integreringsprocessen för AEM och analys med Platform Web SDK kan vi finjustera de viktigaste komponenterna och nyckelelementen som fastställdes i självstudiekursen Integrate Experience Platform Web SDK. Den utgör en stabil grund för integreringen.

https://video.tv.adobe.com/v/3419873?quality=12&learn=on

Efter citattecknet för XDM-schemat, Datastream, Dataset, Tag-egenskapen och, AEM och taggegenskapsanslutningen, går vi vidare med integreringsresan.

Definiera dokument för SDR (Analytics Solution Design Reference)

Som en del av implementeringsprocessen rekommenderar vi att du skapar ett SDR-dokument (Solution Design Reference). Det här dokumentet spelar en viktig roll som en plan för att definiera affärskrav och utforma effektiva strategier för datainsamling.

SDR-dokumentet ger en omfattande översikt över implementeringsplanen och säkerställer att alla intressenter är samordnade och förstår projektets mål och omfattning.

https://video.tv.adobe.com/v/3419874?quality=12&learn=on

Mer information om koncept och olika element som ska inkluderas i SDR-dokumentet finns i Skapa och underhåll ett SDR-dokument. Du kan också hämta en Excel-exempelmall, men den WKND-specifika versionen är också tillgänglig här.

Ställ in Analytics - report suite, Analysis Workspace

Det första steget är att konfigurera Adobe Analytics, särskilt att rapportera programpaket med konverteringsvariabler (eller eVar) och framgångshändelser. Konverteringsvariablerna används för att mäta orsak och effekt. Framgångshändelserna används för att spåra åtgärder.

I den här självstudiekursen används eVar5, eVar6, and eVar7 för att spåra WKND-sidnamn, WKND-CTA-id och WKND-CTA-namn och event7 för att spåra WKND CTA Click Event.

För att analysera, samla in insikter och dela dessa insikter med andra från insamlade data skapas ett projekt i Analysis Workspace.

https://video.tv.adobe.com/v/3419875?quality=12&learn=on

Om du vill veta mer om konfiguration och koncept för Analytics rekommenderar vi följande resurser:

Uppdatera dataström - lägg till analystjänst

En dataström instruerar Platform Edge Network var insamlade data ska skickas. I den tidigare självstudiekursen har en dataström konfigurerats för att skicka data till Experience Platform. Datastream uppdateras för att skicka data till analysrapportsviten som konfigurerades i steget ovan.

https://video.tv.adobe.com/v/3419876?quality=12&learn=on

Skapa XDM-schema

XDM-schemat (Experience Data Model) hjälper er att standardisera insamlade data. I den tidigare självstudiekursen skapas ett XDM-schema med AEP Web SDK ExperienceEvent en fältgrupp. Med det här XDM-schemat skapas dessutom en datauppsättning för lagring av insamlade data i Experience Platform.

Det XDM-schemat har dock inte Adobe Analytics-specifika fältgrupper för att skicka eVar, händelsedata. Ett nytt XDM-schema skapas i stället för att det befintliga schemat uppdateras för att undvika att eVarna, händelsedata i plattformen lagras.

Det nya XDM-schemat har AEP Web SDK ExperienceEvent och Adobe Analytics ExperienceEvent Full Extension fältgrupper.

https://video.tv.adobe.com/v/3419877?quality=12&learn=on

Egenskapen Uppdatera tagg

I den tidigare självstudiekursen skapas en taggegenskap med dataelement och en regel för att samla in, mappa och skicka sidvisningsdata. Den måste förbättras för:

Mappar sidnamnet till eVar5
Startar analysanropet pageview ( eller skicka signal)
Samla in CTA-data med Adobe Client Data Layer
Mappar CTA-ID och namn till eVar6 respektive eVar7. Dessutom räknas CTA-klickningar till event7
Startar link click-analysanropet ( eller skicka beacon)

https://video.tv.adobe.com/v/3419882?quality=12&learn=on

TIP

Data Element- och Rule-Event-koden som visas i videon är tillgänglig för din referens. Expandera dragspelselementet nedan. Om du emellertid INTE använder Adobe-klientdatalagret måste du ändra nedanstående kod, men begreppet att definiera dataelementen och använda dem i regeldefinitionen gäller fortfarande.

Dataelement och regelhändelsekod

Component ID-dataelementkoden.

code language-javascript

code language-javascript
if(event && event.path && event.path.includes('.')) { // split on the `.` to return just the component ID for e.g. button-06bc532b85, tabs-bb27f4f426-item-cc9c2e6718 return event.path.split('.')[1]; }else { //return dummy ID return "WKND-CTA-ID"; }

if(event && event.path && event.path.includes('.')) {
    // split on the `.` to return just the component ID for e.g. button-06bc532b85, tabs-bb27f4f426-item-cc9c2e6718
    return event.path.split('.')[1];
}else {
    //return dummy ID
    return "WKND-CTA-ID";
}

Component Name-dataelementkoden.

code language-javascript

code language-javascript
`if(event && event.component && event.component.hasOwnProperty('dc:title')) { // Return the Button, Link, Image, Tab name, for e.g. View Trips, Full Article, See Trips return event.component['dc:title']; }else { //return dummy ID return "WKND-CTA-Name"; }`

if(event && event.component && event.component.hasOwnProperty('dc:title')) {
    // Return the Button, Link, Image, Tab name, for e.g. View Trips, Full Article, See Trips
    return event.component['dc:title'];
}else {
    //return dummy ID
    return "WKND-CTA-Name";
}

Koden all pages - on load Regelvillkor

code language-javascript
`if(event && event.component && event.component.hasOwnProperty('@type') && event.component.hasOwnProperty('xdm:template')) { return true; }else{ return false; }`

Koden home page - cta click Rule-Event

code language-javascript

code language-javascript
var componentClickedHandler = function(evt) { // defensive coding to avoid a null pointer exception if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) { //trigger Tag Rule and pass event console.log("cmp:click event: " + evt.eventInfo.path); var event = { //include the path of the component that triggered the event path: evt.eventInfo.path, //get the state of the component that triggered the event component: window.adobeDataLayer.getState(evt.eventInfo.path) }; //Trigger the Tag Rule, passing in the new `event` object // the `event` obj can now be referenced by the reserved name `event` by other Tag Property data elements // i.e `event.component['someKey']` trigger(event); } } //set the namespace to avoid a potential race condition window.adobeDataLayer = window.adobeDataLayer \|\| []; //push the event listener for cmp:click into the data layer window.adobeDataLayer.push(function (dl) { //add event listener for `cmp:click` and callback to the `componentClickedHandler` function dl.addEventListener("cmp:click", componentClickedHandler); });

var componentClickedHandler = function(evt) {
// defensive coding to avoid a null pointer exception
if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) {
    //trigger Tag Rule and pass event
    console.log("cmp:click event: " + evt.eventInfo.path);

    var event = {
        //include the path of the component that triggered the event
        path: evt.eventInfo.path,
        //get the state of the component that triggered the event
        component: window.adobeDataLayer.getState(evt.eventInfo.path)
    };

    //Trigger the Tag Rule, passing in the new `event` object
    // the `event` obj can now be referenced by the reserved name `event` by other Tag Property data elements
    // i.e `event.component['someKey']`
    trigger(event);
}
}

//set the namespace to avoid a potential race condition
window.adobeDataLayer = window.adobeDataLayer || [];
//push the event listener for cmp:click into the data layer
window.adobeDataLayer.push(function (dl) {
//add event listener for `cmp:click` and callback to the `componentClickedHandler` function
dl.addEventListener("cmp:click", componentClickedHandler);
});

Koden home page - cta click Regelvillkor

code language-javascript

code language-javascript
`if(event && event.component && event.component.hasOwnProperty('@type')) { //Check for Button Type OR Teaser CTA type if(event.component['@type'] === 'wknd/components/button' \|\| event.component['@type'] === 'wknd/components/teaser/cta') { return true; } } // none of the conditions are met, return false return false;`

if(event && event.component && event.component.hasOwnProperty('@type')) {
    //Check for Button Type OR Teaser CTA type
    if(event.component['@type'] === 'wknd/components/button' ||
    event.component['@type'] === 'wknd/components/teaser/cta') {
        return true;
    }
}

// none of the conditions are met, return false
return false;

Mer information om hur du integrerar AEM kärnkomponenter med Adobe Client Data Layer finns i Använda Adobe Client Data Layer med AEM Core Components Guide.

INFO

Om du vill ha en mer heltäckande bild av informationen om egenskapen Variabel karta i dokumentet Solution Design Reference (SDR) kan du hämta den färdiga WKND-specifika versionen här.

Verifiera uppdaterad taggegenskap på WKND

För att säkerställa att den uppdaterade taggegenskapen byggs, publiceras och fungerar korrekt på WKND-webbplatsens sidor. Använd Google Chrome webbläsares Adobe Experience Platform Debugger-tillägg:

Kontrollera byggdatumet för att se till att taggegenskapen är den senaste versionen.
Om du vill verifiera XDM-händelsedata för både PageView och HomePage CTA Click använder du menyalternativet Experience Platform Web SDK i tillägget.

https://video.tv.adobe.com/v/3419883?quality=12&learn=on

Simulera webbtrafik - Selenium automation

För att generera en meningsfull mängd trafik för testningsändamål utvecklas ett Selenium automation-skript. Det här anpassade skriptet simulerar användarinteraktion med WKND-webbplatsen, som sidvy, och klickning på CTA.

https://video.tv.adobe.com/v/3419884?quality=12&learn=on

Datauppsättningsverifiering - WKND-sidvy, CTA-data

Datauppsättningen är en lagrings- och hanteringskonstruktion för en samling data, som en databastabell som följer ett schema. Den datauppsättning som skapades i den föregående självstudiekursen återanvänds för att verifiera att sidvyn och CTA klickdata är inkapslade i datauppsättningen Experience Platform. I datauppsättningens användargränssnitt visas olika detaljer, t.ex. totala poster, storlek och inkapslade batchar, tillsammans med ett visuellt tilltalande stapeldiagram.

https://video.tv.adobe.com/v/3419885?quality=12&learn=on

Analyser - WKND-sidvy, CTA datavisualisering

Analysis Workspace är ett kraftfullt verktyg i Adobe Analytics som gör det möjligt att utforska och visualisera data på ett flexibelt och interaktivt sätt. Det har ett dra-och-släpp-gränssnitt för att skapa anpassade rapporter, utföra avancerad segmentering och tillämpa olika datavisualiseringar.

Vi öppnar Analysis Workspace-projektet som skapats i steget Setup Analytics igen. I avsnittet Toppsidor kan du granska olika mätvärden, som besök, unika besökare, poster, studsfrekvens och mycket annat. Dra och släpp WKND-specifika mått (WKND Page Name, WKND CTA Name) och mätvärden (WKND CTA Click Event) för att utvärdera WKND-sidornas och hemsidans prestanda. Dessa insikter är värdefulla för marknadsförarna för att förstå vilka CTA-avtal som är mer effektiva och fatta datadrivna beslut i linje med deras affärsmål.

Om du vill visualisera användarresor använder du Flödesvisualisering, med början från WKND-sidnamnet och sedan expanderar till olika sökvägar.

https://video.tv.adobe.com/v/3419886?quality=12&learn=on

Sammanfattning

Snyggt jobb! Du har slutfört konfigurationen av AEM och Adobe Analytics med Platform Web SDK för att samla in, analysera sidvyn och CTA klickdata.

Implementering av Adobe Analytics är avgörande för att marknadsföringsteamen ska få insikter i användarbeteenden, fatta välgrundade beslut, så att de kan optimera sitt innehåll och fatta datadrivna beslut.

Genom att implementera de rekommenderade stegen och använda de tillhandahållna resurserna, t.ex. dokumentet Solution Design Reference (SDR) och förstå viktiga Analytics-koncept, kan marknadsförarna effektivt samla in och analysera data.

https://video.tv.adobe.com/v/3419888?quality=12&learn=on

AVAILABILITY

Om du föredrar den kompletta videon som täcker hela integrationsprocessen i stället för enskilda installationsstegsvideor kan du klicka här för att komma åt den.

Ytterligare resurser

recommendation-more-help

bb44cebf-d964-4e3c-b64e-ce882243fe4d