Documentatie AEM Tutorials voor AEM AEM Sites-tutorials

[Integratie]{class="badge positive"}

AEM Sites en Adobe Analytics integreren met Platform Web SDK

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

Onderwerpen:

Gemaakt voor:

Beginner
tussenpersoon
Beheerder
Ontwikkelaar

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

Leer de moderne benadering op hoe te om Adobe Experience Manager (AEM) en Adobe Analytics te integreren gebruikend het Web SDK van het Platform. Deze uitvoerige zelfstudie begeleidt u door het proces om WKNDpaageview en CTA naadloos te verzamelen klikt gegevens. Vergroot waardevolle inzichten door de verzamelde gegevens te visualiseren in Adobe Analysis Workspace, waar u verschillende meeteenheden en dimensies kunt verkennen. Ook, verken de Dataset van het Platform om de gegevens te verifiëren en te analyseren. Doe mee aan deze reis om de kracht van AEM en Adobe Analytics te benutten voor gegevensgestuurde besluitvorming.

Overzicht

Het verzamelen van inzichten in gebruikersgedrag is een cruciaal doel voor elk marketingteam. Door te begrijpen hoe de gebruikers met hun inhoud in wisselwerking staan, kunnen de teams geïnformeerde besluiten nemen, strategieën optimaliseren, en betere resultaten drijven. Het WKND-marketingteam, een fictieve entiteit, heeft zich voorgenomen Adobe Analytics op hun website te implementeren om dit doel te bereiken. Het primaire doel is gegevens te verzamelen over twee belangrijke metriek: pagina's en homepage vraag-aan-actie (CTA) klikken.

Door pagina's bij te houden, kan het team analyseren welke pagina's de meeste aandacht van gebruikers krijgen. Ook, verstrekt het volgen van homepage CTA klikken waardevolle inzichten in de doeltreffendheid van vraag-aan-actie van het team elementen. Deze gegevens kunnen onthullen welke CTA's met gebruikers resoneren, welke degenen aanpassing nodig hebben, en potentieel nieuwe kansen ontdekken om gebruikersbetrokkenheid en aandrijvingsomzettingen te verbeteren.

video poster

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

Vereisten

Het volgende wordt vereist wanneer het integreren van Adobe Analytics gebruikend het Web SDK van het Platform.

U hebt de opstellingsstappen van voltooid integreer het Web SDK van het Experience Platform leerprogramma.

In AEM als Cloud Service:

AEM de toegang van de Beheerder tot het milieu van AEM as a Cloud Service
Toegang tot Cloud Manager via Deployment Manager
Kloon en stel WKND - het project van steekproefAdobe Experience Manageraan uw milieu van AEM as a Cloud Service op.

In Adobe Analytics:

Toegang om Reeks van het Rapport te creëren
Toegang om Analysis Workspace te creëren

In Experience Platform:

Toegang tot de standaardproductie, Prod zandbak.
Toegang tot Schema's onder het Beheer van Gegevens
Toegang tot Datasets onder het Beheer van Gegevens
Toegang tot gegevensstromen onder de Inzameling van Gegevens
Toegang tot Markeringen onder de Inzameling van Gegevens

Voor het geval u noodzakelijke toestemmingen niet hebt, kan uw systeembeheerder die Adobe Admin Consolegebruiken noodzakelijke toestemmingen verlenen.

