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:

  1. De extensieconfiguratie, die de kernbibliotheekinstellingen van AppMeasurement.js beheert en algemene variabelen kan instellen

  2. Handelingen van de regel om het volgende te doen:

    1. Variabelen instellen
    2. Variabelen wissen
    3. De Analysebaken verzenden

om de uitbreiding van Analytics toe te voegen

  1. Ga naar Extensions > Catalog

  2. De Adobe Analytics-extensie zoeken

  3. Klikken Install

    installeer de uitbreiding van de Analyse

  4. 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)

    ga rapportreeks ids in

    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 de AppMeasurement.js -bibliotheek up-to-date te houden.
  5. Voer onder General > Tracking Server uw trackingserver in, bijvoorbeeld tmd.sc.omtrdc.net . Voer uw SSL-traceringsserver in als uw site ondersteuning biedt voor https://

    ga de volgende servers in

  6. Stel in de map Global Variables section onder Additional Settings de variabele Page Name in met behulp van het gegevenselement Page Name . Klik het pictogram van het gegevenselement pictogram om modaal te openen en het pagina Page Name gegevenselement te kiezen)

  7. Klikken Save to Library

    plaats de variabele van de paginanaam en bewaar

OPMERKING
Globale variabelen kunnen in de uitbreidingsconfiguratie of in regelacties worden geplaatst. Ben zich ervan bewust dat wanneer het plaatsen van variabelen in de uitbreidingsconfiguratie, de gegevenslaag moet worden bepaald vóór de markering bed codes in.

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

  1. Ga naar de sectie Rules in de linkernavigatie en klik vervolgens op Add Rule

    voeg Regel toe

  2. Naam van de regel All Pages - DOM Ready

  3. Klik op Events > Add om het scherm Event Configuration te openen

    Naam de regel en voeg de gebeurtenis toe

  4. Selecteer Event Type > DOM Ready (De volgorde van de regel is "50")

  5. Klikken Keep Changes
    vorm de Gebeurtenis

  6. Onder Acties, klik plus pictogram om een nieuwe actie toe te voegen

    klik plus pictogram om een nieuwe actie toe te voegen

  7. Selecteren Extension > Adobe Analytics

  8. Selecteren Action Type > Send Beacon

  9. Laat Tekstspatiëring ingesteld staan op s.t() . Merk op dat als u een s.tl() vraag in een klik-gebeurtenis regel wilt maken u dat kon doen gebruikend de Send actie van het Bandje, eveneens.

  10. Klik op de knop Keep Changes

    klik plus pictogram om een nieuwe actie toe te voegen

  11. Klikken Save to Library and Build

    klik sparen aan Bibliotheek en Bouwstijl

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.

  1. Open de plaats van de Lumain uw browser van Chrome

  2. Klik het Debugger pictogram Open het Experience Cloud Debugger om Adobe Experience Cloud Debugger te openen

  3. Zorg ervoor debugger het markeringsbezit aan in kaart brengt uw milieu van de Ontwikkeling, zoals die in de vroegere leswordt beschreven

    Uw milieu van de tagontwikkeling dat in Debugger wordt getoond

  4. Klik om het tabblad Analyse te openen

  5. Breid uw naam van de Reeks van het Rapport uit om alle verzoeken te tonen die aan het worden gemaakt

  6. Bevestig dat het verzoek is geactiveerd met de variabele en waarde Paginanaam

    bevestigt de paginareet

