Google Analytics e-commerce

Har du helt styr på hvem de kunder, som køber noget på dit site, er? Og har du samtidig et overblik over hvad og hvor meget de køber? For at vide det, har du behov for at vide hvordan dine kunder færdes på dit website. Google analytics giver, som standard masser af muligheder for at undersøge dine brugeres adfærd, men med et par tilføjelser til analytics og til din webshop, kan du få endnu mere viden.

Denne blogpost vil jeg bruge på at vise hvordan du kan udnytte Google Analytics E-commerce funktion. Det er ikke så svært, og giver dig masser af muligheder.

Hvad kan jeg bruge Google Analytics e-commerce til?

Google Analytics e-commerce skal bruges til at overskue den handel der er foregået på dit site. Du kan se hvor godt dit site konverterer brugerne til salg og hvor meget de køber. Der hvor det måske bliver rigtigt spændende er, at e-commerce statistikken også bliver flettet sammen med den normale statistik på websitet. I denne blogpost vil jeg dog ikke gennemgå alle mulighederne, men derimod skrive hvordan du kommer til at udnytte dem.

Tea Commerce og Google Analytics e-commerce

For at føre statistik over dine brugeres køb på din webshop skal vi have sat to ting op. For det første skal e-commerce slåes til i Google Analytics. For det anden skal der indsættes en stump kode i Googles tracking JavaScript på din webshop.

Opsætning af Google Analytics e-commerce

For at slå Google Analytics e-commerce til skal du ind i indstillingerne til dit websites Google Analytics. Google forklarer det ret godt selv på denne side, men herunder har jeg lige gentaget hvad der skal gøres.

Hvordan sporer jeg e-handelstransaktioner?

1. Log ind på din konto.
2. Klik på Rediger ud for den profil, du ønsker at aktivere.
3. På siden Profilindstillinger skal du klikke på Rediger ud for Oplysninger om hovedwebstedsprofil.
4. Skift alternativknappen Websted til e-handel fra Nej til Ja.

Når du har gjort det dukker der et nyt menupunkt kaldet “E-Handel” inde under dit websites statistik i Google Analytics. Der vil også være E-Handelsfaner forskellige steder i den normale statistik. Der er selvfølgelig ingen data endnu, og det kommer der heller ikke, før du har gjort det følgende.

Tracking af din webshops ordrer

Nu skal der indsættes noget JavaScript i det normale tracking script fra google. Udgangspunktet skulle gerne være noget lignende nedenstående, og det skulle gerne ligge i din header. Jeg har indsat en kommentar der hvor vores tracking kode til e-commerce skal ligge.

Google analytics standard tracking kode

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3982655-28']);
_gaq.push(['_trackPageview']);

/* INSERT E-COMMERCE TRACKING HERE */

(function () {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Nu Skal vi have genereret det JavaScript, som skal give informationer omkring ordren. Vi skal sørge for at det kun fremkommer når brugeren har gennemført sin ordre og vi skal have sendt en del forskellig information om ordren og dens ordrelinier. Google har selv skrevet en masse om emnet selvfølgelig, så du kan læse teorien bag her.

Udskrivning af Tea Commerce ordrens data med xslt

Jeg har lavet en stump kode, som kan bruges i alle Tea Commerce webshops. Du skal bare tjekke at mine aliaser stemmer overens med dine. Opret en ny xslt fil og macro kaldet “googleEcommcereTracking.xslt” og indsæt nedenstående i template tagget. Husk at rette id’et på confirmation siden, som står i den først “if” condition.

Tea Commerce Google Analytics e-commerce tracking code

  
  
  
  
    
    _gaq.push(['_addTrans',
      '',           // order ID - required
      'runeswebshop.com',  // affiliation or store name
      '', // total - required
      '',             // tax
      '',// shipping
      '',        // city
      '',                                                        // state or province
      ''      // country
    ]);
    
    
     // add item might be called for every item in the shopping cart
     // where your ecommerce engine loops through each item in the cart and
     // prints out _addItem for each
    _gaq.push(['_addItem',
      '',               // order ID - required
      '', // SKU/code - required
      '',   // product name
      '',   // category or variation
      '',     // unit price - required
      ''                 // quantity - required
    ]);
    
    _gaq.push(['_trackTrans']); //submits transaction to the Analytics servers
  

Nu skal vi have indsat vores nye macro i Google Analytics tracking koden i websitets header. Tracking koden kommer nu til at se ud som følger.

Tracking kode med e-commerce tracking macroen

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3982655-28']);
_gaq.push(['_trackPageview']);



(function () {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Det skulle gøre det. Når vi nu prøver at køre en testordre igennem og når til ordrebekræftelsen skulle der gerne være blevet skrevet noget ud alá det herunder. På alle andre sider vil den se ud lige som den plejer. Nu vil din webshop begynde at indsamle data’ene, og du vil ikke gå glip af nogle fede statistikker.

Google Analytics tracking koden på ordrebekræftelsen

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3982655-15']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);


_gaq.push(['_addTrans',
      '56',                 // order ID - required
      'runeswebshop.com',   // affiliation or store name
      '10400.0000000000',   // total - required
      '2600.00000000000000',// tax
      '0.00000',            // shipping
      'Herning',            // city
      '',                   // state or province
      '1'                   // country
    ]);


// add item might be called for every item in the shopping cart
// where your ecommerce engine loops through each item in the cart and
// prints out _addItem for each
_gaq.push(['_addItem',
      '56',                                 // order ID - required
      '8040000065',                         // SKU/code - required
      'Vedligeholdelsesfrit havemøbelsæt',  // product name
      'Havemøbler',                         // category or variation
      '8000.0',                             // unit price - required
      '1'                                   // quantity - required
    ]);


// add item might be called for every item in the shopping cart
// where your ecommerce engine loops through each item in the cart and
// prints out _addItem for each
_gaq.push(['_addItem',
      '56',           // order ID - required
      '1130000001',   // SKU/code - required
      'RENSDYRSKIND', // product name
      'Interiør',     // category or variation
      '1200.0',       // unit price - required
      '2'             // quantity - required
    ]);

_gaq.push(['_trackTrans']); //submits transaction to the Analytics servers


(function () {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Tea Commerce links

• Official Tea Commerce Website
• Tea Commerce Documentation
• Tea Commerce Multilanguage Kit
• Tea Commerce Starter Kit
• Tea Commerce Demo Webshop