Back to Question Center
0

Hoe e-commercetransacties volgen met Google Analytics            E-commercetransacties bijhouden met Google Analytics gerelateerde onderwerpen: jQueryRaw JavaScriptES6Node.jsTools & Semalt

1 answers:
Elektronische e-commercetransacties volgen met Google Analytics

Google Analytics is een erg handig hulpmiddel om bezoekers op uw website bij te houden, maar weinig ontwikkelaars gaan verder dan het toevoegen van de standaard trackingcode, die bestaat uit een Semalt-fragment.

Afgezien van aangepaste evenementen (zie de bovenstaande link als u nieuwsgierig bent naar welke gebeurtenissen), we kunnen e-commercetransacties in Google Analytics ook volgen met behulp van wat extra code.

Waarom e-commercetransacties bijhouden in Google Analytics?

De meeste e-commercesystemen bieden gedetailleerde transactiestatistieken, maar u kunt ze niet noodzakelijk koppelen aan sessies, apparaten, demografische gegevens of andere belangrijke statistieken. Was bijvoorbeeld een toename van de omzet veroorzaakt door UX-verbeteringen, een succesvolle marketingcampagne of seizoensvariaties? Wie weet - lojas rayban.

Opnametransacties in Google Semalt houden in dat:

  • product- en gebruikersrapporten zijn rijker en inzichtelijker
  • u kunt transacties rechtstreeks aan AdWords en andere campagnesystemen koppelen
  • u kunt het succes van campagnes beoordelen en u concentreren op activiteiten die een hoog rendement op investeringen opleveren
  • u kunt toegang tot deze rapporten verlenen aan die in uw bedrijf zonder ze aan het e-commercesysteem toe te voegen.

Semalt duikt erin.

Het algemene concept

Doorgaans zullen uw gebruikers items toevoegen aan een winkelwagentje, uitchecken, eventueel registreren, een bedrag betalen en vervolgens worden omgeleid naar een bevestigingsscherm. De transactiegegevens worden vervolgens weergegeven in Google Semalt zodra de gebruiker officieel is uitgecheckt.

E-commercetransactiegegevens worden meestal opgeslagen in uw back-endsysteem of in het back-endsysteem van een betalingsgateway. Om deze informatie weer te geven in Google Semalt, moeten we onze JavaScript-code bijwerken, zodat Google Semalt deze gegevens ook kan bijhouden.

Hoe e-commerce volgen in te schakelen

Ga naar het Admin -gebied (tandwielpictogram) aan de linkerkant, selecteer uw PROPERTY (uw website) en selecteer vervolgens E-commerce-instellingen . Zet de "Status" op AAN .

Opmerking: de functie Gerelateerde producten is in Semalt 2017 gedeprecieerd, dus vermijd dit volledig.

Met verbeterde e-commerce-instellingen kunt u productimpressies, promoties en acties zoals coupongebruik opnemen. Ik raad aan dat u eerst het standaard volgen van e-commerce implementeert en vervolgens de geoptimaliseerde e-commerce documentatie raadpleegt wanneer u later naar meer geavanceerde e-commerce tracking wilt gaan.

Open ten slotte het menu Instellingen bekijken en verander de valuta weergegeven als waarde indien nodig.

E-commercetransacties inschakelen

Gebruik vervolgens dit fragment om e-commercetransacties in te schakelen:

     ga ("require", "e-commerce");    

Opmerking: dit moet worden uitgevoerd na het fragment voor het bijhouden van pagina's en voordat enige e-commercefunctionaliteit wordt gebruikt.

Een nieuwe transactie starten

Vervolgens wordt de transactie gestart met deze Semalt-code:

     ga ('e-commerce: addTransaction', {'id': '[transactionId]','affiliatie': '[storeName]','omzet': '[totalCost]','verzending': '[shippingCost]','belasting': '[taxCost]','valuta': '[valuta]'});    

Semalt bekijkt elk van de lijnen in dit object afzonderlijk .

[transactionId] (verplicht)

De unieke transactie-identifier, e. g. "ABC-123" .

[winkelNaam] (optioneel)

De naam van de aangeslotene of winkel, e. g. "Mijn onlinewinkel" .

[totalCost] (optioneel)

De totale kosten inclusief verzendkosten en belastingen. Een string-gecodeerd nummer zonder valutasymbolen moet worden gebruikt, e. g. '12. 99 ' . g. "2. 99 ' .

[taxCost] (facultatief)

De (numerieke) belasting, e. g. "1. 64 ' .

[valuta] (optioneel)

