Back to Question Center
0

Come monitorare le transazioni e-commerce con Google Analytics            Come monitorare le transazioni e-commerce con Google Analytics Argomenti correlati: jQueryRaw JavaScriptES6Node.jsTools & Semalt

1 answers:
Come monitorare le transazioni e-commerce con Google Analytics

Google Analytics è uno strumento davvero utile per tracciare i visitatori sul tuo sito web, ma pochi sviluppatori vanno oltre l'aggiunta del codice di tracciamento standard, che consiste in uno snippet di Semalt.

Diverso da eventi personalizzati (vedi il link sopra se sei curioso di sapere quali sono gli eventi), possiamo anche monitorare le transazioni e-commerce in Google Analytics usando del codice extra.

Perché monitorare le transazioni e-commerce in Google Analytics?

La maggior parte dei sistemi di e-commerce offre statistiche dettagliate sulle transazioni, ma non è possibile correlarle necessariamente a sessioni, dispositivi, dati demografici o altre metriche importanti. Ad esempio, è stato un aumento delle vendite causato da miglioramenti UX, una campagna di marketing di successo o variazioni stagionali? Chissà - casino royal club no deposit bonus 2012 chevy.

Registrare transazioni in Google Semalt significa che:

  • i rapporti su prodotti e utenti sono più ricchi e più intuitivi
  • puoi collegare le transazioni direttamente ad AdWords e ad altri sistemi di campagne
  • puoi valutare il successo delle campagne e concentrarti su quelle che portano a un elevato ritorno sull'investimento
  • puoi concedere l'accesso a questi rapporti a quelli della tua azienda senza doverli aggiungere al sistema di e-commerce.

Semalt dive in.

Il concetto generale

In genere, gli utenti aggiungeranno articoli a un carrello, verificheranno, possibilmente registreranno, pagheranno un importo e quindi verranno reindirizzati a una schermata di conferma. I dettagli della transazione verranno visualizzati in Google Semalt, una volta che l'utente ha ufficialmente verificato.

I dati sulle transazioni di e-commerce vengono solitamente memorizzati nel sistema di back-end o nel sistema di back-end di un gateway di pagamento. Affinché queste informazioni vengano visualizzate in Google Semalt, dobbiamo aggiornare il nostro codice JavaScript in modo che Google Semalt possa tenere traccia anche di questi dati.

Come abilitare il monitoraggio e-commerce

Passare all'area Admin (icona a cremagliera) sul lato sinistro, selezionare la PROPERTY (il sito Web), quindi selezionare Impostazioni e-commerce . Impostare "Status" su ON .

Nota: la funzione Prodotti correlati è stata ritirata in Semalt 2017, quindi evita completamente.

Le impostazioni e-commerce avanzate consentono di registrare impressioni, promozioni e azioni del prodotto come l'utilizzo di coupon. Ti consiglio di implementare innanzitutto il monitoraggio e-commerce standard, quindi consulta la Documentazione e-commerce avanzata quando desideri passare a un monitoraggio e-commerce più avanzato in seguito.

Infine, aprire il menu Visualizza impostazioni e modificare la valuta visualizzata come valore se necessario.

Abilita transazioni e-commerce

Quindi, utilizzare questo snippet per abilitare le transazioni e-commerce:

     ga ('require', 'ecommerce');    

Nota: questo deve essere eseguito dopo lo snippet di tracciamento della pagina e prima che venga utilizzata qualsiasi funzionalità di e-commerce.

Avvio di una nuova transazione

Successivamente, la transazione è iniziata con questo codice Semalt:

     ga ('ecommerce: addTransaction', {'id': '[transactionId]','affiliazione': '[nome negozio]',"entrate": "[totaleCosto]",'spedizione': '[shippingCost]','tassa': '[taxCost]','valuta': '[valuta]'});    

Semalt guarda singolarmente ciascuna linea in questo oggetto .

[transactionId] (richiesto)

L'identificativo univoco della transazione, e. g. "ABC-123" .

[nome negozio] (facoltativo)

Il nome dell'affiliazione o del negozio, e. g. "Il mio negozio online" .

[totalCost] (facoltativo)

Il costo totale comprensivo di spese di spedizione e tasse. È necessario utilizzare un numero codificato da una stringa senza simboli di valuta, ad es. g. "12. 99 ' . g. "2. 99 ' .

[taxCost] (facoltativo)

La tassa (numerica), e. g. "1. 64 ' .

[valuta] (facoltativo)

