Google-Produkte konfigurieren und Ereignisdaten senden

Nach der Installation des Google-Tags können Sie gtag()-Befehle an beliebiger Stelle in Ihrem Code nach dem Google-Tag-Snippet aufrufen.

Auf dieser Seite wird erläutert, wie Sie

  1. Datenfluss zwischen Ihrer Website und Google-Produkten mit dem Befehl config festlegen
  2. Ereignisse mit dem Befehl event an Google-Produkte senden
  3. Legen Sie mit dem Befehl set Werte fest, die mit jedem Ereignis gesendet werden

Hinweis

In diesem Leitfaden wird Folgendes vorausgesetzt:

Für die Einrichtung des Datenflusses benötigen Sie Folgendes:

  • Zugriff auf den Code der Website, auf der Sie das Google-Tag eingefügt haben
  • Die Tag-ID des Google-Produkts, das Sie mit dem Google-Tag verbinden möchten

Was ist eine Tag-ID und wo finde ich sie? Mit einer Tag-ID wird ein Google-Tag identifiziert. Ein einzelnes Google-Tag kann mehrere Tag-IDs haben. Wenn Sie beispielsweise Google Ads verwenden, hat Ihr Tag jetzt zwei IDs: eine alte ID (AW) und eine Google-Tag-ID (GT).

Bildschirm mit einem Google-Tag in Google Ads mit zwei Tag-IDs

Die Tag-IDs sind austauschbar. In der Tabelle unten sehen Sie, welche Tags mit dem Google-Tag kompatibel sind.

Präfix ID-Typ Beschreibung
GT–XXXXXX Google-Tag Jedes neu erstellte Google-Tag erhält ein GT-Präfix und eine eindeutige ID.
G–XXXXXX Google-Tag (altes Präfix) Google Analytics 4-Tags sind Google-Tags mit dem Präfix G und einer eindeutigen ID.
AW–XXXXXX Google-Tag (altes Präfix) Google Ads-Tags sind Google-Tags mit dem Präfix AW und einer eindeutigen ID.
DC–XXXXXX Google-Tag (altes Präfix) Google Floodlight-Tags sind Google-Tags mit dem Präfix DC und einer eindeutigen ID.

Universal Analytics-Tags (UA) sind nicht mit dem Google-Tag (GT) kompatibel.

Tag-ID ermitteln:

Schritt 1: Google-Produkte mit dem Tag verbinden

Informationen zum Befehl config

Der Befehl config gibt Google-Produkte an, an die Sie Ereignisdaten senden möchten. Der Befehl hat folgendes Format:

gtag('config', 'TAG_ID', {<additional_config_params>});

Zusätzliche Konfigurationsparameter

Sie können einen config-Befehl anpassen und erweitern, indem Sie Parameter im optionalen {<additional_config_params>}-Objekt angeben. Durch das Hinzufügen des folgenden Parameters wird beispielsweise verhindert, dass ein Google Analytics-Seitenaufruf automatisch gesendet wird:

gtag('config', 'TAG_ID', {'send_page_view': false});

Datenerhebung einrichten

Fügen Sie den Befehl config mit einer Tag-ID ein, um die Datenerhebung für ein Google-Produkt einzurichten.

Beispiel

Über das Google-Tag (GT-XXXXXX) werden Daten an die für Sie definierten Ziele gesendet, z. B. Google Ads und GA4.

Das folgende Beispiel zeigt, wie Ihr Code aussieht, wenn Sie ein Google-Tag einrichten und Floodlight als Ziel hinzufügen möchten.

Fügen Sie nach dem Initialisieren des Google-Tags einen weiteren config-Befehl hinzu, um Daten an Floodlight (Tag-ID DC-ZZZZZZ) zu senden:

<head>
 ...
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());
  gtag('config', 'GT-XXXXXX');
  gtag('config', 'DC-ZZZZZZ');
</script>
</head>

Produktspezifisches config-Verhalten

Abhängig vom in TAG_ID angegebenen Produkt kann der Befehl config auch ein bestimmtes Verhalten für dieses Produkt auslösen. In einigen Fällen weist der Befehl config beispielsweise gtag.js an, ein Seitenaufrufereignis zu initiieren.

Weitere Informationen zum Verhalten des Befehls config in Bezug auf einzelne Produkte finden Sie in der produktspezifischen Dokumentation:

Schritt 2: Daten mit event senden

Informationen zum Befehl event

Mit dem Befehl event können Sie Ereignisdaten an die Produkte senden, die Sie mit config angegeben haben. Der Befehl hat folgendes Format:

gtag('event', 'event_name', {
  'key': 'value',
});

Ereignisnamen und Schlüssel/Wert-Paare

Empfohlene Ereignisse: Empfohlene Ereignisse sind Ereignisse, die Sie implementieren, aber vordefinierte Schlüssel/Wert-Paare haben. Mit diesen Ereignissen können Sie vorhandene und zukünftige Berichtsfunktionen nutzen.

Benutzerdefinierte Ereignisse: Zum Definieren eigener Ereignisse und Datenstrukturen können Sie benutzerdefinierte Werte eingeben, um ein benutzerdefiniertes Ereignis zu senden.

Ereignisse einrichten

Sie können die Methode event an einer beliebigen Stelle in Ihrem Code aufrufen, nachdem Sie das Google-Tag initialisiert haben.

  1. Definieren Sie ein Ereignis. Wenn Sie ein empfohlenes Ereignis verwenden, müssen Sie die standardisierten Ereignisnamen und die vordefinierten Schlüssel/Wert-Paare verwenden.

  2. Sie können festlegen, wann das Ereignis ausgelöst wird, z. B. wenn es beim Seitenaufbau gesendet wird oder wenn ein Nutzer auf eine Schaltfläche klickt.

Beispiel

Das folgende Beispiel zeigt eine mögliche Möglichkeit, Newsletteranmeldungen zu messen, wenn ein Nutzer auf eine Schaltfläche klickt. In diesem Beispiel wird ein benutzerdefiniertes Ereignis verwendet, das an eine Google Analytics 4-Property gesendet wird.

<head>
   ...
   /* 1. Initialize the Google tag and gtag.js library */
   <!-- 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>
   <script>
     let date = Date.now();
     /* 2. Define your event. */
     function newsletterSignup() {
       gtag('event', 'newsletter_signup', {
       'time': date,
       });
   }
   </script>
   ...
   /* 3. Trigger your event */
   <button type="submit" onlick="newsletterSignup()">Sign me up!</button>
   ...
</body>

Optional: Daten zu jedem Ereignis mit set senden

Mit dem Befehl set können Sie Parameter festlegen, die mit jedem nachfolgenden Ereignis auf der Seite verknüpft werden.

Der Befehl hat folgendes Format:

gtag('set', {'key': 'value'});

Beispiel

Wenn alle Transaktionen auf Ihrer Website dieselbe Währung verwenden, können Sie mit dem Befehl set das Feld currency angeben:

gtag('set', {'currency': 'USD'});

Sie können mit einem einzigen set-Befehl mehrere Attribute festlegen:

gtag('set', {
  'country': 'US',
  'currency': 'USD'
});

Nächste Schritte

Nachdem Sie Ihre Google-Produkte und -Ereignisse eingerichtet haben, ist die grundlegende Konfiguration des Google-Tags abgeschlossen.

Wenn Sie mehrere Produkte verwalten und deren Datenfluss detaillierter verwalten möchten, finden Sie weitere Informationen unter Daten gruppieren und weiterleiten.