Lägg till Adobe Analytics

Tilläggskonfigurationen, som hanterar huvudbiblioteksinställningarna för AppMeasurement.js och kan ange globala variabler

Regelåtgärder för att göra följande:

1. Ange variabler
2. Rensa variabler
3. Skicka Analytics Beacon

Gå till Extensions > Catalog

Hitta Adobe Analytics-tillägget

Klicka på Install

Under Library Management > Report Suites anger du de ID:n för rapportsviten som du vill använda för varje taggmiljö. Om dina användare har tillgång till Adobe Analytics bör du tänka på att när du börjar skriva i rutan visas en ifylld lista med alla dina rapportsviter. (Det går bra att använda en rapportserie för alla miljöer i den här självstudiekursen, men i verkligheten vill du använda separata rapportsviter, vilket visas i bilden nedan)

Under General > Tracking Server anger du spårningsservern, t.ex. tmd.sc.omtrdc.net. Ange din SSL-spårningsserver om din webbplats stöder https://

I Global Variables section, under Additional Settings, anger du variabeln Page Name med ditt Page Name-dataelement. Klicka på ikonen för att öppna det modala och välj dataelementet för sidan Page Name .)

Klicka på Save to Library

Gå till avsnittet Rules i den vänstra navigeringen och klicka sedan på Add Rule

Namnge regeln All Pages - DOM Ready

Klicka på Events > Add för att öppna skärmen Event Configuration

Välj Event Type > DOM Ready (Observera att ordningen för regeln är "50")

Klicka på Keep Changes

Klicka på plustecknet

Välj Extension > Adobe Analytics

Välj Action Type > Send Beacon

Lämna Spårningsuppsättningen på s.t(). Observera att om du vill ringa ett s.tl()-samtal i en klickhändelseregel kan du göra det med åtgärden Skicka Beacon.

Klicka på knappen Keep Changes

Klicka på Save to Library and Build

Öppna Luma-webbplatsen i din Chrome-webbläsare

Klicka på felsökningsikonen för att öppna Adobe Experience Cloud Debugger

Kontrollera att felsökaren mappar taggegenskapen till din-utvecklingsmiljö, vilket beskrivs i tidigare lektion

Klicka för att öppna fliken Analytics

Expandera namnet på din Report Suite om du vill visa alla förfrågningar som gjorts till den

Bekräfta att begäran har utlösts med variabeln och värdet för sidnamn

Klicka på Data Elements i den vänstra navigeringen

Klicka på Add Data Element

Namnge dataelementet Page Type

Välj Data Element Type > JavaScript Variable

Använd digitalData.page.category.type som JavaScript variable name

Kontrollera alternativen Clean text och Force Lower Case

Klicka på Save to Library

Klicka på Data Elements i den vänstra navigeringen

Klicka på Add Data Element

Namnge dataelementet Product Id

Välj Data Element Type > JavaScript Variable

Använd digitalData.product.0.productInfo.sku som JavaScript variable name

Kontrollera alternativen Clean text och Force Lower Case

Klicka på Save to Library

Gå till sidan Extensions > Catalog

Hitta tillägget Adobe Analytics Product String av Adobe Consulting Services och klicka på Install

Ta en stund att läsa instruktionerna

Klicka på Save to Library

Gå till avsnittet Rules i den vänstra navigeringen och klicka sedan på Add Rule

Namnge regeln Product Details - DOM Ready - 40

Klicka på Events > Add för att öppna skärmen Event Configuration

Välj Event Type > DOM Ready

Ange Order till 40 så att regeln körs före regeln som innehåller åtgärden Analytics > Send Beacon

Klicka på Keep Changes

Under Conditions klickar du på plustecknet för att öppna skärmen Condition Configuration

1. Välj Condition Type > Value Comparison

2. Använd dataelementväljaren och välj Page Type i det första fältet

3. Välj Contains i listrutan för jämförelseoperatorer

4. I nästa fälttyp product-page (det här är den unika delen av sidtypsvärdet som hämtats från datalagret på PDP-filer)

