Prima di iniziare, è importante controllare i tag, gli eventi e le variabili precedentemente creati nell'account di Google Tag Manager, in quanto potrebbero costituire un ostacolo al corretto funzionamento di dati, conversioni e valore. Se ce ne sono alcuni che non svolgono alcuna funzione o sono duplicati, è importante eliminarli.

Bisogna seguire tutti i seguenti passi:

Nel caso in cui si abbia già un account GA4 creato in Tag Manager, sarà necessario aggiornare la configurazione con la variabile “constant” che andremo a creare. 

1 - CREARE LA VARIABILE “CONSTANT”

·       Cliccare nella sezione di variabili.

·       Cliccare il tasto New

·       Cliccare in scegli nuova variabile

·       E selezionare la variabile Constant

·       All'interno della variabile dobbiamo riempire il campo "Value" con il Measurement ID del nostro account Analytics 4 (di solito G-XXXXXXXXXXXXXXXX). Successivamente possiamo chiamare questa variabile “GA4 Constant" e premere Salva.

2 - TAG DI CONFIGURAZIONE GA4

·       Creiamo il tag di configurazione di Google Analytics 4. Andiamo nella sezione Tag e facciamo clic su nuovo.

·       Una volta dentro, selezioniamo il tag Google Analytics GA4 Configuration

·       Nella casella Measurement ID, cliccare sul simbolo +.

·       Selezioniamo la variabile “GA4-Constant” queabbiamo appena creato e salviamo.

·       Una volta fatto, aggiungiamo dal basso il Trigger/Attivatore "Tutte le pagine".

·       Diamo un nome al tag come: “GA4 - Nome dell’azienda ” e salviamo.

3 - INSTALLAZIONE DI TUTTE LE VARIABILI

Per poter installare tutti i codici e i tag necessari per misurare le conversioni del sito, è necessario che tutte queste variabili siano create nel nostro account Google Tag Manager.

1- Installazione della variabile GA4 - Ecommerce Items

·       Clickiamo di nuovo in Variabili

·       Torniamo alle variabili definite dall'utente e facciamo clic su nuovo

·       Cliccare in Selezionare una nuova variabile

·       Cliccare in “Data layer variable”

·       Chiamiamo 'GA4 - Ecommerce Items' la Data layer variable

·       Compiliamo il campo “Variable Name” con > ecommerce.items e salviamo.

Ripetiamo lo stesso processo per configurare tutte le variabili.

Attenzione: tutte le variabili contenenti il testo "accomodations" si scrivono con una sola m, siamo consapevoli dell'errore ortografico ma se non è scritto così, i codici non saranno validi.

2 - Installazione della variabile GA4 - Ecommerce Coupon

Variable Name > ecommerce.coupon

3 - Installazione della variabile GA4 - Ecommerce Currency

·       Variable Name > ecommerce.currency

4 - Installazione della variabile GA4 - Ecommerce Transaction ID

·       Variable Name > ecommerce.transaction_id

5 - Installazione della variabile GA4 - Ecommerce Value

·       Variable Name > ecommerce.value

Importante: da questa variabile in poi, è essenziale scrivere allo stesso modo sia il titolo della variabile che il nome nel campo di testo.

6 - Installazione della variabile “accomodationId”

Variable name > accomodationID

7 - Installazione della variabile “initCheckoutBookingPrice”

·       Variable Name > initCheckoutBookingPrice

8 - Installazione della variabile “currency”

·       Variable Name > currency

9 - Installazione della variabile “locality”

·       Variable name > locality

10 - Installazione della variabile “lowestPrice”

·       Variable name > lowestPrice

11 - Installazione della variabile “promotionalCode”

·       Variable name > promotionalCode

12 - Installazione della variabile “propertyName”

·       Variable name > propertyName

13 - Installazione della variabile “transactionID”

·       Variable name > transactionID

14 - Installazione della variabile “value”

·       Variable name > value

Una volta installate tutte le variabili, consigliamo di verificare che siano tutte presenti; se una variabile manca o è stata installata con una parte mancante, non sarà possibile avere tutti gli eventi e le conversioni in Google Analytics.

4 - INSTALlazione DELl'EVENTO “ADD TO CART”

Abbiamo identificato, utilizzando le anteprime di GTM, che l'evento carrello sui nostri siti web viene attivato con il trigger "initiatecheckout" e vediamo che nella variabile dati viene restituito il codice che utilizzeremo per configurare il tag.

1 - Creazione Script Add to cart

·       Nel nostro Google Tag Manager facciamo click au nuovo tag

·       Selezioniamo il tipo di Tag

·       e selezioniamo Custom HTML

