Ereignisse einrichten

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

In diesem Leitfaden erfahren Sie, wie Sie mit dem Google-Tag (gtag.js) oder Google Tag Manager empfohlene 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 erheben als die, die automatisch erfasst werden, oder bestimmte Funktionen in Analytics nutzen.


Hinweis

In diesem Leitfaden wird davon ausgegangen, dass Sie

Außerdem wird vorausgesetzt, dass Sie

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

Überblick über das Google-Tag (gtag.js)

Mit der Google-Tag-API (gtag.js) können Sie Ereignisse an Google Analytics 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:

  • Einen event-Befehl, der Google mitteilt, dass Sie ein Ereignis senden
  • Den Namen des empfohlenen oder benutzerdefinierten Ereignisses
  • (Optional) Eine Sammlung von Parametern, die zusätzliche Informationen zum Ereignis liefern

Das folgende Beispiel zeigt ein empfohlenes Ereignis namens screen_view mit zwei Parametern:

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

Ereignisse zu Ihrem JavaScript-Code hinzufügen

gtag() ist eine JavaScript-Funktion. Sie müssen sie 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 einer beliebigen Stelle unterhalb des Google-Tag-Snippets zu Ihrem JavaScript-Code hinzufügen. Daten aus Ereignissen, die Sie oberhalb des Google-Tag-Snippets platzieren, werden von Google nicht verarbeitet. Der folgende Beispielcode enthält beispielsweise ein empfohlenes Ereignis namens screen_view und ein benutzerdefiniertes Ereignis namens signup_newsletter 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 events are sent when the page loads. You send
      *   recommended and custom events the same way. You could wrap
      *   the events in JavaScript functions so they are sent when
      *   users perform specific actions.
      */
      gtag('event', 'screen_view', {
        'app_name': 'myAppName',
        'screen_name': 'Home'
      });
      gtag('event', 'signup_newsletter', {
        'method': 'web'
      });
    </script> 
</body>
</html>

Wenn Sie das Ereignis basierend auf einem Klick auf eine Schaltfläche (oder einer anderen Nutzeraktion) senden möchten, können Sie Ihrem 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. Beachten Sie, dass der DebugView-Bericht einige zusätzliche Konfigurationsschritte erfordert, bevor Sie ihn verwenden können. 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