5. Klicka på Keep Changes

   

Klicka på plustecknet

Välj Extension > Adobe Analytics Product String

Välj Action Type > Set s.products

I avsnittet Analytics E-commerce Event väljer du prodView

I avsnittet Data layer variables for product data använder du dataelementväljaren för att välja dataelementet Product Id

Klicka på Keep Changes

Klicka på plustecknet

Välj Extension > Adobe Analytics

Välj Action Type > Set Variables

Markera eVar1 > Set as och ange product detail page

Ange event1 och lämna de valfria värdena tomma

Klicka på knappen Add Another under Händelser

Ange händelsen prodView och lämna de valfria värdena tomma

Klicka på Keep Changes

Klicka på Save to Library and Build

Öppna Luma-webbplatsen i din Chrome-webbläsare

Navigera till valfri produktinformationssida

Klicka på felsökningsikonen för att öppna Adobe Experience Cloud Debugger

Klicka på fliken Analytics

Expandera din Report Suite

Observera produktinformationsvariablerna som nu finns i felsökaren, nämligen att eVar1 har ställts in på"produktinformationssida", att variabeln Events har ställts in på"event1" och"prodView", att variabeln products ställs in med produkt-id:t för den produkt som du visar och att sidnamnet fortfarande anges av analystillägget

Gå till avsnittet Rules i den vänstra navigeringen och klicka sedan på Add Rule

Namnge regeln Homepage - Featured Products enters Viewport

Klicka på Events > Add för att öppna skärmen Event Configuration

Välj Event Type > Enters Viewport. Då visas ett fält där du måste ange CSS-väljaren som identifierar det objekt på sidan som ska utlösa regeln när den visas i webbläsaren.

Gå tillbaka till startsidan för Luma och bläddra till avsnittet Aktuella produkter.

Högerklicka på mellanrummet mellan titeln "FEATURED PRODUCTS" och alternativen i det här avsnittet och välj Inspect på högerklicksmenyn. Då kommer du nära det du vill ha.

Precis där, möjligen direkt under det markerade avsnittet, söker du efter en div med class="we-productgrid aem-GridColumn aem-GridColumn--default--12". Leta reda på elementet.

Högerklicka på elementet och välj Copy > Copy Selector

Gå tillbaka till taggar och klistra in värdet från Urklipp i fältet Elements matching the CSS selector.

1. Det är å andra sidan upp till dig att bestämma hur du ska identifiera CSS-väljare. Den här metoden är lite känslig eftersom vissa ändringar på sidan kan bryta väljaren. Tänk på detta när du använder CSS-väljare i taggar.

Klicka på Keep Changes

Klicka på plustecknet för att lägga till ett nytt villkor

Välj Condition Type > Value Comparison

Använd dataelementväljaren och välj Page Name i det första fältet

Välj Equals i listrutan för jämförelseoperatorer

I nästa fälttyp content:luma:us:en (det här är hemsidans sidnamn som hämtats från datalagret - vi vill bara att den här regeln ska köras på startsidan)

Klicka på Keep Changes

Klicka på plustecknet

Välj Extension > Adobe Analytics

Välj Action Type > Set Variables

Ange eVar3 till Home Page - Featured Products

Ange prop3 till Home Page - Featured Products

Ange variabeln Events till event3

Klicka på Keep Changes

Klicka på plustecknet

Välj Extension > Adobe Analytics

Välj Action Type > Send Beacon

Välj spårningsalternativet s.tl()

Ange Scrolled down to Featured Products i fältet Link Name. Det här värdet placeras i rapporten Anpassade länkar i Analytics.

Klicka på Keep Changes

Klicka på Save to Library and Build

Öppna Luma-webbplatsen i webbläsaren i Chrome och kontrollera att du är högst upp på startsidan.

Klicka på debugger icon för att öppna Adobe Experience Cloud Debugger

Klicka på fliken Analytics

Expandera träffen i din Report Suite