·       All’interno, aggiungiamo il seguente codice (Add to cart - script)

Importante: quando si incolla questo frammento di codice, deve essere incollato utilizzando l'opzione "incolla senza formattazione" con il tasto destro del mouse.

<script>

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.

dataLayer.push({

  event: "add_to_cart",

  ecommerce: {

        items: [

            {

      item_id: {{accomodationID}},                     

                  item_name: {{propertyName}}, 

      currency: {{currency}},

      index: 1,

      item_list_name:  {{locality}}, 

      price: {{initCheckoutBookingPrice}},

    }

    ]

  }

});

</script>

·       Dovrebbe apparire cosí

·       Selezionare nuovo trigger in basso per inserire un trigger nel tag

·       Facciamo click nel simbolo '+'

·       Selezioniamo il custom event come nuovo trigger e inseriamo nella casella di testo 'initiateCheckout'. Questo tipo di espressioni deve essere scritto esattamente in modo che il trigger si attivi quando legge lo stesso codice. Infine, salviamo

2 - Creazione tag evento Google Analytics Add to cart

·       Creiamo questo tag affinché ci restituisca gli eventi del carrello in Google Analytics 4. 
Selezioniamo il nuovo tag GA4 Event

·       In configurazione tag selezioniamo il tag di configurazione GA4 creato all'inizio.

·       Nel campo event name scriviamo ‘add_to_cart’

·       Nelle opzioni degli event parameter scriviamo nella casella di sinistra ‘items’ e nella casella del value selezioniamo facendo clic sull'icona '+' il valore {{GA4 - Articoli Ecommerce}}.

·       Nella configurazione dello stesso tag in 'altre impostazioni'->'Ecommerce' attiviamo 'invia dati ecommerce' e in data source selezioniamo 'custom object' e come oggetto selezioniamo {{GA4 - Articoli ecommerce}}. Questa fase è quella che collega i dati con Analytics 4 ecommerce.

·       Come trigger attiveremo un nuovo evento personalizzato con la seguente configurazione:

Tipo di trigger: Custom Event

Nome dell'evento: add_to_cart

·       Salviamo e abbiamo già pronto Google Analytics Add to cart e l'evento Add to cart.

5 - INSTALLAZIONE DELL'EVENTO “ITEM VIEWS”

Per questa installazione, procederemo con un processo simile al 'add to cart' .

1 - Creazione script item views

·       Creiamo di nuovo un nuovo tag di tipo HTML personalizzato e riempiamo il campo value con il seguente codice:

Importante: quando si incolla questo frammento di codice, deve essere incollato utilizzando l'opzione "incolla senza formattazione" con il tasto destro del mouse.

<script>

dataLayer.push({ ecommerce: null });  

dataLayer.push({

  event: "view_item",

  ecommerce: {

             items: [

            {

      item_id: {{accomodationID}},                   

                  item_name:  {{propertyName}},

      currency: {{currency}},

      index: 1,

      item_list_name: {{locality}},  

      price: {{lowestPrice}}    

    }

    ]

  }

});

</script>

·       Dobrebbe apparire così:

·       Come trigger, selezioniamo un nuovo evento personalizzato che chiameremo 'Event - viewAccomodationDetail' e nella casella del nome dell'evento selezioniamo 'viewAccomodationDetail'.

2 - Creazione tag Google Analytics Item Views 

·       Creiamo un nuovo tag di configurazione dell'evento Google Analytics 4 chiamato ‘GA4 Ecommerce - Item views’. Indichiamo come tag di configurazione il nostro ID account GA4 e come valore dell'evento 'view_item'.

·       Nei parametri dell'evento marchiamo la stessa configurazione che abbiamo fatto con il tag "add to cart".

·       Come trigger per questo tag, selezioniamo un nuovo Custom Event, che chiameremo ‘GA4 - Item views' e indichiamo come nome dell'evento ‘view_item’.

6 - INSTALLAZIONE DELL'EVENTO “PURCHASE”

Questo processo è simile all'installazione dell'evento "add to cart", con la differenza che nei nostri siti web viene attivato con "confirmBookingAccomodation" che restituisce il codice che implementeremo successivamente:

1 - Creazione script Purchase

Creiamo un nuovo tag 'HTML custom' e incolliamo il seguente codice:

Importante: quando si incolla questo frammento di codice, deve essere incollato utilizzando l'opzione "incolla senza formattazione" con il tasto destro del mouse.

<script>

dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.

dataLayer.push({

  event: "purchase",

  ecommerce: {

      transaction_id: {{transactionID}},

      value: {{value}},

      currency: {{currency}},

      coupon: {{promotionalCode}},

      items: [

       {

       item_id: {{accomodationID}},                     

                  item_name: {{propertyName}}, 

      currency: {{currency}},

      index: 1,

      item_list_name:  {{locality}}, 

      price: {{value}}

    }

    ]

  }

});

