Abbiamo già parlato in un precedente articolo dell’utilità di Google Analytics per monitorare il nostro sito web o e-Commerce e abbiamo imparato ad integrare il codice base di Analytics per sfruttarne le funzioni di monitoraggio, in modo da poter conoscerne il traffico generato, le fonti di provenienza e abbiamo anche imparato a tracciare download, eventi javascript e chiamate Ajax.
Vogliamo ora fare un ulteriore passo in avanti nel monitoraggio dell’e-Commerce e in tal senso Google Analytics ci offre degli strumenti più precisi e potenti.
Plug-in e-Commerce in Analytics
Il plug-in e-Commerce per Analytics consente di misurare le interazioni dell’utente con i prodotti sui siti web e-Commerce, l’esperienza di acquisto degli utenti, tra cui:
- le visualizzazioni dei prodotto;
- i click sui prodotti;
- la visualizzazione dettagli del prodotto;
- l’aggiunta di un prodotto al carrello, che da inizio al processo di checkout;
- le transazioni.
Per prima cosa per attivare le funzioni e-Commerce dobbiamo aggiungere al codice di monitoraggio di Analytics implementato a inizio pagina, la riga:
ga(‘require’, ‘ec’);
Vedremo ora qualche esempio di codice da inserire per monitorare le impression dei prodotti, la visualizzazione delle schede prodotto, l’inserimento a carrello e la fase di checkout dell’ordine. Per maggiori informazioni facciamo riferimento alla guida “Enhanced Ecommerce” ufficiale di Google Analytics.
Impression prodotto
Nell’elenco prodotti che visualizzeremo a seguito di una ricerca o dopo la selezione di una categoria merceologica, per ciascun prodotto dovremo aggiungere il codice:
<script>
ga(‘ec:addImpression’, {
‘id’: ‘333’,
‘name’: ‘Nome prodotto’,
‘category’: ‘Nome categoria’,
‘brand’: ‘Marca’,
‘list’: ‘Pagina categoria’,
‘position’: 1
});
</script>
I campi fanno riferimento all’identificativo univoco del prodotto, al nome, alla categoria merceologica di appartenenza, alla marca. Il campo list è personalizzabile e indica il tipo di pagina in cui è avvenuta l’impression, ad esempio, pagina categoria, pagina offerta, scheda prodotto, prodotti correlati, etc. Position indica la posizione del prodotto nella pagina.
Dettaglio prodotto
La pagina col dettaglio prodotto conterrà sia l’impression sul prodotto che la visualizzazione del dettaglio e il codice da inserire sarà:
<script>
ga(‘ec:addImpression’, {
‘id’: ‘333’,
‘name’: ‘Nome prodotto’,
‘category’: ‘Nome categoria’,
‘brand’: ‘Marca’,
‘list’: ‘Scheda Prodotto’,
‘position’: 1
});ga(‘ec:addProduct’, {
‘id’: ‘333’,
‘name’: ‘Nome prodotto’,
‘category’: ‘Nome categoria’,
‘brand’: ‘Marca’,
});ga(‘ec:setAction’, ‘detail’);
</script>
In questo caso come si può vedere l’aggiunta del prodotto e l’azione da attribuirgli, in questo caso detail, quindi visualizzazione dettaglio, sono separate, questo perché potremo sempre associare all’aggiunta di un prodotto diverse azioni (per esempio l’aggiunta al carrello).
Aggiunta del prodotto al carrello
Per aggiungere un prodotto al carrello si potrà creare una funzione javascript che al click sul pulsante di aggiunta del prodotto al carrello richiami le funzionalità e-Commerce di Analytics. Come si vedrà andremo ad adottare ancora addProduct come nell’esempio precedente, ma come azione useremo add al posto di detail (adotteremo invece remove per cancellare il prodotto dal carrello).
function addToCart(product) {
ga(‘ec:addProduct’, {
‘id’: ‘333’,
‘name’: ‘Nome prodotto’,
‘category’: ‘Nome categoria’,
‘brand’: ‘Marca’,
‘price’: 12,
‘quantity’: 1
});ga(‘ec:setAction’, ‘add’);
}
In questo caso aggiungiamo anche il prezzo e la quantità.
Step procedura checkout
Solitamente la fase denominata carrello è solo il primo step della procedura di acquisto, nella maggior parte dei casi ci sono almeno due step: carrello e inserimento propri dati. In alcuni casi ci possono essere anche più step, ad esempio la scelta del metodo di pagamento.
In questo caso monitoreremo i singoli prodotti in carrello e come azione useremo checkout, con la possibilità di indicare i vari step della procedura di acquisto:
ga(‘ec:addProduct’, {
‘id’: ‘333’,
‘name’: ‘Nome prodotto’,
‘category’: ‘Nome categoria’,
‘brand’: ‘Marca’,
‘price’: 12,
‘quantity’: 1
});ga(‘ec:setAction’,’checkout’, {
‘step’: 1
});
Finalizzazione acquisto
Una volta terminata la procedura di acquisto e confermato l’ordine inseriremo nella thank-you-page il codice di tracciamento dell’acquisto, che conterrà i prodotti acquistati. Attraverso l’azione potremo anche inserire il dettaglio dell’identificativo dell’ordine, il valore totale dell’ordine e il valore delle spese di spedizione:
ga(‘ec:addProduct’, {
‘id’: ‘333’,
‘name’: ‘Nome prodotto’,
‘category’: ‘Nome categoria’,
‘brand’: ‘Marca’,
‘price’: 12,
‘quantity’: 1
});ga(‘ec:setAction’,’purchase’, {
‘id’: 103,
‘revenue’ : 12,
‘shipping’: 7
});
E tu stai monitorando efficacemente il tuo e-Commerce?
Lo stai utilizzando il monitoraggio avanzato dell’e-Commerce con Google Analytics? Ne hai tratto benefici? Qual è la tua esperienza?
Possiamo aiutarti a capire come migliorare il monitoraggio del tuo e-Commerce? Contattaci e raccontaci il tuo progetto.
Trackback/Pingback