Vereisten
U zou de lessen in reeds moeten hebben voltooid vormen markeringenen voeg de Dienst van de Identiteit toe.
Daarnaast hebt u ten minste één rapportsuite-id en uw traceringsserver nodig. Als u geen test/dev- rapportreeks hebt die u voor dit leerprogramma kunt gebruiken, te creëren gelieve. Als u onzeker bent hoe te om dat te doen, zie de documentatie. U kunt uw traceringsserver ophalen van uw huidige implementatie, Adobe Consultant of medewerker van de klantenservice.
De extensie Analytics toevoegen
De extensie Analytics bestaat uit twee hoofdonderdelen:
-
De extensieconfiguratie, die de kernbibliotheekinstellingen van AppMeasurement.js beheert en algemene variabelen kan instellen
-
Handelingen van de regel om het volgende te doen:
- Variabelen instellen
- Variabelen wissen
- De Analysebaken verzenden
om de uitbreiding van Analytics toe te voegen
-
Ga naar Extensions > Catalog
-
De Adobe Analytics-extensie zoeken
-
Klikken Install
-
Voer onder Library Management > Report Suites de rapportsuite-id's in die u voor elke tagomgeving wilt gebruiken. Als uw gebruikers toegang hebben tot Adobe Analytics, merkt u op dat wanneer u begint in de doos te typen, u een vooraf ingevulde lijst van al uw rapportreeksen zult zien. (Het is oké om één rapportenreeks voor alle milieu's in dit leerprogramma te gebruiken, maar in echt zou u afzonderlijke rapportseries willen gebruiken, zoals aangetoond in hieronder beeld)
TIP
We raden u aan de instelling Manage the library for me option als Library Management te gebruiken, omdat het hierdoor veel eenvoudiger wordt om deAppMeasurement.js
-bibliotheek up-to-date te houden. -
Voer onder General > Tracking Server uw trackingserver in, bijvoorbeeld
tmd.sc.omtrdc.net
. Voer uw SSL-traceringsserver in als uw site ondersteuning biedt voorhttps://
-
Stel in de map Global Variables section onder Additional Settings de variabele Page Name in met behulp van het gegevenselement
Page Name
. Klik hetPage Name
gegevenselement te kiezen) -
Klikken Save to Library
De Paginaweergavebaken verzenden
Nu zult u een regel creëren om het baken van de Analyse in brand te steken, dat Page Name variabele zal verzenden die in de uitbreidingsconfiguratie wordt geplaatst.
U hebt reeds een "Alle Pagina's - Bibliotheek Geladen"regel in gecreeerd voegt een gegevenselement, een regel en een bibliotheekles van dit leerprogramma toe, dat op elke pagina wordt teweeggebracht wanneer de markeringsbibliotheek laadt. U kon deze regel voor Analytics ook gebruiken, nochtans vereist deze opstelling alle attributen van de gegevenslaag die in het baken van Analytics worden gebruikt om vóór de markering worden bepaald bed codes in. Om meer flexibiliteit met de gegevensinzameling toe te staan, zult u een nieuwe "alle pagina's"regel tot stand brengen die op DOM Klaar wordt teweeggebracht om het baken van de Analyse in brand te steken.
om het Baken van de Mening van de Pagina te verzenden
-
Ga naar de sectie Rules in de linkernavigatie en klik vervolgens op Add Rule
-
Naam van de regel
All Pages - DOM Ready
-
Klik op Events > Add om het scherm
Event Configuration
te openen -
Selecteer Event Type > DOM Ready (De volgorde van de regel is "50")
-
Klikken Keep Changes
-
Onder Acties, klik
-
Selecteren Extension > Adobe Analytics
-
Selecteren Action Type > Send Beacon
-
Laat Tekstspatiëring ingesteld staan op
s.t()
. Merk op dat als u eens.tl()
vraag in een klik-gebeurtenis regel wilt maken u dat kon doen gebruikend de Send actie van het Bandje, eveneens. -
Klik op de knop Keep Changes
-
Klikken Save to Library and Build
Valideer het Paginaweergavebaken
Nu u een regel hebt gecreeerd om een baken van Analytics te verzenden, zou u het verzoek in het Experience Cloud Debugger moeten kunnen zien.
-
Open de plaats van de Lumain uw browser van Chrome
-
Klik het Debugger pictogram
-
Zorg ervoor debugger het markeringsbezit aan in kaart brengt uw milieu van de Ontwikkeling, zoals die in de vroegere leswordt beschreven
-
Klik om het tabblad Analyse te openen
-
Breid uw naam van de Reeks van het Rapport uit om alle verzoeken te tonen die aan het worden gemaakt
-
Bevestig dat het verzoek is geactiveerd met de variabele en waarde Paginanaam
Variabelen toevoegen met regels
Wanneer u de extensie Analytics hebt geconfigureerd, hebt u de variabele pageName
ingevuld in de extensieconfiguratie. Dit is een fijne locatie voor het vullen van andere algemene variabelen, zoals eVars en props, mits de waarde beschikbaar is op de pagina voordat de code voor het insluiten van tags wordt geladen.
Een flexibelere locatie voor het instellen van variabelen (en gebeurtenissen) bevindt zich in regels met de handeling Set Variables
. Met regels kunt u verschillende analytische variabelen en gebeurtenissen onder verschillende omstandigheden instellen. U kunt de eigenschap prodView
bijvoorbeeld alleen instellen op pagina's met productdetails en de gebeurtenis purchase
alleen instellen op pagina's waarop het bestellen wordt bevestigd. Deze sectie zal u leren hoe te om variabelen te plaatsen gebruikend regels.
Hoofdletters gebruiken
De Pagina's van het Detail van het product (PDP) zijn belangrijke punten voor gegevensinzameling op detailhandelsplaatsen. Doorgaans wilt u dat Analytics registreert dat een productweergave heeft plaatsgevonden en welk product is weergegeven. Dit is handig om te begrijpen welke producten populair zijn bij uw klanten. Op een mediasite kunnen artikel- of videopagina's soortgelijke volgtechnieken gebruiken als in deze sectie. Wanneer u een pagina met productdetails laadt, kunt u die waarde in een "Paginatype" eVar
plaatsen en een aantal gebeurtenissen en de product-id instellen. Op die manier kunnen we in onze analyse het volgende zien:
- Hoeveel keer productdetailpagina's worden geladen
- Welke specifieke producten worden weergegeven en hoe vaak?
- Welke andere factoren (campagnes, onderzoek, enz.) beïnvloeden hoeveel PDP's mensen laden
Gegevenselement maken voor paginatype
Eerst moet u identificeren welke pagina's de pagina's van het Detail van het Product zijn. Dat gaat u doen met een gegevenselement.
om het Element van Gegevens voor het Type van Pagina te creëren
-
Klik op Data Elements in de linkernavigatie
-
Klikken Add Data Element
-
Naam van het gegevenselement
Page Type
-
Selecteren Data Element Type > JavaScript Variable
-
digitalData.page.category.type
gebruiken als de JavaScript variable name -
Controleer de opties Clean text en Force Lower Case
-
Klikken Save to Library
Gegevenselement maken voor product-id
Vervolgens verzamelt u de product-id van de huidige productdetailpagina met een gegevenselement
om het Element van Gegevens voor identiteitskaart van het Product te creëren
-
Klik op Data Elements in de linkernavigatie
-
Klikken Add Data Element
-
Naam van het gegevenselement
Product Id
-
Selecteren Data Element Type > JavaScript Variable
-
digitalData.product.0.productInfo.sku
gebruiken als de JavaScript variable name -
Controleer de opties Clean text en Force Lower Case
-
Klikken Save to Library
De extensie Adobe Analytics-productreeks toevoegen
Als u reeds vertrouwd met de implementaties van Adobe Analytics bent, bent u waarschijnlijk vertrouwd met de productvariabele. De productvariabele heeft een zeer specifieke syntaxis en wordt gebruikt lichtjes verschillende manieren afhankelijk van de context. Om de populatie van de productvariabele in markeringen gemakkelijker te maken, zijn drie extra uitbreidingen reeds gecreeerd in de markt van de marktextensie! In deze sectie voegt u een extensie toe die door Adobe Consulting is gemaakt voor gebruik op de pagina Productdetails.
om toe te voegen voegt Adobe Analytics Product String
uitbreiding toe
-
Ga naar de Extensions > Catalog -pagina
-
Zoek de extensie
Adobe Analytics Product String
van Adobe Consulting Services en klik op Install
-
Neem even de tijd om de instructies te lezen
-
Klikken Save to Library
De regel voor productdetailpagina's maken
Nu, zult u uw nieuwe gegevenselementen en uitbreiding gebruiken om uw de paginalijn van het Detail van het Product te bouwen. Voor deze functionaliteit, zult u een andere regel van de paginading creëren, die door DOM Klaar wordt teweeggebracht. Nochtans, zult u een voorwaarde gebruiken zodat het slechts op de pagina's van het Detail van het Product en de orde het plaatsen in brand steekt zodat het vóór de regel in brand steekt die het baken verzendt.
om de de paginalijn van het Detail van het Product te bouwen
-
Ga naar de sectie Rules in de linkernavigatie en klik vervolgens op Add Rule
-
Naam van de regel
Product Details - DOM Ready - 40
-
Klik op Events > Add om het scherm
Event Configuration
te openen -
Selecteren Event Type > DOM Ready
-
Plaats Order aan 40, zodat de regel vóór de regel zal in werking stellen die de Analytics > verzendt actie van het Beken bevat
-
Klikken Keep Changes
-
Onder Conditions, klik
Condition Configuration
scherm te openen
-
Selecteren Condition Type > Value Comparison
-
Gebruik de kiezer voor het gegevenselement en kies
Page Type
in het eerste veld -
Selecteer Contains in het vervolgkeuzemenu van de vergelijkingsoperator
-
In het volgende veldtype
product-page
(dit is het unieke deel van de waarde van het paginatype dat uit de gegevenslaag op PDP's wordt gehaald) -
Klikken Keep Changes
-
-
Onder Acties, klik
-
Selecteren Extension > Adobe Analytics Product String
-
Selecteren Action Type > Set s.products
-
Selecteer in de sectie Analytics E-commerce Event de optie prodView
-
In de sectie Data layer variables for product data gebruikt u de kiezer voor gegevenselementen om het gegevenselement
Product Id
te kiezen -
Klikken Keep Changes
-
Onder Acties, klik
-
Selecteren Extension > Adobe Analytics
-
Selecteren Action Type > Set Variables
-
Selecteer eVar1 > Set as en voer
product detail page
in -
event1 instellen, waarbij de optionele waarden leeg blijven
-
Klik onder Gebeurtenissen op de knop Add Another
-
Stel de gebeurtenis prodView in en laat de optionele waarden leeg
-
Klikken Keep Changes
-
Klikken Save to Library and Build
De gegevens van de productdetailpagina valideren
U hebt zojuist een regel gemaakt die variabelen instelt voordat het baken wordt verzonden. Je moet nu in staat zijn om de nieuwe gegevens in de hit in het Experience Cloud Debugger te zien.
om de de paginagegevens van het Detail van het Product te bevestigen
-
Open de plaats van de Lumain uw browser van Chrome
-
Naar een pagina met productdetails navigeren
-
Klik het Debugger pictogram
-
Klik op het tabblad Analyse
-
Uw rapportsuite uitbreiden
-
Merk op de Variabelen van het Detail van het Product die nu in debugger zijn, namelijk dat
eVar1
aan "productdetailpagina"is geplaatst, dat deEvents
variabele aan "event1"en "prodView"is geplaatst, dat de productvariabele met product identiteitskaart van het product wordt geplaatst u bekijkt, en dat uw Naam van de Pagina nog door de uitbreiding van de Analytics wordt geplaatst
Verstuur een baken van de Verbinding van het Spoor
Wanneer een pagina wordt geladen, wordt doorgaans een baken voor het laden van een pagina geactiveerd dat door de functie s.t()
wordt geactiveerd. Dit verhoogt automatisch page view
metrisch voor de pagina die in pageName
wordt vermeld variabele.
Soms wilt u echter de paginaweergaven op uw site niet vergroten, omdat de actie die wordt uitgevoerd 'kleiner' (of misschien gewoon anders) is dan de paginaweergave. In dit geval gebruikt u de functie s.tl()
, die doorgaans een aanvraag voor een 'trackkoppeling' wordt genoemd. Hoewel het als verzoek van de spoorverbinding wordt bedoeld, moet het niet op een verbindingsklik worden teweeggebracht. Het kan door worden teweeggebracht om het even welke van de gebeurtenissen die aan u in de bouwer van de markeringsregel, met inbegrip van uw eigen douaneJavaScript beschikbaar zijn.
In deze zelfstudie activeert u een s.tl()
-aanroep met een van de oudste JavaScript-gebeurtenissen, een Enters Viewport
-gebeurtenis.
Het hoofdlettergebruik
Voor dit gebruiksgeval, wilt u weten of schuiven de mensen neer op onze homepage van de Luma ver genoeg om de Gekenmerkte Producten sectie van onze pagina te zien. Er is wat interne onenigheid in ons bedrijf over of mensen die sectie zelfs zien of niet, zodat wilt u Analytics gebruiken om de waarheid te bepalen.
De regel in tags maken
-
Ga naar de sectie Rules in de linkernavigatie en klik vervolgens op Add Rule
-
Naam van de regel
Homepage - Featured Products enters Viewport
-
Klik op Events > Add om het scherm
Event Configuration
te openen -
Selecteer Event Type > Enters Viewport. Hiermee wordt een veld weergegeven waarin u de CSS-kiezer moet invoeren die het item op de pagina identificeert dat de regel moet activeren wanneer deze in de browser wordt weergegeven.
-
Ga terug naar de startpagina van Luma en blader omlaag naar de sectie Aanbevolen producten.
-
Klik met de rechtermuisknop op de ruimte tussen de titel "FEATURED PRODUCTS" en de items in deze sectie en selecteer
Inspect
in het snelmenu. Hierdoor komt u dicht bij wat u wilt. -
Hier, mogelijk direct onder de geselecteerde sectie, zoekt u naar een div met
class="we-productgrid aem-GridColumn aem-GridColumn--default--12"
. Zoek dit element. -
Klik met de rechtermuisknop op dit element en selecteer Copy > Copy Selector
-
Ga terug naar labels en plak deze waarde van het klembord in het veld met het label
Elements matching the CSS selector
.- Aan de zijkant bepaalt u hoe CSS-kiezers worden geïdentificeerd. Deze methode is een beetje kwetsbaar, omdat deze kiezer door bepaalde wijzigingen op de pagina kan worden verbroken. Houd hier rekening mee wanneer u CSS-kiezers in tags gebruikt.
-
Klikken Keep Changes
-
Onder Voorwaarden, klik
-
Selecteren Condition Type > Value Comparison
-
Gebruik de kiezer voor het gegevenselement en kies
Page Name
in het eerste veld -
Selecteer Equals in het vervolgkeuzemenu van de vergelijkingsoperator
-
In het volgende veldtype
content:luma:us:en
(dit is de paginanaam van de homepage zoals getrokken uit de gegevenslaag - wij willen slechts deze regel op de homepage lopen) -
Klikken Keep Changes
-
Onder Acties, klik
-
Selecteren Extension > Adobe Analytics
-
Selecteren Action Type > Set Variables
-
eVar3
instellen opHome Page - Featured Products
-
prop3
instellen opHome Page - Featured Products
-
Stel de variabele
Events
in opevent3
-
Klikken Keep Changes
-
Onder Acties, klik
-
Selecteren Extension > Adobe Analytics
-
Selecteren Action Type > Send Beacon
-
Kies de optie
s.tl()
Tekstspatiëring -
Typ
Scrolled down to Featured Products
in het veld Link Name . Deze waarde wordt in het rapport Aangepaste koppelingen in Analytics geplaatst. -
Klikken Keep Changes
-
Klikken Save to Library and Build
Valideer het baken van de Verbinding van het Spoor
Nu wilt u ervoor zorgen dat deze hit wordt weergegeven wanneer u naar de sectie Aanbevolen producten op de startpagina van onze site schuift. Wanneer u de startpagina laadt, moet het verzoek niet worden gedaan, maar wanneer u omlaag schuift en de sectie in beeld komt, moet de treffer met onze nieuwe waarden branden.
-
Open de plaats van de Lumain uw browser van Chrome en zorg ervoor u bij de bovenkant van de homepage bent.
-
Klik debugger icon
-
Klik op het tabblad Analyse
-
De hit van de rapportsuite uitbreiden
-
U ziet dat de normale paginaweergave is geactiveerd voor de startpagina met de paginanaam, enz. (maar niets in eVar3 of prop3).
-
Als u Foutopsporing geopend laat, schuift u omlaag op uw site totdat u de sectie Aanbevolen producten kunt zien
-
Bekijk de foutopsporing opnieuw en er had nog een hit voor Analytics moeten verschijnen. Bij deze hit moeten de params gekoppeld zijn aan de s.tl() hit die u hebt ingesteld, namelijk:
-
LinkType = "link_o"
(dit betekent dat de hit een aangepaste koppelingshit is, geen treffer voor de paginaweergave) -
LinkName = "Scrolled down to Featured Products"
-
prop3 = "Home Page - Featured Products"
-
eVar3 = "Home Page - Featured Products"
-
Events = "event3"
-