AEM Sites en Adobe Analytics integreren

Login aan Experience Platform en creeer een bezit van de Markering(als u niet reeds) hebt.

Zorg ervoor dat een aanvankelijke markering JavaScript bibliotheekis gecreeerd en aan het milieu van de markering 🔗 bevorderd.

Kopieer de JavaScript-insluitcode vanuit de tagomgeving waarin uw bibliotheek is gepubliceerd.

in

In uw browser, open een nieuw lusje en navigeer aan Plaats WKND

De browserextensie van Foutopsporing Experience Platform openen

Navigeer aan de Markeringen van het Experience Platform > Configuratie en onder Ingeworpen bedt Codes vervangen de bestaande ingebedde code met uw ingebedde code die van stap 3 wordt gekopieerd.

in

Laat Logging van de Console en Slot debugger op het lusje van WKND toe.

Navigeer aan Plaats WKND.

Open de de ontwikkelaarshulpmiddelen van browser en navigeer aan de Console. Voer de volgende opdracht uit:

adobeDataLayer.getState();

Boven code keert de huidige staat van de Gegevens van de Cliënt van de Adobe Laag terug.

Breid de reactie uit en inspecteer de page ingang. U zou een gegevensschema als het volgende moeten zien:

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"

Als u paginagegevens naar Adobe Analytics wilt verzenden, gebruiken we de standaardeigenschappen zoals dc:title , xdm:language en xdm:template van de gegevenslaag.

Voor meer informatie, herzie het Schema van de Paginavan de Schema van de Gegevens van de Componenten van de Kern.

Navigeer naar het Experience Platform en naar de eigenschap tag die is geïntegreerd met de AEM Site.

Navigeer aan de sectie van Regels in het Bezit van de Markering UI en klik dan creeer Nieuwe Regel.

Noem de regel Geladen Pagina.

In de subsection van Gebeurtenissen, voegt de klik ​ ​toe om de tovenaar van de Configuratie van de Gebeurtenis te openen.

Voor het Type van Gebeurtenis gebied, uitgezochte Code van de Douane.

Klik Open Redacteur in het belangrijkste paneel en ga het volgende codefragment in:

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

Het bovenstaande codefragment voegt een gebeurtenisluisteraar toe door een functiein de gegevenslaag te duwen. Wanneer de gebeurtenis cmp:show wordt geactiveerd, wordt de functie pageShownEventHandler aangeroepen. In deze functie, worden een paar gezondheidscontroles toegevoegd en een nieuw event geconstrueerd met de recentste staat van de gegevenslaagvoor de component die de gebeurtenis teweegbracht.

Tot slot wordt de functie trigger(event) aangeroepen. De trigger() functie is een gereserveerde naam in het markeringsbezit en het brengt de regel teweeg. Het event -object wordt doorgegeven als een parameter die vervolgens weer wordt weergegeven door een andere gereserveerde naam in de eigenschap tag. Gegevenselementen in de eigenschap tag kunnen nu verwijzen naar verschillende eigenschappen met behulp van een codefragment, zoals event.component['someKey'] .

Sla de wijzigingen op.

Daarna onder Acties klik ​ ​toevoegen om de tovenaar van de Configuratie van de Actie te openen.

