Vai al contenuto principale

Come impostare il monitoraggio e l'analisi per i widget React: Google Tag Manager, Google Analytics

Jordan Platz
  • Aggiornato
 

I seguenti dati sono disponibili tramite la nostra configurazione di tracciamento:

  1. Dati e eventi di base del commercio elettronico nel dataLayer;
  2. Dati e eventi di base del commercio elettronico inviati a GA;
  3. Remarketing e monitoraggio delle conversioni di Google Ads;
  4. Eventi di base inviati al Facebook Pixel.

 

Configurazione:

Il nostro tracciamento funziona inviando dati ed eventi alle proprietà di tracciamento esistenti sulla pagina principale del widget. Questo vale sia per il tracciamento GTM / GA che per il Meta Pixel.

 

1.Utilizzo di GTM (con Google Analytics 4)

a. Assicurati innanzitutto che il tuo contenitore GTM sia integrato nella pagina in cui prevedi di implementare il widget React di Regiondo.
 
b. Crea un tag GA4 che venga attivato su tutte le pagine. I dati verranno inviati automaticamente al tuo tag GA4.
Per garantire che il referral non venga perso durante la navigazione nel widget del catalogo, vai a:
Proprietà GA4 Amministrazione Flussi di dati clicca sul tuo flusso di dati Misurazione avanzata Configura la misurazione avanzata Visualizzazioni di pagina Impostazioni avanzate deseleziona "Modifiche di pagina basate sugli eventi della cronologia del browser" Salva.
 
c. I nostri widget invieranno eventi e dati e-commerce a questa proprietà. È necessario solo aggiungere un tag evento GA4 e un trigger:
 

1. Crea un tag evento GA4 con la seguente configurazione:


a. Tag di configurazione – Usa il tuo tag GA4 principale
b. Nome dell'evento – {{Event}}
c. E-commerce – Seleziona Invia dati e-commerce
d. Origine dati – Data Layer

 
 

2. Crea un trigger per evento personalizzato con le seguenti impostazioni:


a. Tipo – Evento personalizzato
b. Nome dell'evento – virtualPageview|view_item_list|select_item|view_item|add_to_cart|view_cart|add_shipping_info|add_payment_info|remove_from_cart|begin_checkout|purchase
c. Seleziona "Usa corrispondenza regex"
d. Attiva il trigger su – Tutti gli eventi personalizzati
 
 
 

Dopo questa configurazione, dovresti ottenere visualizzazioni di pagina virtuali a ogni fase del checkout, eventi e-commerce, e il tuo tag di conversione funzionerà correttamente.


Le visualizzazioni di pagina per le fasi di checkout sono:


/checkout/cart
/checkout/contact
/checkout/payment
/checkout/success


Puoi utilizzare questi eventi o quelli esistenti per attivare qualsiasi tag desiderato.

 

 

2. Utilizzo di Google Analytics 4, Google Ads e dei tag Facebook direttamente sulla pagina

 

a. Assicurati innanzitutto che i tuoi Google Ads e Facebook Pixel siano integrati nella pagina in cui prevedi di implementare il widget React di Regiondo.

 

b. Aggiungi i tuoi ID di Google Analytics, Google Ads e Facebook Pixel nel Regiondo Dashboard Marketing Codici di tracciamento NON utilizzo Google Tag Manager.


Nota: 

Per GA4, non è necessario aggiungere l'ID di tracciamento. Il nostro sistema identifica automaticamente se è presente uno snippet di tracciamento sulla pagina principale e invia eventi e dati e-commerce a tale snippet.
 
          
Capture.PNG
 
c. Verifica la tua configurazione:
 
Le visualizzazioni di pagina, i dati e-commerce e gli eventi dovrebbero essere inviati automaticamente a GA4. Il remarketing e il monitoraggio delle conversioni di Google Ads dovrebbero ricevere dati. Le visualizzazioni di pagina e gli eventi di base dovrebbero essere inviati al Facebook Pixel.

Articoli correlati