Alvorens in het integratieproces van AEM en Analytics het gebruiken van het Web SDK van het Platform te delven, laat de essentiële componenten en de belangrijkste elementen opnieuw samenvatten die in het 🔗 leerprogramma van het Web SDK van het Experience Platform {werden gevestigd. Het biedt een solide basis voor de integratie.

video poster

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

Na het overzicht van het XDM-schema, DataStream, Dataset, Tag-eigenschap en, AEM en tageigenschapsverbinding, gaan we aan de integratietraject.

Document Analytics Solution Design Reference (SDR) definiëren

Als deel van het implementatieproces, wordt het geadviseerd om een document van de Verwijzing van het Ontwerp van de Oplossing (SDR) tot stand te brengen. Dit document speelt een cruciale rol als blauwdruk voor het bepalen van bedrijfsvereisten en het ontwerpen van efficiënte strategieën voor gegevensverzameling.

Het SDR-document biedt een uitgebreid overzicht van het uitvoeringsplan, zodat alle belanghebbenden op één lijn worden gebracht en de doelstellingen en de reikwijdte van het project worden begrepen.

video poster

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

Voor meer informatie over concepten en diverse elementen die in het SDR- document zouden moeten worden omvat bezoek creeer en handhaaf een Document van het Ontwerp van de Oplossing van de Verwijzing (SDR). U kunt een malplaatje van steekproefExcel ook downloaden, nochtans is de WKND-Specifieke versie ook beschikbaar hier.

Analyses instellen - rapportenpakket, Analysis Workspace

De eerste stap bestaat uit het instellen van Adobe Analytics, met name het rapporteren van een suite met conversievariabelen (of eVar) en succesgebeurtenissen. De omzettingsvariabelen worden gebruikt om oorzaak en effect te meten. De succesgebeurtenissen worden gebruikt om acties bij te houden.

In dit leerprogramma, eVar5, eVar6, and eVar7 spoor WKND de Naam van de Pagina, identiteitskaart van CTA WKND, en de Naam van CTA WKND respectievelijk, en event7 wordt gebruikt om WKND CTA te volgen klikt Gebeurtenis.

Om die inzichten te analyseren, te verzamelen en te delen met anderen uit de verzamelde gegevens, wordt een project in Analysis Workspace gemaakt.

video poster

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

Om meer over de opstelling en de concepten van Analytics te leren, worden de volgende middelen hoogst geadviseerd:

DataStream bijwerken - Analyseservice toevoegen

Een DataStream instrueert de Edge Network van het Platform waar te om de verzamelde gegevens te verzenden. In het vorige leerprogramma, wordt een DataStream gevormd om de gegevens naar het Experience Platform te verzenden. Deze DataStream wordt bijgewerkt om de gegevens naar de het rapportreeks van Analytics te verzenden die in hierbovenstap werd gevormd.

video poster

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

XDM-schema maken

Met het XDM-schema (Experience Data Model) kunt u de verzamelde gegevens standaardiseren. In het vorige leerprogramma, wordt een schema XDM met AEP Web SDK ExperienceEvent een gebiedsgroep gecreeerd. Ook, gebruikend dit schema XDM wordt een Dataset gecreeerd om de verzamelde gegevens in het Experience Platform op te slaan.

Nochtans, heeft dat Schema XDM geen Adobe Analytics-Specifieke gebiedsgroepen om de eVar, gebeurtenisgegevens te verzenden. Er wordt een nieuw XDM-schema gemaakt in plaats van het bestaande schema bij te werken om te voorkomen dat de eVar, gebeurtenisgegevens in het platform worden opgeslagen.

Het nieuwe XDM-schema heeft AEP Web SDK ExperienceEvent - en Adobe Analytics ExperienceEvent Full Extension -veldgroepen.

video poster

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

Tag bijwerken, eigenschap

In het vorige leerprogramma, wordt een markeringsbezit gecreeerd, heeft het de Elementen van Gegevens en een Regel om te verzamelen, in kaart te brengen, en de voorproefgegevens te verzenden. Het moet worden verbeterd voor:

De paginanaam toewijzen aan eVar5
Het teweegbrengen van de paginaView vraag van Analytics (of verzend baken)
CTA-gegevens verzamelen met de gegevenslaag voor Adobe client
Wijs de CTA-id en -naam toe aan respectievelijk eVar6 en eVar7 . Ook, klikt CTA tellen aan event7
Het teweegbrengen van de verbinding klikt vraag van Analytics (of verzendt baken)

video poster

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

TIP

Het Element van Gegevens en regel-Gebeurtenis code in de video wordt getoond is beschikbaar voor uw verwijzing, breidt hieronder accordeonelement uit. Nochtans, als u NIET de Laag van Gegevens van de Cliënt van de Adobe gebruikt, moet u de hieronder code wijzigen maar het concept van het bepalen van de Elementen van Gegevens en het gebruiken van hen in de definitie van de Regel blijft van toepassing.

Gegevenselement en code voor regelgebeurtenissen

De Component ID Data Element-code.

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";
}

De Component Name Data Element-code.

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";
}

De all pages - on load regel-voorwaarde code

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

De home page - cta click regel-Gebeurtenis code

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

De home page - cta click regel-voorwaarde code

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;

Voor extra informatie bij het integreren AEM de Componenten van de Kern met de Laag van de Gegevens van de Cliënt van de Adobe, verwijs naar Gebruikend de Laag van de Gegevens van de Cliënt van de Adobe met de gids van de Componenten van de Kern AEM.

