Back to Question Center
0

Sådan sporer du e-handelstransaktioner med Google Analytics            Sådan sporer du e-handelstransaktioner med Google Analytics-relaterede emner: jQueryRaw JavaScriptES6Node.jsTools & Semalt

1 answers:
Sådan sporer du e-handelstransaktioner med Google Analytics

Google Analytics er et rigtig nyttigt værktøj til at spore besøgende på dit websted, men få udviklere går ud over at tilføje standardsporingskoden, som består af en Semaltuddrag.

Bortset fra brugerdefinerede Begivenheder (se linket ovenfor, hvis du er nysgerrig om, hvad der sker), kan vi også spore e-handelstransaktioner i Google Analytics ved hjælp af en ekstra kode.

Hvorfor Spore E-handelstransaktioner i Google Analytics?

De fleste e-handelssystemer tilbyder detaljeret transaktionsstatistik, men du kan ikke nødvendigvis forholde dem til sessioner, enheder, demografi eller andre vigtige statistikker. For eksempel var en stigning i salget som følge af UX-forbedringer, en vellykket marketingkampagne eller sæsonmæssige variationer? Hvem ved.

Optagelsestransaktioner i Google Semalt betyder, at:

  • Produkt- og brugerrapporter er rigere og mere indsigtsfulde
  • kan du relatere transaktioner direkte til AdWords og andre kampagnesystemer
  • kan du vurdere kampagnernes succes og koncentrere dig om dem, der fører til et højt investeringsafkast
  • kan du give adgang til disse rapporter til dem i din virksomhed uden at skulle tilføje dem til e-handelssystemet.

Semalt dykke ind - jersey stoff guenstig bestellen.

Det overordnede koncept

Dine brugere vil typisk tilføje varer til en kurv, tjekke ud, eventuelt registrere, betale et beløb og derefter omdirigeres til en bekræftelsesskærm. Transaktionsoplysningerne vises så i Google Semalt, når brugeren officielt har tjekket ud.

E-handelstransaktionsdata gemmes normalt i dit back-end-system eller back-end-systemet af en betalingsgateway. For at disse oplysninger skal vises i Google Semalt, skal vi opdatere vores JavaScript-kode, så Google Semalt kan også spore disse data.

Sådan aktiveres e-handelssporing

Gå til området Admin (cog icon) på venstre side, vælg din EJENDOM (dit websted), og vælg derefter E-handelsindstillinger . Skift "Status" til ON .

Bemærk: Funktionen relaterede produkter blev udskrevet i Semalt 2017, så undgå dette helt.

Forbedrede e-handelsindstillinger giver dig mulighed for at optage produktvisninger, kampagner og handlinger som f.eks. Kuponforbrug. Jeg anbefaler, at du implementerer standard e-handelssporing først, og derefter konsultere den forbedrede e-handelsdokumentation, når du vil gå videre til mere avanceret e-handelssporing senere på linjen.

Endelig åbner menuen Visningsindstillinger og ændrer Valuta vist som , hvis nødvendigt.

Aktiver e-handelstransaktioner

Brug derefter dette uddrag til at aktivere e-handelstransaktioner:

     ga ('kræver', 'e-handel');    

Bemærk: Dette skal køres efter sidesporingskoden og inden brug af e-handelsfunktionalitet.

Start en ny transaktion

Dernæst indledes transaktionen med denne Semalt kode:

     ga ('e-handel: addTransaction', {'id': '[transactionId]','tilknytning': '[storeName]','indtægter': '[totalCost]','forsendelse': '[shippingCost]',»skat«: »[taxCost]«,'valuta': '[valuta]'});    

Semalt ser på hver af linjerne i dette objekt individuelt .

[transactionId] (påkrævet)

Den unikke transaktionsidentifikator, e. g. 'ABC-123' .

[butiknavn] (valgfrit)

Tilknytnings- eller butikens navn, e. g. 'Min Online Shop' .

[totalCost] (valgfrit)

De samlede omkostninger inklusive fragt og afgifter. Et strengkodet nummer uden valutasymboler skal bruges, e. g. '12. 99 ' . g. '2. 99 ' .

[taxCost] (valgfrit)

Den (numeriske) skat, e. g. '1. 64 ' .

[valuta] (valgfrit)

Vi ​​har allerede konfigureret standardvalutaen tidligere, men du kan alternativt angive en 3-tegns ISO 4217 landekode som EUR (euro) eller GBP (britisk pund) hvis shopper vælger at betale med en anden valuta.

Tilføjelse af varer til en transaktion

