GA4-E-Commerce (gtag.js): Universal Analytics- und GA4-Ereignisse senden

In diesem Leitfaden wird beschrieben, wie Sie separate E-Commerce-Implementierungen von gtag.js Universal Analytics und Google Analytics 4 verwalten.

Im Migrationscenter für Entwickler finden Sie weitere Upgradeleitfäden und Ressourcen.

Ergebnis

Wenn Sie diesem Leitfaden folgen, implementieren Sie Google Analytics 4-E-Commerce-Ereignisse für eine neue GA4-Property und lassen Ihre bestehende E-Commerce-Implementierung in Universal Analytics unverändert. Dabei werden separate E-Commerce-Ereignisse sowohl an die Universal Analytics- als auch an die Google Analytics 4-Property gesendet.

Wenn Sie E-Commerce sowohl für UA als auch für GA4 implementieren, wird für Ihre Google Analytics 4-Property die GA4-E-Commerce-Implementierung verwendet.

Hinweis

  1. Prüfen Sie mit dem Hilfstool für die E-Commerce-Migration, ob Ihre aktuelle Implementierung folgendermaßen beschrieben wird:

    • Sie verwenden eine Universal Analytics-Property
    • Auf Ihrer Website wird die gtag.js-Bibliothek zum Senden von E-Commerce-Ereignissen verwendet

  2. Unter Upgradeoptionen für E-Commerce-Implementierungen finden Sie weitere Informationen zu den Vor- und Nachteilen der einzelnen Optionen. Bestätigen Sie, dass Sie dieser Anleitung folgen möchten und zwei Analytics-Implementierungen eingerichtet haben: eine für Ihre Universal Analytics-Property und eine für Ihre Google Analytics 4-Property.

Vor- und Nachteile

Machen Sie sich mit den folgenden Informationen vertraut, um die Auswirkungen von zwei E-Commerce-Implementierungen zu verstehen: einer für Ihre Universal Analytics-Property und einer für Ihre Google Analytics 4-Property.

Vorteile Nachteile
  • Hiermit können Sie E-Commerce-Daten sowohl in GA4- als auch in Universal Analytics-Berichten sehen.
  • An der Erhebung oder in Berichten von E-Commerce-Daten in der Universal Analytics-Property ändert sich nichts.
  • Durch die Verwendung von GA4-Ereignissen und -Parametern erhalten Sie vollständige GA4-E-Commerce-Berichte.
  • Hierfür müssen GA4-E-Commerce-Ereignisse implementiert werden.
  • Ihre Website sendet zwei Gruppen von Ereignissen: eine für Universal Analytics und eine für GA4. Das kann sich auf die Leistung auswirken.

Implementierung

1. Neue GA4-Property erstellen und konfigurieren

So erstellen und konfigurieren Sie eine neue Google Analytics 4-Property:

  1. Erstellen Sie eine neue Google Analytics 4-Property.
    • Mit dem GA4-Einrichtungsassistenten können Sie automatisch eine neue GA4-Property erstellen und die folgenden Einstellungen aus Ihrer Universal Analytics-Property kopieren: Property-Name, Website-URL, Zeitzone und Währungseinstellungen. Wenn Sie die Funktion für verbundene Website-Tags deaktivieren möchten, entfernen Sie das Häkchen bei Datenerhebung unter Verwendung der vorhandenen Tags aktivieren. Wenn Sie keine Einstellungen aus Ihrer Universal Analytics-Property kopieren möchten, erstellen Sie eine Google Analytics 4-Property ohne den GA4-Einrichtungsassistenten.
  2. Suchen Sie die Tag-ID für die Google Analytics 4-Property. Sie benötigen sie im nächsten Schritt, um Ihre GA4-Property zu konfigurieren.
  3. Fügen Sie die GA4-Property hinzu.
    • Wenn Sie dafür sorgen möchten, dass Universal Analytics-Ereignisse nur an Ihre UA-Property und Google Analytics 4-Ereignisse nur an Ihre GA4-Property gesendet werden, verwenden Sie die von gtag.js bereitgestellte Funktion für Daten zu Routen.
    • Fügen Sie die Google Analytics 4-Property dem vorhandenen gtag.js-Snippet hinzu. Verwenden Sie den Befehl config und den Parameter groups mit der Tag-ID, damit Ereignisse getrennt von Ihrer Universal Analytics-Property an Ihre GA4-Property weitergeleitet werden können.

Hier sehen Sie ein Beispiel für ein gtag.js-Snippet, mit dem eine Universal Analytics-Property und eine Google Analytics 4-Property konfiguriert wurden, die der GA4 zugewiesen sind.

<!-- 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. GA4-E-Commerce-Ereignisse implementieren und an Ihre GA4-Property weiterleiten

Sobald Sie Ihre neue Google Analytics 4-Property erstellt und konfiguriert haben, können Sie GA4-E-Commerce-Ereignisse implementieren. Mithilfe der folgenden Ressourcen können Sie Ihre GA4-Implementierung mit Ihrer Universal Analytics-Implementierung vergleichen lassen:

Im folgenden Beispiel sehen Sie, wie separate purchase-Ereignisse für Universal Analytics- und Google Analytics 4-E-Commerce-Ereignisse an die entsprechenden Properties gesendet werden. Dazu wird der Parameter send_to für die GA4-Ereignisse verwendet:

// 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
    }
  ],
});