Lägg märke till den normala sidvyträffen för startsidan med sidnamnet osv. (men inget i eVar3 eller prop3).

Låt Felsökning vara öppet och rulla nedåt på webbplatsen tills du ser avsnittet Aktuella produkter

Visa felsökaren igen, och en annan Analytics-träff borde ha träffats. Den här träffen ska ha de parametrar som är associerade med s.tl()-träffen som du ställer in, nämligen:

1. LinkType = "link_o" (det innebär att träffen är en anpassad länkträff, inte en sidvisningsträff)

2. LinkName = "Scrolled down to Featured Products"

3. prop3 = "Home Page - Featured Products"

4. eVar3 = "Home Page - Featured Products"

5. Events = "event3"

   

Gå till Extensions > Installed

Klicka på Configure i Adobe Analytics-tillägget

Under Library Management markerar du rutan Make tracker globally accessible. Som du ser i hjälpbubblan blir spåraren global under fönstren, vilket är viktigt när du talar om det i din JavaScript-kund.

Bläddra nedåt och expandera avsnittet Configure Tracker Using Custom Code. medan du fortfarande är i Analytics-tillägget.

Klicka på Open Editor

Klistra in följande kod i kodredigeraren:

/* Plugin Config */
s.usePlugins=true
s.doPlugins=function(s) {
/* Add calls to plugins here */
}

Håll fönstret öppet för nästa steg

Kopiera följande kod

/* Adobe Consulting Plugin: getValOnce v2.01 */
s.getValOnce=function(vtc,cn,et,ep){if(vtc&&(cn=cn||"s_gvo",et=et||0,ep="m"===ep?6E4:864E5,vtc!==this.c_r(cn))){var e=new Date;e.setTime(e.getTime()+et*ep);this.c_w(cn,vtc,0===et?0:e);return vtc}return""};

Klistra in den i kodfönstret i Analytics-tillägget (om du inte fortfarande har den öppen, öppnar du den igen enligt föregående steg), helt under funktionen doPlugins (inte i den).

Kopiera följande kod:

s.campaign = s.Util.getQueryParam("cid");

Klistra in den i funktionen doPlugins. Detta söker efter en parameter med namnet cid i den aktuella sidans URL och placerar den i variabeln s.campaign.

Anropa nu funktionen getValOnce genom att kopiera följande kod och klistra in den direkt under anropet till getQueryParam:

s.campaign=s.getValOnce(s.campaign,'s_cmp',30);

Den här koden ser till att samma värde inte skickas in mer än en gång i rad under 30 dagar (se dokumentationen för hur du anpassar koden efter dina behov).

Spara kodfönstret

Klicka på Save to Library and Build

Öppna Luma-webbplatsen i din Chrome-webbläsare

Klicka på felsökningsikonen för att öppna Adobe Experience Cloud Debugger

Klicka på fliken Analytics

Expandera din Report Suite

Observera att träffen Analytics inte har någon Campaign-variabel

Lämna Felsökning öppen, gå tillbaka till Luma-webbplatsen och lägg till ?cid=1234 i URL:en och tryck på Retur för att uppdatera sidan med den frågesträngen inkluderad

Kontrollera felsökaren och bekräfta att det finns en andra Analytics-begäran med en Campaign-variabel inställd på 1234

Gå tillbaka och uppdatera Luma-sidan igen, med frågesträngen kvar i URL:en

Kontrollera nästa träff i Felsökning och Campaign-variabeln inte ska vara närvarande, eftersom plugin-programmet getValOnce har sett till att det inte dupliceras och ser ut som om en annan person kom in från kampanjspårningskoden.

BONUS: Du kan testa detta om och om igen genom att ändra värdet för parametern cid i frågesträngen. Campaign-variabeln ska bara finnas där om det är den första gången du kör sidan med värdet. Om du inte ser Campaign-värdet i felsökaren ändrar du bara värdet för cid i frågesträngen för URL:en, trycker på Retur och sedan ser du det igen i felsökaren.