Adobe Analytics toevoegen

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

Handelingen van de regel om het volgende te doen:

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

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)

in

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

in

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 om modaal te openen en het pagina Page Name gegevenselement te kiezen)

Klikken Save to Library

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

toe

Naam van de regel All Pages - DOM Ready

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

toe

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

Klikken Keep Changes

Onder Acties, klik om een nieuwe actie toe te voegen

Selecteren Extension > Adobe Analytics

Selecteren Action Type > Send Beacon

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.

Klik op de knop Keep Changes

Klikken Save to Library and Build

Open de plaats van de Lumain uw browser van Chrome

Klik het Debugger pictogram om Adobe Experience Cloud Debugger te openen

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

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

toe

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

toe

Ga naar de Extensions > Catalog -pagina

Zoek de extensie Adobe Analytics Product String van Adobe Consulting Services en klik op Install
toe

Neem even de tijd om de instructies te lezen

Klikken Save to Library

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

toe

Naam van de regel Product Details - DOM Ready - 40

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

toe

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 om het Condition Configuration scherm te openen
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

   

Onder Acties, klik om een nieuwe actie toe te voegen

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 om een nieuwe actie toe te voegen

toe

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

Open de plaats van de Lumain uw browser van Chrome

Naar een pagina met productdetails navigeren

Klik het Debugger pictogram om uw Adobe Experience Cloud Debugger te openen

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

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

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 .

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.

Klikken Keep Changes

Onder Voorwaarden, klik om een nieuwe voorwaarde toe te voegen

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 om een nieuwe actie toe te voegen

Selecteren Extension > Adobe Analytics

Selecteren Action Type > Set Variables

eVar3 instellen op Home Page - Featured Products

prop3 instellen op Home Page - Featured Products

Stel de variabele Events in op event3

Klikken Keep Changes

Onder Acties, klik om een andere nieuwe actie toe te voegen

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

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

Klik debugger icon om uw Adobe Experience Cloud Debugger te openen

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:

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"

   

Ga naar Extensions > Installed

Klik in de extensie Adobe Analytics op Configure

Selecteer onder Library Management het vak met het label Make tracker globally accessible . Zoals u in de Help bubble kunt zien, zal dit de tracker globaal onder window.s maken, wat belangrijk zal zijn aangezien u naar het in uw klant JavaScript verwijst.

Schuif omlaag en vouw de sectie met de naam Configure Tracker Using Custom Code. uit terwijl u de extensie Analytics gebruikt

Klikken Open Editor

Plak de volgende code in de code-editor:

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

Dit venster openhouden voor de volgende stap

De volgende code kopiëren

/* 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""};

Plak het in het codevenster in de uitbreiding van de Analyse (als u het nog niet hebt geopend, heropen het zoals in de vorige stap), volledig onder de doPlugins functie (niet binnen het).

toe

Kopieer de volgende code:

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

Plak het in de functie doPlugins. Hiermee wordt gezocht naar een parameter met de naam cid in de huidige pagina-URL en wordt deze in de variabele s.campagne geplaatst.

Roep nu de functie getValOnce door de volgende code te kopiëren en het te kleven in recht onder de vraag aan getQueryParam:

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

Deze code zorgt ervoor dat dezelfde waarde gedurende 30 dagen niet meer dan één keer per rij wordt verzonden (zie de documentatie voor manieren om deze code aan uw behoeften aan te passen).

Het codevenster opslaan

Klikken Save to Library and Build

Open de plaats van de Lumain uw browser van Chrome

Klik het Debugger pictogram om Adobe Experience Cloud Debugger te openen

Klik op het tabblad Analyse

Uw rapportsuite uitbreiden

Let op: de treffer voor Analytics heeft geen variabele Campagne

Als u Foutopsporing geopend laat, gaat u terug naar de site Luma en voegt u ?cid=1234 toe aan de URL. Klik vervolgens op Enter om de pagina te vernieuwen met de queryreeks die u hebt opgenomen

Controleer Foutopsporing en bevestig dat er een tweede analyseverzoek is met een variabele van de Campagne die aan 1234 wordt geplaatst

Ga terug en vernieuw de pagina Luma opnieuw, met het vraagkoord nog in URL

Controleer de volgende klap in Debugger, en de variabele van de Campagne zou niet aanwezig moeten zijn, omdat de stop getValOnce ervoor heeft gezorgd dat het niet gedupliceerd wordt en als een andere persoon binnen van de campagne volgende code kwam.

BONUS: U kunt dit telkens opnieuw testen door de waarde van de parameter cid in de queryreeks te wijzigen. De variabele van de Campagne zou daar slechts moeten zijn als het de eerste tijd is u de pagina met de waarde in werking stelt. Als u niet de waarde van de Campagne in debugger ziet, verander eenvoudig de waarde van cid in het vraagkoord van URL, druk binnengaan, en u zou het opnieuw in debugger moeten zien.