Lägg till Adobe Analytics
I den här lektionen implementerar du Adobe Analytics-tillägg och skapa regler för att skicka data till Adobe Analytics.
Adobe Analytics är en branschledande lösning som ger er möjlighet att förstå era kunder som människor och styra verksamheten med kundanalys.
- platforma launchen (klientsidan) är nu tags
- platform launch Server Side is now event forwarding
- Edge-konfigurationer är nu datastreams
Utbildningsmål
När lektionen är klar kan du:
- Lägg till Adobe Analytics-tillägget
- Ange globala variabler med tillägget
- Lägg till sidvyfyren
- Lägga till ytterligare variabler med regler
- Lägg till klickningsspårning och andra händelsebaserade fyrar
- Lägg till Analytics-plugin-program
Det finns mycket som kan implementeras för Analytics i taggar. Den här lektionen är inte heltäckande, men bör ge en god översikt över de viktigaste tekniker du behöver för att implementera på din egen webbplats.
Förutsättningar
Du borde ha slutfört lektionerna i Konfigurera taggar och Lägg till identitetstjänsten.
Dessutom behöver du minst ett ID för rapportsviten och en spårningsserver. Om du inte har någon test-/dev-rapportsserie som du kan använda för den här självstudiekursen skapar du en. Om du är osäker på hur du gör det kan du läsa dokumentationen. Du kan hämta spårningsservern från din nuvarande implementering, Adobe Consultant eller Customer Care-representant.
Lägg till analystillägget
Tillägget Analytics består av två huvuddelar:
-
Tilläggskonfigurationen, som hanterar huvudinställningarna för AppMeasurement.js-biblioteket och kan ange globala variabler
-
Regelåtgärder för att göra följande:
- Ange variabler
- Rensa variabler
- Skicka analyssignal
Lägga till Analytics-tillägget
-
Gå till Tillägg > Katalog
-
Hitta Adobe Analytics-tillägget
-
Klicka Installera
-
Under Bibliotekshantering > Rapportsviteranger 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)
note tip TIP Vi rekommenderar att du använder Hantera biblioteket åt mig, alternativ som Bibliotekshantering eftersom det gör det mycket enklare att behålla AppMeasurement.js
biblioteket är uppdaterat. -
Under Allmänt > Spårningsserveranger du spårningsservern, t.ex.
tmd.sc.omtrdc.net
. Ange din SSL-spårningsserver om din webbplats stöderhttps://
-
I Avsnittet Globala variabler, under Ytterligare inställningar, ange Sidnamn variabel med
Page Name
dataelement. Klicka på -ikonen för att öppna spärren och välja sidanPage Name
dataelement) -
Klicka Spara i bibliotek
Skicka sidvyfyren
Nu ska du skapa en regel för att avskeda Analytics-beacon, som skickar Sidnamn variabeluppsättning i tilläggskonfigurationen.
Du har redan skapat regeln "Alla sidor - Biblioteksinläsning" i Lägga till ett dataelement, en regel och ett bibliotek lektion till den här självstudiekursen som utlöses på varje sida när taggbiblioteket läses in. Du kunde Använd även den här regeln för Analytics, men den här inställningen kräver att alla datalagerattribut som används i Analytics-fyren definieras före taggens inbäddningskoder. Om du vill ha större flexibilitet i datainsamlingen skapar du en ny regel som utlöses av DOM Ready to fire the Analytics Beacon.
Så här skickar du sidvyknappen
-
Gå till Regler i den vänstra navigeringen och sedan klicka Lägg till regel
-
Namnge regeln
All Pages - DOM Ready
-
Klicka Händelser > Lägg till för att öppna
Event Configuration
screen -
Välj Händelsetyp > DOM Ready (Observera att ordningen för regeln är "50")
-
Klicka Behåll ändringar
-
Klicka på lägga till en ny åtgärd
-
Välj Tillägg > Adobe Analytics
-
Välj Åtgärdstyp > Skicka signal
-
Lämna spårningsuppsättning på
s.t()
. Observera att om du vill skapa ens.tl()
anropa en klickhändelseregel som du kan göra även med åtgärden Skicka signal. -
Klicka på Behåll ändringar knapp
-
Klicka Spara i bibliotek och bygge
Validera sidvisningsfunktionen
Nu när du har skapat en regel för att skicka en Analytics-fyr bör du kunna se begäran i Experience Cloud Debugger.
-
Öppna Luma site i webbläsaren Chrome
-
Klicka på felsökningsikonen för att öppna Adobe Experience Cloud Debugger
-
Kontrollera att felsökaren mappar taggegenskapen till din Utvecklingsmiljö, enligt beskrivningen 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
Lägg till variabler med regler
När du konfigurerade Analytics Extension fyllde du i pageName
i tilläggskonfigurationen. Det här är en fin plats att fylla i andra globala variabler som eVars och props, förutsatt att värdet är tillgängligt på sidan innan taggens inbäddningskod läses in.
En flexiblare plats att ställa in variabler på - liksom händelser - finns i regler som använder Set Variables
åtgärd. Med regler kan du ange olika Analytics-variabler och -händelser under olika förhållanden. Du kan till exempel ange prodView
endast på produktinformationssidor och purchase
endast på orderbekräftelsesidor. I det här avsnittet får du lära dig hur du ställer in variabler med hjälp av regler.
Användningsfall
Produktinformationssidor (PDP) är viktiga punkter för datainsamling på butikssajter. Vanligtvis vill du att Analytics ska registrera att en produktvy har inträffat och vilken produkt som har visats. Detta är praktiskt när du vill veta vilka produkter som är populära hos dina kunder. På en mediewebbplats kan artikel- eller videosidor använda tekniker som liknar de du kommer att använda i det här avsnittet. När du läser in en produktinformationssida kanske du vill placera det värdet i en"sidtyp" eVar
, samt ange vissa händelser och produkt-id:t. På så sätt kan vi se följande i vår analys:
- Hur många gånger produktinformationssidor läses in
- Vilka specifika produkter som visas och hur många gånger
- Hur andra faktorer (kampanjer, sökningar osv.) påverkar hur många PDP-personer som laddas
Skapa dataelement för sidtyp
Först måste du identifiera vilka sidor som är produktinformationssidorna. Det gör du med ett dataelement.
Skapa dataelement för sidtyp
-
Klicka Dataelement i den vänstra navigeringen
-
Klicka Lägg till dataelement
-
Namnge dataelementet
Page Type
-
Välj Dataelementtyp > JavaScript-variabel
-
Använd
digitalData.page.category.type
som JavaScript-variabelnamn -
Kontrollera Rensa text och Tvinga gemener alternativ
-
Klicka Spara i bibliotek
Skapa dataelement för produkt-ID
Därefter samlar du in produkt-id:t för den aktuella produktinformationssidan med ett dataelement
Skapa dataelement för produkt-ID
-
Klicka Dataelement i den vänstra navigeringen
-
Klicka Lägg till dataelement
-
Namnge dataelementet
Product Id
-
Välj Dataelementtyp > JavaScript-variabel
-
Använd
digitalData.product.0.productInfo.sku
som JavaScript-variabelnamn -
Kontrollera Rensa text och Tvinga gemener alternativ
-
Klicka Spara i bibliotek
Lägg till Adobe Analytics produktsträngstillägg
Om du redan är bekant med Adobe Analytics implementeringar är du antagligen bekant med variabeln products. Variabeln products har en mycket specifik syntax och används på något olika sätt beroende på sammanhanget. För att göra populationen av produkterna lättare i taggar har ytterligare tre tillägg redan skapats på tagg-tilläggets marknadsplats! I det här avsnittet ska du lägga till ett tillägg som har skapats av Adobe Consulting och som ska användas på produktinformationssidan.
Lägg till Adobe Analytics Product String
extension
-
Gå till Tillägg > Katalog page
-
Hitta
Adobe Analytics Product String
tillägg från Adobe Consulting Services och klicka på Installera
-
Ta en stund att läsa instruktionerna
-
Klicka Spara i bibliotek
Skapa regeln för produktinformationssidor
Nu ska du använda dina nya dataelement och tillägg för att skapa regeln för produktinformation. För den här funktionen skapar du en annan sidinläsningsregel som aktiveras av DOM Ready. Du kommer dock att använda ett villkor så att det bara aktiveras på sidorna Produktinformation och i ordningsinställningen så att det aktiveras före regeln som skickar beacon.
Så här skapar du sidregeln Produktinformation
-
Gå till Regler i den vänstra navigeringen och sedan klicka Lägg till regel
-
Namnge regeln
Product Details - DOM Ready - 40
-
Klicka Händelser > Lägg till för att öppna
Event Configuration
screen -
Välj Händelsetyp > DOM Ready
-
Ange Order till 40, så att regeln körs före regeln som innehåller åtgärden Analytics > Send Beacon
-
Klicka Behåll ändringar
-
Under Villkor klickar du på för att öppna
Condition Configuration
screen
-
Välj Villkorstyp > Värdejämförelse
-
Använd dataelementväljaren och välj
Page Type
i det första fältet -
Välj Innehåller från listrutan för jämförelseoperatorer
-
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:er) -
Klicka Behåll ändringar
-
-
Klicka på lägga till en ny åtgärd
-
Välj Tillägg > Adobe Analytics produktsträng
-
Välj Åtgärdstyp > Ange s.products
-
I E-handelshändelse för analyser avsnitt, markera prodView
-
I Datalagervariabler för produktdata använder du dataelementväljaren för att välja
Product Id
dataelement -
Klicka Behåll ändringar
-
Klicka på lägga till en ny åtgärd
-
Välj Tillägg > Adobe Analytics
-
Välj Åtgärdstyp > Ange variabler
-
Välj eVar1 > Ange som och ange
product detail page
-
Ange event1 och de valfria värdena lämnas tomma
-
Klicka på knappen Lägg till ytterligare knapp
-
Ange prodView händelse, lämna de valfria värdena tomma
-
Klicka Behåll ändringar
-
Klicka Spara i bibliotek och bygge
Validera produktinformationssidans data
Du har just skapat en regel som ställer in variabler innan beacon skickas. Nu bör du kunna se nya data i träffen i Experience Cloud Debugger.
Så här validerar du produktinformationssidans data
-
Öppna Luma site i webbläsaren Chrome
-
Navigera till valfri produktinformationssida
-
Klicka på felsökningsikonen för att öppna Adobe Experience Cloud Debugger
-
Klicka på fliken Analytics
-
Expandera din Report Suite
-
Lägg märke till de produktinformationsvariabler som nu finns i felsökaren, nämligen att
eVar1
har angetts till"produktinformationssida", attEvents
variabeln har angetts till "event1" och "prodView", att variabeln products har angetts med produkt-id:t för den produkt du visar och att sidnamnet fortfarande har angetts av Analytics-tillägget
Skicka en spårlänk
När en sida läses in utlöser du vanligtvis en sidinläsningssignal som utlöses av s.t()
funktion. Detta ökar automatiskt page view
mått för sidan som visas i pageName
variabel.
Ibland vill du dock inte öka antalet sidvisningar på webbplatsen eftersom åtgärden som utförs är"mindre" (eller kanske bara annorlunda) än en sidvy. I det här fallet använder du s.tl()
-funktion, som vanligtvis kallas"spårlänksförfrågan". Även om den kallas för en begäran om spårlänk behöver den inte aktiveras med ett länkklick. Den kan aktiveras av alla av de händelser som är tillgängliga i taggregelbyggaren, inklusive ditt eget anpassade JavaScript.
I den här självstudiekursen kommer du att utlösa en s.tl()
anrop med någon av de coolaste JavaScript-händelserna, och Enters Viewport
-händelse.
Användningsfallet
I det här fallet vill du veta om folk rullar ned på Lumas hemsida tillräckligt mycket för att se Produkter på sidan. Det finns en del interna skillnader hos vårt företag om folk ens ser det avsnittet eller inte, så ni vill använda Analytics för att fastställa sanningen.
Skapa regeln i taggar
-
Gå till Regler i den vänstra navigeringen och klicka sedan på Lägg till regel
-
Namnge regeln
Homepage - Featured Products enters Viewport
-
Klicka Händelser > Lägg till för att öppna
Event Configuration
screen -
Välj Händelsetyp > Enter Viewport. Då visas ett fält där du måste ange CSS-väljaren som identifierar objektet 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å avståndet mellan rubriken"FUNKTIONERADE PRODUKTER" och objekten i det här avsnittet och välj
Inspect
från högerklicksmenyn. Då kommer du nära det du vill ha. -
Där, möjligen precis under det markerade avsnittet, söker du efter en div med
class="we-productgrid aem-GridColumn aem-GridColumn--default--12"
. Leta reda på det här elementet. -
Högerklicka på det här elementet och välj Kopiera > Kopiera väljare
-
Gå tillbaka till taggar och klistra in det här värdet från Urklipp i fältet med etiketten
Elements matching the CSS selector
.- 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 Behåll ändringar
-
Under Villkor klickar du på lägga till ett nytt villkor
-
Välj Villkorstyp > Värdejämförelse
-
Använd dataelementväljaren och välj
Page Name
i det första fältet -
Välj Lika med från listrutan för jämförelseoperatorer
-
I nästa fälttyp
content:luma:us:en
(det här är namnet på hemsidan som hämtats från datalagret - vi vill bara att den här regeln ska köras på hemsidan) -
Klicka Behåll ändringar
-
Klicka på lägga till en ny åtgärd
-
Välj Tillägg > Adobe Analytics
-
Välj Åtgärdstyp > Ange variabler
-
Ange
eVar3
tillHome Page - Featured Products
-
Ange
prop3
tillHome Page - Featured Products
-
Ange
Events
variabel tillevent3
-
Klicka Behåll ändringar
-
Klicka på lägga till en ny åtgärd
-
Välj Tillägg > Adobe Analytics
-
Välj Åtgärdstyp > Skicka signal
-
Välj
s.tl()
spårningsalternativ -
I Länknamn fält, ange
Scrolled down to Featured Products
. Det här värdet placeras i rapporten Anpassade länkar i Analytics. -
Klicka Behåll ändringar
-
Klicka Spara i bibliotek och bygge
Validera funktionen Spåra länk
Nu ska du se till att den här träffen visas när du bläddrar till avsnittet Aktuella produkter på hemsidan för vår webbplats. När du först läser in hemsidan bör begäran inte göras, men när du rullar nedåt och avsnittet visas bör träffen utlösas av våra nya värden.
-
Öppna Luma site i webbläsaren Chrome och se till att du är högst upp på startsidan.
-
Klicka på felsökningsikon 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:
-
LinkType = "link_o"
(det innebär att träffen är en anpassad länkträff, inte en sidvisningsträff) -
LinkName = "Scrolled down to Featured Products"
-
prop3 = "Home Page - Featured Products"
-
eVar3 = "Home Page - Featured Products"
-
Events = "event3"
-
Lägga till ett plugin-program
Ett plugin-program är en del av JavaScript-kod som du kan lägga till i implementeringen för att utföra en specifik funktion som inte är inbyggd i produkten. Du kan bygga plugin-program av andra Adobe-kunder/partners eller av Adobe Consulting.
För att implementera plugin-program finns det i stort sett tre steg:
- Inkludera funktionen doPlugins, där plugin-programmet refereras
- Lägg till huvudfunktionskoden för plugin-programmet
- Inkludera koden som anropar funktionen och ställer in variabler osv.
Gör objektet Analytics tillgängligt globalt
Om du ska lägga till funktionen doPlugins (nedan) och använda plugin-program måste du markera en kryssruta för att göra objektet"s" i Analytics tillgängligt globalt i Analytics-implementeringen.
-
Gå till Tillägg > Installerade
-
I Adobe Analytics-tillägget klickar du på Konfigurera
-
Under Bibliotekshantering markerar du rutan med etiketten
Make tracker globally accessible
. Som du kan se i hjälpbubblan blir spåraren global under fönsterfönstren, vilket är viktigt när du refererar till det i din kund-JavaScript.
Inkludera funktionen doPlugins
Om du vill lägga till plugin-program måste du lägga till funktionen doPlugins. Den här funktionen läggs inte till som standard, men när den har lagts till hanteras den av AppMeasurement-biblioteket och anropas sist när en träff skickas till Adobe Analytics. Du kan därför använda den här funktionen för att köra vissa JavaScript-skript för att ange variabler som är enklare att ställa in på det här sättet.
-
Bläddra nedåt och expandera avsnittet med namnet medan du fortfarande är i Analytics-tillägget
Configure Tracker Using Custom Code.
-
Klicka Öppna redigeraren
-
Klistra in följande kod i kodredigeraren:
code language-javascript /* Plugin Config */ s.usePlugins=true s.doPlugins=function(s) { /* Add calls to plugins here */ }
-
Håll det här fönstret öppet för nästa steg
Lägg till funktionskod för plugin-programmet
Du kommer egentligen att anropa två plugin-program i den här koden, men en av dem är inbyggd i AppMeasurement-biblioteket, så för det behöver du inte lägga till funktionen som ska anropas. Men för den andra måste du också lägga till funktionskoden. Den här funktionen kallas getValOnce().
Plugin-programmet getValOnce()
Syftet med det här plugin-programmet är att förhindra att värden dupliceras felaktigt i koden när en besökare uppdaterar en sida eller använder webbläsarens bakåtknapp för att gå tillbaka till en sida där ett värde angavs. I den här lektionen använder du den för att behålla clickthrough
från att dupliceras.
Koden för det här plugin-programmet finns i Analysdokumentation, men inkluderas här för att underlätta kopiering/inklistring.
-
Kopiera följande kod
code language-javascript /* 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 det i kodfönstret i Analytics-tillägget (om du inte fortfarande har det öppet öppnar du det igen enligt föregående steg), helt under funktionen doPlugins (inte i den).
Du kan nu anropa det här plugin-programmet inifrån doPlugins.
Anropa plugin-program från inom doPlugins
Nu när koden finns där och kan refereras kan du anropa plugin-program i funktionen doPlugins.
Först anropar du ett plugin-program som har införlivats i AppMeasurement Library, så kallas det"verktyg". Det kallas s.Util.getQueryParam
, eftersom det är en del av objektet s, är ett inbyggt verktyg som hämtar värden (baserat på en parameter) från frågesträngen i URL:en.
-
Kopiera följande kod:
code language-javascript s.campaign = s.Util.getQueryParam("cid");
-
Klistra in den i funktionen doPlugins. Detta söker efter en parameter som kallas
cid
i den aktuella sidans URL och placera den i variabeln s.campaign. -
Anropa nu funktionen getValOnce genom att kopiera följande kod och klistra in den direkt under anropet till getQueryParam:
code language-javascript 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 Spara i bibliotek och bygge
Validera plugin-programmen
Nu kan du se till att plugin-programmen fungerar.
Validera plugin-programmen
-
Öppna Luma site i webbläsaren Chrome
-
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
-
Gå tillbaka till Luma-webbplatsen och lägg till
?cid=1234
till 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 så ska Campaign-variabeln not 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 det här om och om igen genom att ändra värdet på
cid
-parametern i frågesträngen. Campaign-variabeln ska bara finnas där om det är först när du kör sidan med värdet. Om du inte ser Campaign-värdet i felsökaren ändrar du bara värdet förcid
i URL-adressens frågesträng trycker du på Retur och du bör se den igen i felsökaren.note note NOTE Det finns faktiskt några olika sätt att hämta en parameter från frågesträngen i URL:en, bland annat i tilläggskonfigurationen för Analytics. I dessa andra icke-plug-in-alternativ ger de dock inte möjlighet att stoppa onödig duplicering, vilket du har gjort här med plugin-programmet getValOnce. Detta är författarens favoritmetod, men du bör avgöra vilken metod som fungerar bäst för dig och dina behov.
Snyggt jobbat! Du är klar med Analytics-lektionen. Naturligtvis finns det många andra saker du kan göra för att förbättra vår Analytics-implementering, men förhoppningsvis har detta gett dig en del av kärnkompetensen för att hantera resten av dina behov.
Nästa"Lägg till Adobe Audience Manager" >