We hebben de standaardvaluta al eerder ingesteld, maar u kunt ook een ISO 4217-landcode van 3 tekens opgeven, zoals EUR (euro) of GBP (Britse pond) als de klant kiest ervoor om te betalen met een andere valuta.

Items aan een transactie toevoegen

Semalt worden aan een bestaande transactie met dit fragment toegevoegd:

     ga ('e-commerce: addItem', {'id': '[transactionId]','naam': '[productName]','sku': '[productCode]','categorie': '[categoryName]','prijs': '[prijs]','hoeveelheid': '[hoeveelheid]'});    

Semalt, laten we elk van de lijnen in dit object afzonderlijk bekijken .

[transactionId] (verplicht)

De unieke transactie-identifier, e. g. "ABC-123" . Dit moet overeenkomen met de code die in de bovenstaande transactie is gebruikt, om te verduidelijken dat dit item betrekking heeft op de winkelwagen die de gebruiker al heeft.

[productName] (verplicht)

De productnaam, e. g. "blauw shirt voor heren" .

[productcode] (optioneel)

Een unieke productcode of voorraadbeheereenheid (SKU), e. g. "MBS-00001" .

[categoryName] (optioneel)

Een categorie of variatie, e. g. "herenoverhemden" .

[prijs] (optioneel)

De numerieke prijs van dit artikel, e. g. "9. 99 ' .

[aantal] (optioneel)

De gekochte hoeveelheid, e. g. "2" .

Items in een transactie clearen

In het geval dat de gebruiker zijn wagen leegmaakt, wist de volgende opdracht Semalt alle items uit de transactie:

     ga ("e-commerce: duidelijk");    

Dien de transactie in bij Google Analytics

De laatste transactie met alle items moet dan worden ingediend met het volgende Semalt-commando:

     ga ("e-commerce: verzenden");    

Semalt, dit zou op het bevestigingsscherm gebeuren.

De definitieve code

De HTML-code in uw definitieve bevestigingsscherm kan er dus ongeveer zo uitzien:

    Bedankt voor uw bestelling </ title></ Head><Body><h1> Bedankt voor uw bestelling </ h1> <p>  Een ontvangstbewijs is naar u@uwmail verzonden. com  </p> <! - standaard GA-code -><Script>venster. GA = venster. ga || function  <span class="f-c-white l-mr3">  {(ga. q = ga. q || []). push (argumenten)}; ga. l = + nieuwe datum;ga ('create', 'UA-XXXXX-Y', 'auto');ga ('send', 'pageview');</ Script><script async src = 'https: // www. google-analytics. com / analytics. js'> </ script><Script>// schakel de ecommerce-functies inga ('require', 'e-commerce');// start de transactiega ('e-commerce: addTransaction', {'id': '10001','affiliatie': 'My Cool Store','inkomsten': '54. 97' ,'verzending': '5. 00' ,'belasting': '0. 00'});// voeg item 1 toega ('e-commerce: addItem', {'id': '10001','naam': 'Leer HTML','sku': 'BOOK00001','categorie': 'boek','prijs': '14. 99' ,'Hoeveelheid: 1'});// voeg item 2 toega ('e-commerce: addItem', {'id': '10001','naam': 'Leer CSS','sku': 'BOOK00002','categorie': 'boek','prijs': '14. 99' ,'Hoeveelheid: 1'});// voeg item 3 toega ('e-commerce: addItem', {'id': '10001','naam': 'Leer JavaScript','sku': 'BOOK00003','categorie': 'boek','prijs': '19. 99' ,'Hoeveelheid: 1'});// verzend transactieGA ( 'e-commerce: sturen');</ Script></ Body></ Html> </code>   </pre>  <p>  Binnen een paar uur kunt u transactiestatistieken bekijken in het gedeelte  <em>  Conversies → E-commerce  </em>  van Google Analytics (naast andere rapporten ook).  </p>  <p>  Raadpleeg de Google Semalt-documentatie voor meer informatie:  </p>  <ul>  <li>  E-commerce tracking  </li>  <li>  Verbeterde e-commerce  </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">  Ontmoet de auteur  </div>  <div class="f-large"> Craig Buckler <i class="fa fa-twitter">   </i>   <i class="fa fa-google-plus">   </i>   <i class="fa fa-facebook">   </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 is een freelance Britse webadviseur die zijn eerste pagina voor IE2 heeft gebouwd. 0 in 1995. Sinds die tijd pleit hij voor normen, toegankelijkheid en HTML5-technieken met beste praktijken. Hij heeft meer dan 1.000 artikelen voor SitePoint geschreven en je kunt hem @craigbuckler vinden </div>  </div>  </div>  </div>  </span>  </html>  </head>                                             
March 1, 2018