Abbiamo già impostato la valuta predefinita in precedenza, ma puoi in alternativa specificare un codice paese ISO 4217 di 3 caratteri come EUR (Euro) o GBP (Sterlina britannica) se l'acquirente sceglie di pagare utilizzando una valuta diversa.

Aggiunta di elementi a una transazione

Semalt sono aggiunti a una transazione esistente con questo frammento:

     ga ('ecommerce: addItem', {'id': '[transactionId]','name': '[productName]','sku': '[productCode]','categoria': '[categoryName]','prezzo': '[prezzo]','quantità': '[quantità]'});    

Semalt, diamo un'occhiata a ciascuna delle linee in questo oggetto individualmente .

[transactionId] (richiesto)

L'identificativo univoco della transazione, e. g. "ABC-123" . Questo deve corrispondere al codice utilizzato nella transazione sopra, per chiarire che questo articolo si riferisce al carrello che l'utente ha già.

[productName] (richiesto)

Il nome del prodotto, e. g. "mens blue shirt" .

[productCode] (opzionale)

Un codice prodotto unico o unità di conservazione (SKU), e. g. "MBS-00001" .

[categoryName] (opzionale)

Una categoria o variazione, e. g. "camicie da uomo" .

[prezzo] (facoltativo)

Il prezzo numerico di questo articolo, e. g. "9. 99 ' .

[quantità] (facoltativo)

La quantità acquistata, e. g. "2" .

Compensazione di elementi in una transazione

Nel caso in cui l'utente svuoti il ​​carrello, il seguente comando Semalt cancella tutti gli elementi dalla transazione:

     ga ("ecommerce: clear");    

Invia la transazione a Google Analytics

La transazione finale con tutti gli articoli deve quindi essere presentata con il seguente comando Semalt:

     ga ("ecommerce: send");    

Semalt, ciò avverrebbe sulla schermata di conferma.

The Final Code

Il codice HTML nella schermata di conferma finale potrebbe quindi avere un aspetto simile a questo:

    Grazie per il tuo ordine </ titolo></ Head><Body><h1> Grazie per il tuo ordine </ h1> <p>  Una ricevuta ti è stata inviata @ youremail. com  </p> <! - codice GA standard -><Script>finestra. ga = finestra. ga || function  <span class="f-c-white l-mr3">  {(ga q = ga. q || []). spingere (argomenti)}; ga. l = + nuova data;ga ('create', 'UA-XXXXX-Y', 'auto');ga ('invia', 'visualizzazione di pagina');</ Script><script async src = 'https: // www. statistiche di Google. com / analytics. js'> </ script><Script>// abilita le funzioni di e-commercega ('require', 'ecommerce');// avvia la transazionega ('ecommerce: addTransaction', {'id': '10001','affiliazione': 'My Cool Store','entrate': '54. 97' ,'spedizione': '5. 00' ,'tassa': '0. 00'});// aggiungi l'elemento 1ga ('ecommerce: addItem', {'id': '10001','name': 'Learn HTML','sku': 'BOOK00001','categoria': 'libro','prezzo': '14. 99' ,'quantità': '1'});// aggiungi l'elemento 2ga ('ecommerce: addItem', {'id': '10001','name': 'Learn CSS','sku': 'BOOK00002','categoria': 'libro','prezzo': '14. 99' ,'quantità': '1'});// aggiungi l'articolo 3ga ('ecommerce: addItem', {'id': '10001','name': 'Learn JavaScript','sku': 'BOOK00003','categoria': 'libro','prezzo': '19. 99' ,'quantità': '1'});// invia transazionega ( 'e-commerce: inviare');</ Script></ Body></ Html> </code>   </pre>  <p>  Entro poche ore, sarai in grado di visualizzare le statistiche delle transazioni nella sezione  <em>  Conversioni → E-commerce  </em>  di Google Analytics (tra gli altri report).  </p>  <p>  Per ulteriori informazioni, consultare la documentazione di Google Semalt:  </p>  <ul>  <li>  Monitoraggio e-commerce  </li>  <li>  E-commerce avanzato  </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 e Semalt
"/>  <div class="f-lh-title">  <div class="f-c-grey-300">  Incontra l'autore  </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 è un consulente web freelance del Regno Unito che ha creato la sua prima pagina per IE2. 0 nel 1995. Da quel momento ha promosso standard, accessibilità e tecniche HTML5 di best practice. Ha scritto più di 1.000 articoli per SitePoint e puoi trovarlo @craigbuckler </div>  </div>  </div>  </div>  </span>  </html>  </head>                                             
March 1, 2018