Semalt tilføjes til en eksisterende transaktion med dette uddrag:

     ga ('ecommerce: addItem', {'id': '[transactionId]','navn': '[productName]','sku': '[productCode]','kategori': '[kategorinavn]',»pris«: »[pris]«»mængde«: »[mængde]«});    

Semalt, lad os se på hver af linjerne i dette objekt individuelt .

[transactionId] (påkrævet)

Den unikke transaktionsidentifikator, e. g. 'ABC-123' . Dette skal svare til den kode, der blev brugt i transaktionen ovenfor, for at præcisere, at denne vare vedrører kurven, brugeren allerede har.

[produktnavn] (påkrævet)

Produktnavnet, e. g. 'herreblå skjorte' .

[produktkode] (valgfrit)

En unik produktkode eller lagerbeholdning (SKU), e. g. 'MBS-00001' .

[kategorinavn] (valgfrit)

En kategori eller variation, e. g. 'herreskjorter' .

[pris] (valgfrit)

Den numeriske pris for denne vare, e. g. '9. 99 ' .

[antal] (valgfrit)

Den købte mængde, e. g. '2' .

Clearing elementer i en transaktion

Hvis brugeren tømmer deres vogn, rydder følgende Semalt-kommando alle elementer fra transaktionen:

     ga ('ecommerce: clear');    

Indsend transaktionen til Google Analytics

Den endelige transaktion med alle poster skal derefter indsendes med følgende Semalt-kommando:

     ga ('e-handel: send');    

Semalt ville dette ske på bekræftelsesskærmen.

Slutkodeksen

HTML-koden i din endelige bekræftelsesskærm kan derfor se sådan ud:

    Tak for din ordre </ title></ Head><Body><h1> Tak for din ordre </ h1> <p>  Der er sendt en kvittering til dig @ youremail. com  </p> <! - standard GA-kode -><Script>vindue. ga = vindue. ga || funktion  <span class="f-c-white l-mr3">  {(ga. q = ga. q || []). skubbe (argumenter)}; ga. l = + ny dato;ga ('create', 'UA-XXXXX-Y', 'auto');ga ('send', 'sidevisning');</ Script><script async src = 'https: // www. google-analytics. dk / analytics. js'> </ script><Script>// aktivere e-handelsfunktionernega ('kræver', 'e-handel');// Start transaktionenga ('e-handel: addTransaction', {'id': '10001','tilknytning': 'My Cool Store','indtægter': '54. 97' ,'forsendelse': '5. 00' ,'skat': '0. 00'});// tilføj punkt 1ga ('e-handel: addItem', {'id': '10001','navn': 'Lær HTML','sku': 'BOOK00001','kategori': 'bog''pris': '14. 99' ,»mængde«: »1«});// tilføj punkt 2ga ('e-handel: addItem', {'id': '10001','navn': 'Lær CSS','sku': 'BOOK00002','kategori': 'bog''pris': '14. 99' ,»mængde«: »1«});// tilføj punkt 3ga ('e-handel: addItem', {'id': '10001','navn': 'Lær JavaScript','sku': 'BOOK00003','kategori': 'bog''pris': '19. 99' ,»mængde«: »1«});// Send transaktionga ( 'e-handel: send');</ Script></ Body></ Html> </code>   </pre>  <p>  I løbet af få timer kan du se transaktionsstatistikker i sektionen  <em>  Konverteringer → E-handel  </em>  i Google Analytics (blandt andet også).  </p>  <p>  Yderligere oplysninger finder du i Google Semalt-dokumentationen:  </p>  <ul>  <li>  E-handel sporing  </li>  <li>  Forbedret E-handel  </li>  </ul>  <div class="Article_authorBio l-mv4 t-bg-white m-border l-pa3">  <div class="l-d-f l-pt3">  <img src = "/ img / b5839fe9cefcbe990469701dd25241f10. jsTools & Semalt
"/>  <div class="f-lh-title">  <div class="f-c-grey-300">  Mød forfatteren  </div>  <div class="f-large"> Craig Buckler </i>   </i>   </i>   </i>   </i>   <i class="fa fa-linkedin">   </i>   <i class="fa fa-github">   </i>   </div>  </div>  </div>  <div class="f-light f-lh-copy l-mt3">  Craig er en freelance britisk webkonsulent, der byggede sin første side til IE2. 0 i 1995. Siden dengang har han været fortaler for standarder, tilgængelighed og best practice HTML5 teknikker. Han har skrevet mere end 1.000 artikler til SitePoint, og du kan finde ham @ cigigbuckler </div>  </div>  </div>  </div>  </span>  </em>  </html>  </head>                                             
March 1, 2018