AEM Sites en Adobe Analytics integreren

Aanmelden bij Experience Platform en een eigenschap Tag maken (als je dat nog niet hebt gedaan).

Zorg ervoor dat een initiële tag JavaScript bibliotheek is gemaakt en worden gepromoot naar de tag milieu.

Kopieer de ingesloten JavaScript-code uit de tagomgeving waarin uw bibliotheek is gepubliceerd.

Open in uw browser een nieuw tabblad en navigeer naar WKND-site

De browserextensie van Foutopsporing Experience Platform openen

Navigeren naar Experience Platform-tags > Configuratie en onder Ingespelde insluitcodes de bestaande insluitcode vervangen door uw ingesloten code die u hebt gekopieerd uit stap 3.

Inschakelen Logboekregistratie voor console en Vergrendelen de debugger op het WKND lusje.

Navigeren naar WKND-site.

Open de ontwikkelaarsgereedschappen van de browser en ga naar 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 page vermelding. 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 raadpleegt u de Paginaschema uit de gegevensschema's voor kerncomponenten.

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

Ga naar de Regels in de gebruikersinterface van de eigenschap Tag en klik vervolgens op Nieuwe regel maken.

Naam van de regel Pagina geladen.

In de Gebeurtenissen subsectie, klikken Toevoegen om de Gebeurtenisconfiguratie wizard.

Voor Type gebeurtenis veld, selecteren Aangepaste code.

Klikken Editor openen in het hoofddeelvenster en voer 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 gebeurtenislistener toe door een functie duwen in de gegevenslaag. Wanneer cmp:show de gebeurtenis wordt geactiveerd pageShownEventHandler functie wordt aangeroepen. In deze functie worden een paar gezondheidscontroles toegevoegd en een nieuwe event is samengesteld met de meest recente status van de gegevenslaag voor de component die de gebeurtenis heeft geactiveerd.

Tot slot de trigger(event) functie wordt aangeroepen. De trigger() function is a reserved name in the tag property and it triggers de regel. De 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.

Volgende onder Handelingen klikken Toevoegen om de Configuratie van handelingen wizard.

Voor Type handeling veld, kies Aangepaste code.

Klikken Editor openen in het hoofddeelvenster en voer 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']);

De event object wordt doorgegeven vanuit het trigger() wordt aangeroepen in de aangepaste gebeurtenis. Hier, component is de huidige pagina die van de gegevenslaag wordt afgeleid getState in de aangepaste gebeurtenis.

Sla de wijzigingen op en voer een build in de eigenschap tag om de code naar de milieu gebruikt op uw AEM Site.

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.

Ga naar de Gegevenselementen sectie en klik op Nieuw gegevenselement maken.

Voor de Naam veld, voert u de Type componentbron.

Voor de Type gegevenselement veld, selecteren Aangepaste code.

Klikken Editor openen en voert u het volgende in de aangepaste code-editor in:

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

Sla de wijzigingen op.

Klikken Gegevenselement toevoegen knop

Voor de Naam veld, Enter Paginanaam.

Voor de Type gegevenselement veld, selecteren Aangepaste code.

Klikken Editor openen en voert u het volgende in de aangepaste code-editor in:

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

Sla de wijzigingen op.

Klik op de knop Gegevenselement toevoegen knop

Voor de Naam veld, Enter Paginasjabloon.

Voor de Type gegevenselement veld, selecteren Aangepaste code.

Klikken Editor openen en voert u het volgende in de aangepaste code-editor 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 Extensies > Catalogus

Zoek de Adobe Analytics en klik op Installeren

Onder Bibliotheekbeheer > Rapportageopties, voert u de rapportsuite-id's in die u voor elke tagomgeving wilt gebruiken.

Schakel het selectievakje in om in te schakelen Activity Map gebruiken.

Onder Algemeen > Trackingserver voert u bijvoorbeeld uw trackingserver in. tmd.sc.omtrdc.net. Voer uw SSL-traceringsserver in als uw site ondersteuning biedt https://

Klikken Opslaan om de wijzigingen op te slaan

Navigeer in de interface Tageigenschap naar de Pagina geladen regel eerder gemaakt.

Onder Voorwaarden klikken Toevoegen om de Condition Configuration wizard.

Voor Type voorwaarde veld, selecteren Waardevergelijking -optie.

De eerste waarde in het formulierveld instellen op %Component Resource Type%. U kunt het pictogram Gegevenselement gebruiken om de Type componentbron gegevenselement. Laat de vergelijkingsfunctie ingesteld staan op Equals.

De tweede waarde instellen op wknd/components/page.

Sla de wijzigingen op.

In de regel Pagina geladen: remove de Core - Aangepaste code handeling (de consoleverklaringen):

Klik onder de subsectie Handelingen op Toevoegen om een nieuwe handeling toe te voegen.

Stel de Extensie tekst naar Adobe Analytics en stelt de Type handeling tot Variabelen instellen

Selecteer in het hoofdvenster een beschikbare eVar en instellen als de waarde van het gegevenselement Paginasjabloon. Het pictogram Gegevenselementen gebruiken om de Paginasjabloon element.

Omlaag schuiven, onder Aanvullende instellingen set Paginanaam aan het gegevenselement Paginanaam:

Sla de wijzigingen op.

Voeg vervolgens een extra handeling toe aan de rechterkant van de knop Adobe Analytics - Variabelen instellen door op de plus pictogram:

Stel de Extensie tekst naar Adobe Analytics en stelt de Type handeling tot Bandbaken verzenden. Aangezien deze actie als een paginaweergave wordt beschouwd, laat u de standaardtracering ingesteld op s.t().

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

• 1. Luister naar de cmp:show gebeurtenis.
• 2. Controleer of de gebeurtenis door een pagina is geactiveerd.
• 3. Analysevariabelen instellen voor Paginanaam en Paginasjabloon
• 4. Verzend het Beacon Analytics Page View

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

Open de WKND-site in uw browser.

Klik op het pictogram Foutopsporing om Foutopsporing op Experience Platform te openen.

Controleer of Foutopsporing de eigenschap tag toewijst aan uw Ontwikkelomgeving, zoals eerder beschreven en Logboekregistratie voor console is ingeschakeld.

Open het menu Analytics en controleer of de rapportsuite is ingesteld op uw rapportsuite. De paginanaam moet ook worden ingevuld:

Omlaag schuiven en uitbreiden Netwerkverzoeken. U moet de vervagen voor de Paginasjabloon:

Ga terug naar de browser en open de ontwikkelaarsconsole. Klik door Carousel boven aan de pagina.

Neem in de browser console de consoleverklaring waar:

De reden hiervoor is dat de Carousel wel een cmp:show event maar vanwege onze controle van de Type componentbron, er wordt geen gebeurtenis gestart.

Naar een artikelpagina navigeren zoals Western Australia. Bekijk de paginanaam en het sjabloontype worden gewijzigd.