</script>

·       Dovra apparire csì:

·       Creiamo un nuovo trigger di evento personalizzato e lo chiamiamo ‘Event - confirmBookingAccommodation’ e nel campo event value 'confirmBookingAccomodation'

2 - Creazione tag Google Analytics Purchase 

Creiamo questo tag affinché Google Analytics 4 ci mostri le conversioni e l'ammontare degli acquisti sul nostro sito web. Selezioniamo un nuovo tag evento in Google Analytics 4 e selezioniamo nuovamente nel tag di configurazione la configurazione di GA4 che abbiamo impostato e assegniamo all'evento il nome "purchase".

·       Come parametri dell'evento, per questo tag dobbiamo selezionare i seguenti:

items – Valor → {{GA4 - Ecommerce items}}

transaction_id - Valor → {{GA4 - Ecommercer Transaction ID}}

value - Valor → {{GA4 - Ecommerce Value}}

currency - Valor → {{GA4 - Ecommerce Currency}}

coupon - Valor → {{GA4 - Ecommerce Coupon}}

·       inoltre, in “altre impostazioni”, come nei tag precedenti, spuntiamo l'invio di dati di e-commerce e selezioniamo "custom object" come data source e {{GA4 - Articoli di e-commerce}} come e-commerce object.

·       Come trigger per questo nuovo tag creiamo un altro evento personalizzato che chiameremo 'GA4 - Purchase' e nel nome dell'evento inseriamo 'purchase'.

·       Salviamo e abbiamo già configurato le etichette relative all'evento ‘purchase’.

ANTEPRIMA DEI TAG TRIGGER E VARIABILI

·       Quì possiamo vedere tutti i tag creati:

·       Quì i trigger:

·       E quì le variabili:

7 - MODIFICHE AL FLUSSO DI DATI E CONSERVAZIONE DEI DATI IN GA4

·       Infine, faremo alcune piccole attivazioni e modifiche alla conservazione dei dati che ci aiuteranno ad avere dati migliori nel nostro account Analytics 4.

1 - Conservazione dei dati

·       Andate in "admin" nel vostro account Google Analytics 4

·       Nelle impostazioni dei dati, andare alla voce ‘data retention’.

·       Modifichiamo la conservazione dei dati da 2 mesi a 14 mesi e salviamo.

2 -Attivazione della raccolta dati

·       Non ci si sposta dalla schermata "admin" e si va su "Impostazioni dati" → "Raccolta dati".

·       Attiviamo la raccolta dei dati di Google Signals, la raccolta dei dati granulari sulla posizione e sul dispositivo e accettiamo il consenso alla raccolta dei dati dell'utente.

3 - Attivazione della misurazione migliorata

·       Proseguendo nella schermata delle impostazioni di "admin", passiamo ora a "flusso di dati" (Data Streams)

·       Apriamo il flusso di dati creato e attiviamo l'opzione di misurazione avanzata negli eventi.

·       Non ci si sposta da questa schermata per continuare con l'installazione successiva.

4 - Attivazione della ricerca sul sito

·       Proseguendo nella stessa schermata, facciamo clic su "Configura misurazione avanzata".

·       Verranno visualizzate diverse opzioni e in "mostra impostazioni avanzate" si dovrà fare clic su "ricerche sul sito", quindi aggiungere nella casella di testo dei parametri di ricerca alla fine del testo "FRMName" e salvare.

·       Questa opzione ci permette di sapere che cosa gli utenti cercano sul nostro sito web nelle caselle di ricerca; dal momento che abbiamo creato l'evento 'search_term', possiamo visualizzarlo in anteprima nei rapporti in tempo reale nel pannello dove possiamo vedere gli eventi per nome.

Con queste ultime attivazioni ed edizioni avremmo già preparato sia il nostro Google Analytics che il nostro Google Tag Manager per tracciare e ricevere dati, eventi e conversioni del nostro e-commerce con Avantio.

Si consiglia vivamente di rivedere tutti i concetti e i termini, poiché qualsiasi modifica ortografica o configurazione errata di tag, eventi o variabili può comportare la mancata ricezione di alcuni eventi o conversioni.

È anche possibile che tag o variabili precedenti nel nostro account Google Tag Manager si sovrappongano a quelli nuovi. Per questo motivo raccomandiamo questa revisione, perché se due tag, eventi o variabili si sovrappongono, potrebbero non essere attivati e i dati, gli eventi e le conversioni potrebbero non essere raccolti.