Ereignisse einrichten

Mit Ereignissen können Sie Nutzerinteraktionen auf Ihrer Website oder in Ihrer App erfassen, z. B. wenn jemand eine Seite lädt, auf einen Link klickt oder einen Kauf abschließt. In Google Analytics werden Daten aus Ereignissen verwendet, um Berichte mit Informationen zu Ihrem Unternehmen zu erstellen. Weitere Informationen

In dieser Anleitung erfahren Sie, wie Sie mit dem Google-Tag (gtag.js) oder Google Tag Manager empfohlene Ereignisse und benutzerdefinierte Ereignisse auf Ihrer Website einrichten. Sie müssen keine automatisch erfassten Ereignisse und Ereignisse für optimierte Analysen einrichten.

Zielgruppe

Sie haben Google Analytics eingerichtet und sehen bereits Daten in Ihren Berichten. Sie möchten aber mehr Informationen erfassen als die, die automatisch von Analytics erhoben werden, oder bestimmte Funktionen in Analytics nutzen.


Hinweis

In diesem Leitfaden wird davon ausgegangen, dass Sie

Außerdem wird vorausgesetzt, dass Sie

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

Google-Tag (gtag.js) – Übersicht

Verwenden Sie die Google-Tag-API (gtag.js), um Ereignisse an Google Analytics zu senden. Die API hat eine Funktion namens gtag(). Wenn Sie ein Ereignis an Google Analytics senden möchten, verwenden Sie die folgende Syntax:

gtag('event', '<event_name>', {
  <event_parameters>
});

In diesem Beispiel enthält die Funktion gtag() Folgendes:

  • Ein event-Befehl, der Google mitteilt, dass Sie ein Ereignis senden
  • Name des empfohlenen oder benutzerdefinierten Ereignisses
  • Optional: Eine Sammlung von Parametern, die zusätzliche Informationen zum Ereignis liefern

Das folgende empfohlene Ereignis namens screen_view enthält beispielsweise zwei Parameter:

gtag('event', 'screen_view', {
  'app_name': 'myAppName',
  'screen_name': 'Home'
});

Ereignisse zu Ihrem JavaScript hinzufügen

gtag() ist eine JavaScript-Funktion. Sie müssen die Funktion also dem JavaScript-Code auf Ihrer Webseite hinzufügen. Sie können die Funktion beispielsweise in Ihre <script>-Tags oder in eine separate JavaScript-Datei einfügen, die Sie in Ihre HTML-Seite importieren.

Sie können Ereignisse an beliebiger Stelle in Ihrem JavaScript unterhalb des Google-Tag-Snippets hinzufügen. Google verarbeitet keine Daten aus Ereignissen, die Sie über dem Google-Tag-Snippet platzieren. Der folgende Beispielcode enthält beispielsweise ein Ereignis namens screen_view innerhalb eines <script>-Tags:

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

    gtag('config', 'G-XXXXXXXXXX');
    </script>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title of the page</title>
</head>
<body>
    <p>Welcome to my website!</p>
    
    <script>
      /**
      *   The following event is sent when the page loads. You could
      *   wrap the event in a JavaScript function so the event is
      *   sent when the user performs some action.
      */
      gtag('event', 'screen_view', {
        'app_name': 'myAppName',
        'screen_name': 'Home'
      });
    </script> 
</body>
</html>

Wenn Sie das Ereignis auf Grundlage eines Klicks auf eine Schaltfläche (oder einer anderen Nutzeraktion) senden möchten, können Sie dem Ereignis zusätzlichen JavaScript-Code hinzufügen.

Ereignisse in Analytics ansehen

Sie können sich Ihre Ereignisse und die zugehörigen Parameter in den Berichten Echtzeit und DebugView ansehen. Bevor Sie den Bericht DebugView verwenden können, sind einige zusätzliche Konfigurationsschritte erforderlich. In beiden Berichten sehen Sie die Ereignisse, die Nutzer auf Ihrer Website auslösen, in Echtzeit.

Nächste Schritte

Zurück
Web
Weiter
Parameter hinzufügen