Integrera AEM Sites och Adobe Analytics

Logga in på Experience Platform och skapa en taggegenskap (om du inte redan gjort det).

Se till att JavaScript-taggen är den första biblioteket har skapats och framhävd till taggen miljö.

Kopiera JavaScript-inbäddningskoden från den taggmiljö där biblioteket har publicerats.

Öppna en ny flik i webbläsaren och gå till WKND-plats

Öppna webbläsartillägget Experience Platform Debugger

Navigera till Experience Platform-taggar > Konfiguration och under Inmatade inbäddade koder ersätta den befintliga inbäddningskoden med din inbäddningskod kopierad från steg 3.

Aktivera Konsolloggning och Lås felsökaren på fliken WKND.

Navigera till WKND-plats.

Öppna webbläsarens utvecklarverktyg och gå till Konsol. Kör följande kommando:

adobeDataLayer.getState();

Ovanför kod returnerar det aktuella läget för Adobe-klientdatalagret.

Expandera svaret och inspektera page post. Du bör se ett dataschema som följande:

page-2eee4f8914:
    @type: "wknd/components/page"
    dc:description: WKND is a collective of outdoors, music, crafts, adventure sports, and travel enthusiasts that want to share our experiences, connections, and expertise with the world.
    dc:title: "WKND Adventures and Travel"
    repo:modifyDate: "2020-08-31T21:02:21Z"
    repo:path: "/content/wknd/us/en.html"
    xdm:language: "en-US"
    xdm:tags: ["Attract"]
    xdm:template: "/conf/wknd/settings/wcm/templates/landing-page-template"

Om du vill skicka siddata till Adobe Analytics använder vi standardegenskaperna som dc:title, xdm:languageoch xdm:template av datalagret.

Mer information finns i Sidschema från de grundläggande komponenternas datascheman.

Navigera till Experience Platform och till taggegenskapen som är integrerad med AEM.

Navigera till Regler i taggegenskapsgränssnittet och klicka sedan på Skapa ny regel.

Namnge regeln Inläst sida.

I Händelser undersektion, klicka Lägg till för att öppna Händelsekonfiguration guide.

För Händelsetyp fält, markera Egen kod.

Klicka Öppna redigeraren i huvudpanelen och ange följande kodfragment:

var pageShownEventHandler = function(evt) {
   // defensive coding to avoid a null pointer exception
   if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) {
      //trigger the Tag Rule and pass event
      console.log("cmp:show 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 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:show into the data layer
window.adobeDataLayer.push(function (dl) {
   //add event listener for `cmp:show` and callback to the `pageShownEventHandler` function
   dl.addEventListener("cmp:show", pageShownEventHandler);
});

Ovanstående kodfragment lägger till en händelseavlyssnare med trycka en funktion till datalagret. När cmp:show -händelsen aktiveras pageShownEventHandler funktionen anropas. I den här funktionen läggs några säkerhetskontroller till och en ny event är konstruerad med den senaste datalagrets läge för komponenten som utlöste händelsen.

Äntligen trigger(event) funktionen anropas. The trigger() funktionen är ett reserverat namn i taggegenskapen och den utlösare regeln. The event objektet skickas som en parameter som i sin tur visas med ett annat reserverat namn i taggegenskapen. Dataelement i taggegenskapen kan nu referera till olika egenskaper med hjälp av kodfragment som event.component['someKey'].

Spara ändringarna.

Nästa under Åtgärder klicka Lägg till för att öppna Åtgärdskonfiguration guide.

För Åtgärdstyp fält, välj Egen kod.

Klicka Öppna redigeraren i huvudpanelen och ange följande kodfragment:

console.log("Page Loaded ");
console.log("Page name: " + event.component['dc:title']);
console.log("Page type: " + event.component['@type']);
console.log("Page template: " + event.component['xdm:template']);

The event objektet skickas från trigger() metoden anropas i den anpassade händelsen. Här är component är den aktuella sidan som härleds från datalagret getState i den anpassade händelsen.

Spara ändringarna och kör en bygg i tagg-egenskapen för att höja upp koden för miljö som används på din AEM.

Navigera till AEM webbplats och öppna utvecklarverktygen för att visa konsolen. Uppdatera sidan så ser du att konsolmeddelandena har loggats:

Navigera till Experience Platform och till taggegenskapen som är integrerad med AEM.

Navigera till Dataelement och klicka Skapa nytt dataelement.

För Namn fält, ange Komponentresurstyp.

För Dataelementtyp fält, markera Egen kod.

Klicka Öppna redigeraren och ange följande i den anpassade kodredigeraren:

if(event && event.component && event.component.hasOwnProperty('@type')) {
    return event.component['@type'];
}

Spara ändringarna.

Klicka Lägg till dataelement knapp

För Namn fält, ange Sidnamn.

För Dataelementtyp fält, markera Egen kod.

Klicka Öppna redigeraren och ange följande i den anpassade kodredigeraren:

if(event && event.component && event.component.hasOwnProperty('dc:title')) {
    return event.component['dc:title'];
}

Spara ändringarna.

Klicka på Lägg till dataelement knapp

För Namn fält, ange Sidmall.

För Dataelementtyp fält, markera Egen kod.

Klicka Öppna redigeraren och ange följande i den anpassade kodredigeraren:

if(event && event.component && event.component.hasOwnProperty('xdm:template')) {
    return event.component['xdm:template'];
}

Spara ändringarna.

Du bör nu ha tre dataelement som en del av din regel:

Navigera till Experience Platform och till taggegenskapen som är integrerad med AEM.

Gå till Tillägg > Katalog

Leta reda på Adobe Analytics och klicka på Installera

Under Bibliotekshantering > Rapportsviter anger du de ID:n för rapportsviten som du vill använda för varje taggmiljö.

Markera kryssrutan för att aktivera Använd Activity Map.

Under Allmänt > Spårningsserver anger du till exempel spårningsservern tmd.sc.omtrdc.net. Ange din SSL-spårningsserver om din webbplats stöder https://

Klicka Spara för att spara ändringarna.

I taggegenskapsgränssnittet går du till Inläst sida regeln skapades tidigare.

Under Villkor klicka Lägg till för att öppna Villkorskonfiguration guide.

För Villkorstyp fält, markera Värdejämförelse alternativ.

Ange det första värdet i formulärfältet till %Component Resource Type%. Du kan använda ikonen Dataelement för att välja Komponentresurstyp dataelement. Lämna jämförelseinställningen på Equals.

Ange det andra värdet till wknd/components/page.

Spara ändringarna.

I regeln för sidinläsning ta bort den Core - anpassad kod åtgärd (konsolprogramsatser):

Klicka på under underavsnittet Åtgärder Lägg till för att lägga till en ny åtgärd.

Ange Tillägg skriv till Adobe Analytics och ange Åtgärdstyp till Ange variabler

Välj en tillgänglig eVar och anges som värdet för dataelementet Sidmall. Använda ikonen Dataelement för att välja Sidmall -element.

Bläddra nedåt, under Ytterligare inställningar set Sidnamn till dataelementet Sidnamn:

Spara ändringarna.

Lägg sedan till en extra åtgärd till höger om Adobe Analytics - Ange variabler genom att trycka på plus ikon:

Ange Tillägg skriv till Adobe Analytics och ange Åtgärdstyp till Skicka Beacon. Eftersom den här åtgärden betraktas som en sidvy låter du standardspårningsinställningen vara s.t().

Spara ändringarna. The Inläst sida regeln ska nu ha följande konfiguration:

• 1. Lyssna på cmp:show -händelse.
• 2. Kontrollera att händelsen utlöstes av en sida.
• 3. Ange analysvariabler för Sidnamn och Sidmall
• 4. Skicka analyssidans vy

Spara alla ändringar och bygg ditt taggbibliotek och marknadsför till rätt miljö.

Öppna WKND-plats i webbläsaren.

Klicka på ikonen Felsökning för att öppna felsökningsprogrammet för Experience Platform.

Kontrollera att felsökaren mappar taggegenskapen till din Utvecklingsmiljö, enligt beskrivningen ovan, och Konsolloggning är markerad.

Öppna Analytics-menyn och kontrollera att rapportsviten är inställd på din rapportsvit. Sidnamnet ska också fyllas i:

Rulla ned och expandera Nätverksförfrågningar. Du bör kunna hitta evar för Sidmall:

Gå tillbaka till webbläsaren och öppna utvecklarkonsolen. Klicka igenom Carousel överst på sidan.

Observera följande i webbläsarkonsolen:

Det beror på att Carousel utlöser en cmp:show event men på grund av vår check på Komponentresurstyp, ingen händelse utlöses.

Navigera till en artikelsida som Western Australia. Lägg märke till att sidnamnet och malltypen ändras.