E-commerce GA4 (gtag.js): inviare eventi Universal Analytics e GA4

Questa guida descrive come mantenere implementazioni di e-commerce gtag.js Universal Analytics e Google Analytics 4 distinte.

Visita il Centro di migrazione per gli sviluppatori per ulteriori risorse e guide all'upgrade.

Risultato

Segui questa guida per implementare gli eventi e-commerce di Google Analytics 4 per una nuova proprietà GA4 e mantenere invariata l'implementazione e-commerce Universal Analytics esistente. Invierai eventi e-commerce separati alle proprietà Universal Analytics e Google Analytics 4.

Tieni presente che quando implementi l'e-commerce sia per UA che per GA4, la proprietà Google Analytics 4 utilizzerà l'implementazione dell'e-commerce GA4.

Prima di iniziare

  1. Utilizza lo strumento di supporto per la migrazione dell'e-commerce per verificare che quanto segue descrivi la tua implementazione attuale:

    • Stai utilizzando una proprietà Universal Analytics
    • Il tuo sito utilizza la libreria gtag.js per inviare eventi di e-commerce

  2. Consulta le opzioni di upgrade per le implementazioni dell'e-commerce per conoscere i compromessi di ciascuna opzione. Conferma di voler seguire questa guida e di avere due implementazioni di analisi: una per la proprietà Universal Analytics e una per la proprietà Google Analytics 4.

Vantaggi e considerazioni

Esamina e considera le informazioni riportate di seguito per comprendere appieno le implicazioni di due implementazioni e-commerce: una per la proprietà Universal Analytics e un'altra per la proprietà Google Analytics 4.

Vantaggi Svantaggi
  • Ti consente di visualizzare i dati di e-commerce nei report di GA4 e di Universal Analytics.
  • Nessuna modifica al modo in cui i dati di e-commerce vengono raccolti o registrati nella proprietà Universal Analytics.
  • L'utilizzo degli eventi e dei parametri GA4 garantisce report e-commerce GA4 completi.
  • Richiede l'implementazione degli eventi di e-commerce GA4.
  • Il tuo sito web invia due insiemi di eventi: uno per Universal Analytics e uno per GA4. Ciò potrebbe influire sulle prestazioni.

Implementazione

1. Creare e configurare una nuova proprietà GA4

Completa i seguenti passaggi per creare e configurare la tua nuova proprietà Google Analytics 4:

  1. Crea una nuova proprietà Google Analytics 4.
    • Utilizza l'Assistente alla configurazione GA4 per creare automaticamente una nuova proprietà GA4 e copiare le seguenti impostazioni dalla proprietà Universal Analytics: nome proprietà, URL del sito web, fuso orario e impostazioni valuta. Tuttavia, deseleziona l'opzione Attiva la raccolta dati utilizzando i tag esistenti per disattivare la funzionalità dei tag del sito collegati. In alternativa, se non vuoi copiare le impostazioni dalla proprietà Universal Analytics, crea una proprietà Google Analytics 4 senza l'Assistente alla configurazione GA4.
  2. Trova l'ID tag della proprietà Google Analytics 4. Lo utilizzerai nel passaggio successivo per configurare la tua proprietà GA4.
  3. Aggiungere la proprietà GA4.
    • Per assicurarti che gli eventi Universal Analytics vengano inviati solo alla proprietà UA e che gli eventi Google Analytics 4 vengano inviati solo alla proprietà GA4, utilizza la funzionalità Dati del percorso fornita da gtag.js.
    • Aggiungi la proprietà Google Analytics 4 allo snippet gtag.js esistente. Utilizza il comando config e il parametro groups con l'ID tag in modo che gli eventi possano essere instradati alla proprietà GA4 separatamente dalla proprietà Universal Analytics.

Di seguito è riportato un esempio di snippet gtag.js in cui sono configurate una proprietà Universal Analytics e una proprietà Google Analytics 4 assegnata al gruppo GA4.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');  // Universal Analytics property
  gtag('config', 'TAG_ID', { 'groups': 'GA4' });  // Google Analytics 4 property
</script>

2. Implementare gli eventi di e-commerce GA4 e indirizzarli alla proprietà GA4

Dopo aver creato e configurato la nuova proprietà Google Analytics 4, puoi implementare gli eventi e-commerce GA4. Per aiutarti a rendere la tua implementazione GA4 paragonabile a quella di Universal Analytics, utilizza le seguenti risorse:

L'esempio seguente mostra eventi purchase di e-commerce distinti di Universal Analytics e Google Analytics 4 inviati alle rispettive proprietà utilizzando il parametro send_to per gli eventi GA4:

// Universal Analytics.
// The original UA implementation remains unchanged.
gtag('event', 'purchase', {
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_name": "Search Results",
      "list_position": 1,
      "quantity": 2,
      "price": 12.00
    }
  ]
});


// The new Google Analytics 4 ecommerce implementation.
// Uses `send_to` to route data to the GA4 group defined in the tag config.
gtag('event', 'purchase', {
  "send_to": "GA4",
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "item_id": "P12345",
      "item_name": "Android Warhol T-Shirt",
      "item_brand": "Google",
      "item_category": "Apparel/T-Shirts",
      "item_variant": "Black",
      "quantity": 2,
      "price": 12.00
    }
  ],
});