Ereignisse einrichten

Mit Ereignissen können Sie Nutzerinteraktionen auf Ihrer Website oder in Ihrer App erfassen. zum Beispiel können Sie erfassen, wenn ein Nutzer eine Seite lädt, auf einen Link klickt und 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 empfohlene Ereignisse und benutzerdefinierte Ereignisse für Google-Tag (gtag.js) oder Google Tag Manager verwenden. Das solltest du nicht tun müssen automatisch erfasste und optimierte Analysen Ereignisse eingerichtet werden.

Sie haben Google Analytics eingerichtet und beginnen, Daten in Ihren Berichten zu sehen, aber Sie mehr Daten erheben möchten als in Analytics automatisch erfasst werden, oder bestimmte Funktionen in Analytics nutzen möchten.


Hinweis

In diesem Leitfaden wird davon ausgegangen, dass Sie

Außerdem wird vorausgesetzt, dass Sie

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

Google-Tag (gtag.js) – Übersicht

Verwenden Sie die Google Tag (gtag.js) API, um Daten zu senden, in Google Analytics übertragen. Die API hat eine Funktion namens gtag(). Wenn Sie ein Ereignis an Google Analytics senden möchten, verwenden Sie Folgendes: 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
  • Der Name des empfohlenen oder benutzerdefinierten Ereignisses
  • Optional: Eine Sammlung von Parametern, die zusätzliche Informationen liefern zur Veranstaltung

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

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

Ereignisse zum JavaScript hinzufügen

gtag() ist eine JavaScript-Funktion. Sie müssen die Funktion also dem JavaScript-Code auf Ihrer Webseite ein. Sie könnten die Funktion z. B. in Ihrem <script>-Tags oder in einer separaten JavaScript-Datei, die Sie in Ihren HTML-Code importieren Seite.

Ereignisse können dem JavaScript-Code an beliebiger Stelle unterhalb des Google-Tag-Snippets hinzugefügt werden. Google verarbeitet keine Daten aus Ereignissen, die Sie über dem Google-Tag-Snippet platzieren. Der folgende Beispielcode enthält 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 aufgrund eines Klicks auf eine Schaltfläche oder einer anderen Nutzeraktion senden möchten, können Sie dem Ereignis zusätzliches JavaScript hinzufügen.

Ereignisse in Analytics ansehen

Sie können Ihre Ereignisse und ihre Parameter mithilfe der Funktionen Echtzeit und DebugView-Berichte Für den DebugView-Bericht sind zusätzliche bevor Sie den Bericht verwenden können. Diese beiden Berichte zeigen Ihnen, Ereignisse, die Nutzer auf Ihrer Website auslösen, während die Ereignisse ausgelöst werden.

Nächste Schritte