Kaufereignis einrichten

In dieser Anleitung erfahren Sie, wie Sie ein purchase-Ereignis auf Ihrer Website einrichten, Sie messen können, wann jemand einen Kauf tätigt. Das Tutorial enthält die Dimensionen, und Berichte, die in Analytics mit Daten aus dem Ereignis gefüllt werden. Weitere Informationen Weitere Informationen zu E-Commerce-Ereignissen

<ph type="x-smartling-placeholder">

Hinweis

In dieser Anleitung wird davon ausgegangen, dass Sie bereits folgende Schritte ausgeführt haben:

Außerdem wird vorausgesetzt, dass Sie

  • Sie haben Zugriff auf den Quellcode Ihrer Website.
  • Mindestens die Rolle „Bearbeiter“ für das Google Analytics-Konto

Schritt 1: Ereignis der Website hinzufügen

Platzieren Sie das Ereignis purchase auf der Seite Ihrer Website, auf der wenn jemand etwas kauft. Sie können das Ereignis beispielsweise auf der Seite die nach einem Kauf angezeigt wird. Diese Anleitung zeigt, wie Sie das Ereignis einer Seite hinzufügen, auf der jemand auf einen Kauf klickt Schaltfläche.

Platzieren Sie das Ereignis in einem <script>-Tag am Ende des <body>-Tags. Wenn Sie die direkt im <script>-Tag löst das Ereignis aus, wenn die Seite geladen wird. Die Im nächsten Abschnitt wird beschrieben, wie das Ereignis ausgelöst wird, wenn jemand auf „Kaufen“ klickt.

<!--
  Note: In the following code sample, make sure to
  replace "TAG_ID" with your tag ID.
  Learn more: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'TAG_ID');
    </script>
</head>
<body>
    <div>This is where the purchase form would go</div>
    <button>Submit</button>
    <script>
    gtag("event", "purchase", {
        transaction_id: "T_12345_1",
        value: 30.03,
        tax: 4.90,
        shipping: 5.99,
        currency: "USD",
        coupon: "SUMMER_SALE",
        items: [
        // If someone purchases more than one item,
        // you can add those items to the items array
         {
          item_id: "SKU_12345",
          item_name: "Stan and Friends Tee",
          affiliation: "Google Merchandise Store",
          coupon: "SUMMER_FUN",
          discount: 2.22,
          index: 0,
          item_brand: "Google",
          item_category: "Apparel",
          item_category2: "Adult",
          item_category3: "Shirts",
          item_category4: "Crew",
          item_category5: "Short sleeve",
          item_list_id: "related_products",
          item_list_name: "Related Products",
          item_variant: "green",
          location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
          price: 10.01,
          quantity: 3
        }]
    });
    </script>
</body>
</html>

Schritt 2: Ereignis mit einer Schaltfläche verbinden

Sie können das Ereignis purchase so einrichten, dass es ausgelöst wird, wenn jemand auf „Kaufen“ auf verschiedene Arten. Eine Möglichkeit besteht darin, dem Feld „Kauf“ eine ID hinzuzufügen. und platzieren Sie den Ereigniscode dann in einem Event-Listener. Im Folgenden Beispiel: Das Ereignis wird nur gesendet, wenn jemand auf eine Schaltfläche mit der ID purchase

<!--
  Note: In the following code sample, make sure to
  replace "TAG_ID" with your tag ID.
  Learn more: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'TAG_ID');
    </script>
</head>
<body>
    <div>This is where the purchase form would go</div>
    <button id="purchase">Purchase</button>
    <script>
    document.getElementById("purchase").addEventListener("click", function () {
        gtag("event", "purchase", {
                // This purchase event uses a different transaction ID
                // from the previous purchase event so Analytics
                // doesn't deduplicate the events.
                // Learn more: https://support.google.com/analytics/answer/12313109
                transaction_id: "T_12345_2",
                value: 30.03,
                tax: 4.90,
                shipping: 5.99,
                currency: "USD",
                coupon: "SUMMER_SALE",
                items: [
                {
                  item_id: "SKU_12345",
                  item_name: "Stan and Friends Tee",
                  affiliation: "Google Merchandise Store",
                  coupon: "SUMMER_FUN",
                  discount: 2.22,
                  index: 0,
                  item_brand: "Google",
                  item_category: "Apparel",
                  item_category2: "Adult",
                  item_category3: "Shirts",
                  item_category4: "Crew",
                  item_category5: "Short sleeve",
                  item_list_id: "related_products",
                  item_list_name: "Related Products",
                  item_variant: "green",
                  location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
                  price: 10.01,
                  quantity: 3
                }]
          });
      });
    </script>