OPMERKING
Als de paginanaam niet voor u verschijnt, ga terug door de stappen in deze pagina om ervoor te zorgen dat u niets hebt gemist.

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:

  1. Hoeveel keer productdetailpagina's worden geladen
  2. Welke specifieke producten worden weergegeven en hoe vaak?
  3. 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

  1. Klik op Data Elements in de linkernavigatie

  2. Klikken Add Data Element

    voeg een nieuw Element van Gegevens toe

  3. Naam van het gegevenselement Page Type

  4. Selecteren Data Element Type > JavaScript Variable

  5. digitalData.page.category.type gebruiken als de JavaScript variable name

  6. Controleer de opties Clean text en Force Lower Case

  7. Klikken Save to Library

    voeg een nieuw Element van Gegevens voor het Type van Pagina toe

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

  1. Klik op Data Elements in de linkernavigatie

  2. Klikken Add Data Element

    voeg een nieuw Element van Gegevens toe

  3. Naam van het gegevenselement Product Id

  4. Selecteren Data Element Type > JavaScript Variable

  5. digitalData.product.0.productInfo.sku gebruiken als de JavaScript variable name

  6. Controleer de opties Clean text en Force Lower Case

  7. Klikken Save to Library

    voeg een nieuw Element van Gegevens voor het Type van Pagina toe

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

  1. Ga naar de Extensions > Catalog -pagina

  2. Zoek de extensie Adobe Analytics Product String van Adobe Consulting Services en klik op Install
    voeg de uitbreiding van het Koord van het Product van Adobe Analytics door Adobe Consulting toe

  3. Neem even de tijd om de instructies te lezen

  4. Klikken Save to Library

    sparen de uitbreiding en bouwt het aan uw bibliotheek

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

  1. Ga naar de sectie Rules in de linkernavigatie en klik vervolgens op Add Rule

    voeg Regel toe

  2. Naam van de regel Product Details - DOM Ready - 40

  3. Klik op Events > Add om het scherm Event Configuration te openen

    Naam de regel en voeg de gebeurtenis toe

  4. Selecteren Event Type > DOM Ready

  5. Plaats Order aan 40, zodat de regel vóór de regel zal in werking stellen die de Analytics > verzendt actie van het Beken bevat

  6. Klikken Keep Changes
    vorm de Gebeurtenis

  7. Onder Conditions, klik klikken plus pictogram om het Condition Configuration scherm te openen
    klik plus pictogram om een nieuwe voorwaarde toe te voegen

    1. Selecteren Condition Type > Value Comparison

    2. Gebruik de kiezer voor het gegevenselement en kies Page Type in het eerste veld

    3. Selecteer Contains in het vervolgkeuzemenu van de vergelijkingsoperator

    4. 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)

    5. Klikken Keep Changes

      bepaalt de voorwaarde

  8. Onder Acties, klik plus pictogram om een nieuwe actie toe te voegen

    klik plus pictogram om een nieuwe actie toe te voegen

  9. Selecteren Extension > Adobe Analytics Product String

  10. Selecteren Action Type > Set s.products

  11. Selecteer in de sectie Analytics E-commerce Event de optie prodView

  12. In de sectie Data layer variables for product data gebruikt u de kiezer voor gegevenselementen om het gegevenselement Product Id te kiezen

  13. Klikken Keep Changes

    voeg de Variabele van het Koord van het Product toe gebruikend de uitbreiding van het Koord van het Product van Adobe Analytics

  14. Onder Acties, klik plus pictogram om een nieuwe actie toe te voegen

    voeg een andere Actie voor het Koord van het Product toe

  15. Selecteren Extension > Adobe Analytics

  16. Selecteren Action Type > Set Variables

  17. Selecteer eVar1 > Set as en voer product detail page in

  18. event1 instellen, waarbij de optionele waarden leeg blijven

  19. Klik onder Gebeurtenissen op de knop Add Another

  20. Stel de gebeurtenis prodView in en laat de optionele waarden leeg

  21. Klikken Keep Changes

    plaats de Variabelen van de Analyse in Regel PDP

  22. Klikken Save to Library and Build

    sparen de regel

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

  1. Open de plaats van de Lumain uw browser van Chrome

  2. Naar een pagina met productdetails navigeren

  3. Klik het Debugger pictogram Open het Experience Cloud Debugger om uw Adobe Experience Cloud Debugger te openen

  4. Klik op het tabblad Analyse

  5. Uw rapportsuite uitbreiden

  6. Merk op de Variabelen van het Detail van het Product die nu in debugger zijn, namelijk dat eVar1 aan "productdetailpagina"is geplaatst, dat de Events 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

    bevestigt de paginareet

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

  1. Ga naar de sectie Rules in de linkernavigatie en klik vervolgens op Add Rule
    voeg Regel toe

  2. Naam van de regel Homepage - Featured Products enters Viewport

  3. Klik op Events > Add om het scherm Event Configuration te openen

    voeg Aanbevolen Regel van Producten toe

  4. 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.

  5. Ga terug naar de startpagina van Luma en blader omlaag naar de sectie Aanbevolen producten.

  6. 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.

  7. 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.

  8. Klik met de rechtermuisknop op dit element en selecteer Copy > Copy Selector

    vorm de Gebeurtenis van Viewport van Ingangen

  9. Ga terug naar labels en plak deze waarde van het klembord in het veld met het label Elements matching the CSS selector .

    1. 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.
  10. Klikken Keep Changes
    vorm de Gebeurtenis van Viewport van Ingangen

  11. Onder Voorwaarden, klik plus pictogram om een nieuwe voorwaarde toe te voegen

  12. Selecteren Condition Type > Value Comparison

  13. Gebruik de kiezer voor het gegevenselement en kies Page Name in het eerste veld

  14. Selecteer Equals in het vervolgkeuzemenu van de vergelijkingsoperator

  15. 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)

  16. Klikken Keep Changes

    vorm de Voorwaarde van de Homepage

  17. Onder Acties, klik plus pictogram om een nieuwe actie toe te voegen

  18. Selecteren Extension > Adobe Analytics

  19. Selecteren Action Type > Set Variables

  20. eVar3 instellen op Home Page - Featured Products

  21. prop3 instellen op Home Page - Featured Products

  22. Stel de variabele Events in op event3

  23. Klikken Keep Changes

    vorm de Gebeurtenis van Viewport van Ingangen

  24. Onder Acties, klik plus pictogram om een andere nieuwe actie toe te voegen

  25. Selecteren Extension > Adobe Analytics

  26. Selecteren Action Type > Send Beacon

  27. Kies de optie s.tl() Tekstspatiëring

  28. Typ Scrolled down to Featured Products in het veld Link Name . Deze waarde wordt in het rapport Aangepaste koppelingen in Analytics geplaatst.

  29. Klikken Keep Changes

    Config het Aanbevolen Bandje van Producten

  30. Klikken Save to Library and Build

    sparen de regel en bouwt

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.

  1. Open de plaats van de Lumain uw browser van Chrome en zorg ervoor u bij de bovenkant van de homepage bent.

  2. Klik debugger icon open het Experience Cloud Debugger om uw Adobe Experience Cloud Debugger te openen

  3. Klik op het tabblad Analyse

  4. De hit van de rapportsuite uitbreiden

  5. U ziet dat de normale paginaweergave is geactiveerd voor de startpagina met de paginanaam, enz. (maar niets in eVar3 of prop3).

    Debugger met een Mening van de Pagina

  6. Als u Foutopsporing geopend laat, schuift u omlaag op uw site totdat u de sectie Aanbevolen producten kunt zien

  7. 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:

    1. LinkType = "link_o" (dit betekent dat de hit een aangepaste koppelingshit is, geen treffer voor de paginaweergave)

    2. LinkName = "Scrolled down to Featured Products"

    3. prop3 = "Home Page - Featured Products"

    4. eVar3 = "Home Page - Featured Products"

    5. Events = "event3"

      Debugger met een Mening van de Pagina