INFO

Voor een uitvoerig begrip van het Variabele 1} dossier van het het lusjebezit details in het document van de Verwijzing van het Ontwerp van de Oplossing (SDR), heb toegang tot de voltooide WKND-Specifieke versie voor download 🔗 hier.

De bijgewerkte eigenschap Tag op WKND verifiëren

Om ervoor te zorgen dat de bijgewerkte markeringseigenschap op de WKND-sitepagina's wordt gebouwd, gepubliceerd en correct werkt. Gebruik de van het Webbrowser van Google Chrome uitbreiding van het Adobe Experience Platform Debugger:

Om ervoor te zorgen dat het markeringsbezit de recentste versie is, controleer de bouwstijldatum.
Om de XDM gebeurtenisgegevens voor zowel PageView als HomePage CTA Click te verifiëren, gebruik de het menuoptie van SDK van het Web van het Experience Platform binnen de uitbreiding.

video poster

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

Webverkeer simuleren - seleniumautomatisering

Om een betekenisvolle hoeveelheid verkeer voor testdoeleinden te produceren, wordt een manuscript van de automatisering van Selenium ontwikkeld. Dit aangepaste script simuleert gebruikersinteracties met de WKND-website, zoals paginaweergave en het klikken op CTA's.

video poster

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

Dataset-verificatie - WKND-voorvertoning, CTA-gegevens

De dataset is een opslag en beheersconstructie voor een inzameling van gegevens zoals een gegevensbestandlijst die een schema volgt. De Dataset die in het vorige leerprogrammawordt gecreeerd wordt opnieuw gebruikt om te verifiëren dat de voorproef en CTA klikgegevens in de Dataset van het Experience Platform worden opgenomen. Binnen de Dataset UI, worden diverse details zoals totale verslagen, grootte, en ingebedde partijen getoond samen met een visueel aantrekkelijke balkgrafiek.

video poster

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

Analyse - WKND-voorvertoning, CTA-gegevensvisualisatie

Analysis Workspace is een krachtig hulpmiddel in Adobe Analytics waarmee gegevens op een flexibele en interactieve manier kunnen worden verkend en weergegeven. Het verstrekt een belemmering-en-dalingsinterface om douanerapporten tot stand te brengen, geavanceerde segmentatie uit te voeren, en diverse gegevensvisualisaties toe te passen.

Laten wij het project van Analysis Workspace heropenen dat in de Analytischestap van de Opstelling wordt gecreeerd. In de Hoogste sectie van Pagina's, onderzoek diverse metriek zoals bezoeken, unieke bezoekers, ingangen, stuittarief, en meer. Als u de prestaties van WKND-pagina's en CTA's van de homepage wilt beoordelen, sleept u de WKND-specifieke afmetingen (WKND-paginanaam, WKND CTA-naam) en de afmetingen (WKND CTA Click Event). Deze inzichten zijn van groot belang voor de marktpartijen om te begrijpen welke CTA's effectiever zijn en gegevensgestuurde beslissingen nemen, in overeenstemming met hun bedrijfsdoelstellingen.

Om gebruikersreizen visualiseren, gebruik de visualisatie van de Stroom, die met de Naam van de Pagina WKND begint en zich in diverse wegen uitbreidt.

video poster

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

Samenvatting

Geweldig werk! U hebt de installatie van AEM en Adobe Analytics voltooid met de Platform Web SDK voor het verzamelen, analyseren van de paginaweergave en het klikken op CTA-gegevens.

Het implementeren van Adobe Analytics is van cruciaal belang voor marketingteams om inzicht te krijgen in gebruikersgedrag, geïnformeerde beslissingen te nemen, zodat ze hun inhoud kunnen optimaliseren en gegevensgestuurde beslissingen kunnen nemen.

Door de geadviseerde stappen uit te voeren en de verstrekte middelen, zoals het document van de Verwijzing van het Ontwerp van de Oplossing (SDR) te gebruiken en belangrijke concepten van Analytics te begrijpen, kunnen de marketers gegevens effectief verzamelen en analyseren.

video poster

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

AVAILABILITY

Als u de video van begin tot eind verkiest die het volledige integratieproces in plaats van individuele video's van de opstellingsstap behandelt, kunt u hierklikken om tot het toegang te hebben.

Aanvullende bronnen

recommendation-more-help

bb44cebf-d964-4e3c-b64e-ce882243fe4d