</body>
</html>

Schritt 3: Prüfen, ob Daten erfasst werden

Der DebugView-Bericht enthält Echtzeitdaten von Ihrer Website, ob Sie die Ereignisse korrekt eingerichtet haben. Um den Debug-Modus auf einer Webseite zu aktivieren, fügen Sie den folgenden debug_mode-Parameter an den Befehl config:

<!--
  Note: In the following code sample, make sure to
  replace "TAG_ID" with your tag ID.
  Learn more: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'TAG_ID',{ 'debug_mode': true });
    </script>
</head>
<body>
    <div>This is where the purchase form would go</div>
    <button id="purchase">Purchase</button>
    <script>
    document.getElementById("purchase").addEventListener("click", function () {
        gtag("event", "purchase", {
                // This purchase event uses a different transaction ID
                // from the previous purchase event so Analytics
                // doesn't deduplicate the events.
                // Learn more: https://support.google.com/analytics/answer/12313109
                transaction_id: "T_12345_3",
                value: 30.03,
                tax: 4.90,
                shipping: 5.99,
                currency: "USD",
                coupon: "SUMMER_SALE",
                items: [
                {
                  item_id: "SKU_12345",
                  item_name: "Stan and Friends Tee",
                  affiliation: "Google Merchandise Store",
                  coupon: "SUMMER_FUN",
                  discount: 2.22,
                  index: 0,
                  item_brand: "Google",
                  item_category: "Apparel",
                  item_category2: "Adult",
                  item_category3: "Shirts",
                  item_category4: "Crew",
                  item_category5: "Short sleeve",
                  item_list_id: "related_products",
                  item_list_name: "Related Products",
                  item_variant: "green",
                  location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
                  price: 10.01,
                  quantity: 3
                }]
        });
    });
    </script>
</body>
</html>

Sobald Sie den Debug-Modus aktivieren, sehen Sie Ereignisse DebugView-Bericht erstellen, während Nutzer Ihre Website verwenden. Wenn Sie zum Beispiel auf das Symbol „Kaufen“ auf Ihrer Website wird der Bericht mit den folgenden Daten gefüllt. Sie können ein Ereignis auswählen, um die Parameter, Nutzereigenschaften und Elemente zu sehen die mit dem Ereignis verknüpft sind.

Screenshot des DebugView-Berichts

Schritt 4: E-Commerce-Daten abrufen

Nach etwa 24 Stunden werden die Daten, die Sie mit dem purchase-Ereignis gesendet haben, zu in Ihren Berichten, explorativen Datenanalysen und in der Google Analytics Data API verfügbar. Sie können auch auf die Daten in BigQuery zugreifen, wenn Sie BigQuery Export einrichten.

Der „Kauf“ automatisch eine Vielzahl vordefinierter Dimensionen und Messwerte, die in Berichten und explorativen Datenanalysen verwendet werden. Die Folgende Dimensionen werden mit Daten aus der purchase-Ereignis im ersten Schritt:

Parameter Dimension Wert
affiliation Zugehörigkeit von Artikeln Google Merchandise Store
currency Währung USD
discount Rabattbetrag für Artikel 2,22
index Position der Artikelliste 0
item_brand Marke des Artikels Google
item_category Artikelkategorie Bekleidung
item_id Artikel-ID SKU_12345
item_list_id Artikellisten-ID related_products
item_list_name Artikellistenname Ähnliche Produkte
item_name Name des Artikels T-Shirt mit Stan und Freunden
item_variant Artikelvariante Grün
location_id Standort-ID des Artikels ChIJIQBpAG2ahYAR_6128GcTUEo (die Google Place-ID für San Francisco)
shipping Versandbetrag 5,99 EUR
tax Steuerbetrag 4,90
transaction_id Transaktions-ID T_12345

Zusätzlich zu den Dimensionen werden in Google Analytics und umsatzbezogene Messwerte. Wenn ein Nutzer beispielsweise auf die Schaltfläche „Kaufen“ Schaltfläche werden folgende Messwerte in Google Analytics erfasst:

  • Der Messwert Artikelumsatz hat einen Wert von 30,03 $.
  • Der Messwert Gesamtumsatz hat einen Wert von 30,03 $.
  • Der Messwert E-Commerce-Käufe hat den Wert „1“.

Mit diesen Dimensionen und Messwerten können Sie explorative Datenanalysen und benutzerdefinierte Berichte erstellt, aber Sie können auch die folgenden vordefinierten E-Commerce-Käufe verwenden , um Ihre E-Commerce-Daten aufzurufen:

Screenshot der E-Commerce-Käufe
Bericht