Voor gebied van het Type van Actie 0} {, kies de Code van de Douane .

Klik Open Redacteur in het belangrijkste paneel en ga het volgende codefragment in:

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']);

Het object event wordt doorgegeven via de methode trigger() die in de aangepaste gebeurtenis wordt aangeroepen. Hier is de component -pagina de huidige pagina die wordt afgeleid van de gegevenslaag getState in de aangepaste gebeurtenis.

Sparen de veranderingen en stel a in werking bouwtin het markeringsbezit om de code aan het milieute bevorderen dat op uw AEMPlaats wordt gebruikt.

Navigeer naar uw AEM en open de ontwikkelaarshulpmiddelen om de console te bekijken. Vernieuw de pagina en u zou moeten zien dat de consoleberichten zijn geregistreerd:

Navigeer naar het Experience Platform en naar de eigenschap tag die is geïntegreerd met de AEM Site.

Navigeer aan de sectie van de Elementen van Gegevens 0} {en klik creeer Nieuw Element van Gegevens .

Voor het gebied van de Naam, ga het Type van Middel van de Component in.

Voor het gebied van het Type van Gegevens 0} {, uitgezochte Code van de Douane .

Klik Open de knoop van de Redacteur en ga het volgende in de redacteur van de douanecode in:

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

Sla de wijzigingen op.

Klik toevoegen het Element van Gegevens knoop

Voor het gebied van de Naam, ga Naam van de Pagina in.

Voor het gebied van het Type van Gegevens 0} {, uitgezochte Code van de Douane .

Klik Open de knoop van de Redacteur, en ga het volgende in de redacteur van de douanecode in:

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

Sla de wijzigingen op.

Klik toevoegen het Element van Gegevens knoop

Voor het gebied van de Naam, ga Malplaatje van de Pagina in.

Voor het gebied van het Type van Gegevens 0} {, uitgezochte Code van de Douane .

Klik Open de knoop van de Redacteur, en ga het volgende in de redacteur van de douanecode in:

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

Sla de wijzigingen op.

U moet nu drie gegevenselementen hebben als onderdeel van uw regel:

Navigeer naar het Experience Platform en naar de eigenschap tag die is geïntegreerd met de AEM Site.

Ga naar Uitbreidingen > Catalogus

Bepaal de plaats van Adobe Analytics uitbreiding en klik installeren

Onder Suites van het Beheer van de Bibliotheek > Rapport, ga de ids van de rapportreeks in u met elk markeringsmilieu zou willen gebruiken.

in

Controleer de doos om Activity Map van het Gebruik toe te laten.

toe

Onder Algemeen > het Volgen Server, ga uw het volgen server in, bijvoorbeeld, tmd.sc.omtrdc.net. Voer uw SSL-traceringsserver in als uw site ondersteuning biedt voor https://

in

Klik sparen om de veranderingen te bewaren.

In het Bezit van de Markering UI, navigeer aan de Geladen Pagina regel eerder gecreeerd.

Onder Voorwaarden klik ​ ​toevoegen om de tovenaar van de Configuratie van de Voorwaarde te openen.

Voor gebied van het Type van Voorwaarde 0} {, de uitgezochte optie van de Vergelijking van de Waarde .

Stel de eerste waarde in het formulierveld in op %Component Resource Type% . U kunt het Pictogram van het Element van Gegevens gebruiken om het het gegevenselement van het Type van Middel van de Component te selecteren. Laat het comparator ingesteld staan op Equals .

Stel de tweede waarde in op wknd/components/page .

Sla de wijzigingen op.

In de Pagina Geladen regel, verwijdert de Kern - de actie van de Code van de Douane (de consoleverklaringen):

Onder de onderafdeling van Acties, voegt de klik ​ ​toe om een nieuwe actie toe te voegen.

Plaats het type van Uitbreiding aan Adobe Analytics en plaats het Type van Actie aan Vastgestelde Variabelen

In het belangrijkste paneel, selecteer een beschikbare eVar en reeks als waarde van het Malplaatje van de Pagina van het Element van Gegevens ​. Gebruik het pictogram van de Elementen van Gegevens om het element van het Malplaatje van de Pagina te selecteren.

Schuif neer, onder Extra Montages plaats de Naam van de Pagina aan het gegevenselement Naam van de Pagina:

Sla de wijzigingen op.

Daarna, voeg een extra Actie rechts van Adobe Analytics toe - plaats Variabelen door het plus pictogram te tikken:

Plaats het type van de Uitbreiding 0} {aan Adobe Analytics en plaats het Type van Actie aan verzendt Baken . Aangezien deze handeling als een paginaweergave wordt beschouwd, laat u de standaardtekstspatiëring ingesteld op s.t() .

Sla de wijzigingen op. De Geladen Pagina regel zou de volgende configuratie nu moeten hebben:

• 1. Luister naar de cmp:show -gebeurtenis.
• 2. Controleer of de gebeurtenis door een pagina is geactiveerd.
• 3. plaats de variabelen van de Analyse voor Naam van de Pagina en Malplaatje van de Pagina
• 4. De weergavekenmerken van de pagina Analytics verzenden

Sla alle wijzigingen op en maak uw tagbibliotheek, waarbij u een upgrade uitvoert naar de juiste omgeving.

Open de Plaats WKNDin uw browser.

Klik het Debugger pictogram van de Ervaring om Debugger van het Experience Platform te openen.

Zorg ervoor dat Debugger het markeringsbezit aan in kaart brengt uw milieu van de Ontwikkeling, zoals vroeger beschreven en het Registreren van de Console wordt gecontroleerd.

Open het menu van Analytics en verifieer dat de rapportreeks aan uw rapportreeks wordt geplaatst. De paginanaam moet ook worden ingevuld:

De rol neer en breidt Verzoeken van het Netwerk uit. U zou moeten kunnen vinden var voor het Malplaatje van de Pagina wordt geplaatst:

Ga terug naar de browser en open de ontwikkelaarsconsole. Klik door de Carrousel bij de bovenkant van de pagina.

Neem in de browser console de consoleverklaring waar:

Dit is omdat Carousel a cmp:show gebeurtenis teweegbrengt maar wegens onze controle van het Type van Middel van de Component, wordt geen gebeurtenis in brand gestoken.

Navigeer aan een artikelpagina als West Australië. Bekijk de paginanaam en het sjabloontype worden gewijzigd.