Google Analytics Tracking Code in die Website einbinden

Google Analytics DSGVO-konform in WordPress-Websites

Als Betreiber einer Website hast du mit Sicherheit großes Interesse daran, Daten über das Verhalten deiner Besucher auf deiner Website zu sammeln. Somit kannst du deine Website wunderbar optimieren und gezielte Marketingmaßnahmen in Angriff nehmen.

Im Zuge dessen bist du bestimmt bereits auf das Tracking mittels Google Analytics gestoßen und hast vielleicht auch schon die eine oder andere Anleitung zum Einrichten von Google Analytics in deiner WordPress-Website durchstöbert. Denn um die wertvollen Benutzerdaten zu erhalten, bedarf es nicht mehr, als den Google Analytics Tracking Code in die eigene Website einzubetten. Voraussetzung für Einbinden des Tracking-Codes ist auch das Ausfindigmachen der Tracking-ID.

In diesem Artikel zeigen wir in einer kurzen Anleitung, wie du die Tracking-ID deines Google Analytics-Accounts easy peasy herausfinden kannst und den Tracking-Code in deine Website einbaust.

Was ist die Google Analytics Tracking ID und wofür ist sie gut?

Primär wird die Tracking-ID verwendet, um Google Analytics einzurichten und in eine Website einbinden zu können.

Allgemein ist die Google Analytics Tracking-ID ein String, der im Fall von Universal-Properties wie folgt aufgebaut ist: UA-XXXXXX-X. Das X steht stellvertretend für Nummern. Die Tracking-ID ist in dem entsprechenden Tracking-Code enthalten. Somit kann zugeordnet werden, an welche Property und an welches Konto gesammelte Daten gesendet werden sollen.

Der Tracking-Code kann genutzt werden, um Google Analytics in eine Website einbinden zu können.

Wo finde ich meine Tracking-ID?

So kannst du deine Tracking-ID in deinem Google Analytics-Account finden:

  1. Öffne analytics.google.com.
Google Analytics Settings
  1. Gehe in den Admin-Bereich, indem du auf das Zahnrad unten links klickst.
  2. Wähle in der Spalte Konto das richtige Konto aus. Wähle in der Spalte Property deine richtige Property (Website, für die getrackt werden soll) aus.
  3. Klicke in der Property-Spalte auf Tracking Informationen > Tracking-Code. Hier findest du den Code nach dem Muster UA-XXXXXXXX-X
  4. Direkt unter deiner ID findest du unter dem Punkt Website-Tracking deinen Tracking-Code. Dieser bezieht sich nicht auf das gesamte Google Analytics-Konto, sondern nur auf die ausgewählte Property.

👉 Den Tracking-Code folgendermaßen einbinden:

  • Google Analytics-Plugin
  • Google Tag Manager
  • oder direktes Einbetten in den Quellcode der Website

Du solltest den Code immer nur einmal in eine Website einbinden, da du ansonsten Gefahr läufst, doppelt Daten zu sammeln.

Wie genau du diese drei Methoden anwendest, um dein Tracking-Code zu deiner Website hinzuzufügen, zeigen wir dir weiter unten im Artikel.

Was du bei der korrekten Verwendung eines Google Analytics-Plugins wie MonsterInsights beachten musst, zeigen wir dir in unserem Artikel zur DSGVO-konformen Einbindung von MonsterInisghts.

Wo finde ich meine Mess-ID?

Die Mess-ID ist quasi das gleiche wie die Tracking-ID für das nneue Google Analytics 4. Verwendest du eine Google Analytics 4-Property, wird aus deiner UA-ID eine G-ID ("Mess"-ID; auch Measurement-ID genannt). Diese zu finden ist jedoch einfach. Hierzu gehst du – wie auch bei der Tracking-ID – in die Property-Spalte deiner Analytics-Oberflächen. Nachdem du die richtige Property ausgewählt hast, klickst auf Datenstreams. Wähle den richtigen String aus. Oben rechts findest du nun die "G"-ID. Die ID wird in dem Muster G-XXXXXXX angezeigt.

Tracking-Code in die Website einbetten

Der Vollständigkeit halber solltest du den Tracking-Code in jede Unterseite deiner Website einbinden. Daher bietet es sich zu schauen, auf deiner Website du einen HTML-Code einmalig einfügen kannst, der automatisch auf jeder Unterseite ausgespielt wird.

Tracking Code Google Analytics
  1. Öffne analytics.google.com
  2. Gehe in den Admin-Bereich, indem du auf das Zahnrad unten links klickst.
  3. Wähle in der Spalte Konto das richtige Konto aus. Wähle in der Spalte Property deine richtige Property (Website, für die getrackt werden soll) aus.
  4. Klicke in der Property-Spalte auf Tracking-Informationen > Tracking-Code.
  5. Kopiere den Code, den du in dem Feld Website-Tracking findest.
  6. Diesen Code kannst du nun in das HTML deiner Website einfügen. Optimalerweise fügst du diesen direkt in den Kopfbereich nach dem öffnenden Element ein. Tracking-Code

Wie genau du eine IP-Anonymisierung à la DSGVO mittels des anonymize_ip Tags durchführst, erklären wir dir simpel Step-by-Step in unseren Artikel zur rechtskonformen Einbettung von MonsterInsights.

In diesem Artikel findest du auch Informationen darüber, welche Kriterien du für eine DSGVO-konforme Einbindung von Google Analytics erfüllen musst.

Tracking-Code mittels Google Tag Manager einbinden

Eine weitere Möglichkeit, den Tracking-Code zu einer Website hinzuzufügen, ist die Einbindung über Google Tag Manager. Ein Vorteil hierbei besteht darin, dass der Code nicht manuell in jede einzelne Unterseite eingetragen und ggf. geändert werden muss. Außerdem wirst du dir einfacher tun, wenn du keine Programmierkenntnisse hast. Änderungen können direkt in der Google Tag Manager-Oberfläche vorgenommen werden.

Anwendungsfall 1: Google Analytics Universal Analytics

  1. Öffne tagmanager.google.com
Google Tag Manager Acco unts
  1. Wir gehen davon aus, dass du bereits ein Konto angelegt und einen Container darin erstellt hast. In unserem Beispiel haben wir den Container, den wir verwenden werden, markiert.
Tracking Code Google Analytics
  1. Wähle deinen Container aus.
  2. Klicke links in der Menüleiste auf Tags. Tags sind der Dreh- und Angelpunkt in Google Tag Manager (Wer hätte es gedacht 😉).
  3. Klicke auf Neu.
Google Tag Manager Name New Tag
  1. Benenne dein Tag. In unserem Beispiel haben wir es GA UA (Google Analytics Universal Analytics) genannt.
Tag Configuration Google Tag Manager
  1. Klicke auf Tag-Konfiguration.
  2. Wähle aus der Liste zahlreicher Integrationen und Diensten den gewünschten aus. In unserem Beispiel wählen wir Google Analytics: Universal Analytics aus.
Google Tag Manager Tag Configuration
  1. Tracking-Typ: Hier kannst du auswählen, wann was getracked werden soll.
  2. Google Analytics-Einstellungen: Hier gibst du an, wo und wie welche Daten gespeichert werden sollen.
  3. Wähle Neue Variable... aus.
New Variable Google Tag Manager
  1. Benenne deine Variable.
  2. Klicke auf Variable konfigurieren.
  3. Wir starten mit Tracking-ID. Die Tracking-ID ist die ID der Google Analytics Property. Wie du diese herausfindest, haben wir dir bereits im ersten Teil des Artikels gezeigt.

Zur Erinnerung:

  1. Öffne deine Google Analytics-Oberfläche
  2. Wähle in der Property-Spalte die richtige Property aus
  3. Klicke auf Tracking-Informationen > Tracking-Code. Oben links wird dir nun die Tracking-ID angezeigt.
  1. Kopiere die Tracking-ID und füge gehe zurück in deinen Google Tag Manager-Tab.
  2. Füge die kopierte ID in das Feld Tracking-ID ein.
Variable Configuration Google Tag Manager

Wichtig: Damit Google Analytics datenschutzfreundlicher in deine Website einzubetten, musst du eine Anonymisierung der IP-Adressen deiner Besucher sicherstellen, da die IP-Adresse laut DSGVO in einigen Ländern aus personenbezogenes Datum gilt. Daher erstellen und einbetten wir jetzt ein anonymize-ip-Tag.

  1. Klicke auf Weitere Einstellungen > Festzulegende Felder > + Feld hinzufügen.
  2. Trage in das Feld Feldname anonymizeIP ein.
  3. Trage in das Feld Wert true ein. Das führt dazu, dass die IP-Adressen beim Speichern der Daten in Google Analytics und Universal Analytics anonymisiert werden.
  4. Klicke oben rechts auf den blauen Speichern-Button
Tag Configuration
  1. Fertig, der Tag ist nun konfiguriert. Jetzt wird Google Analytics: Universal Analytics mit diesen Einstellungen auf der Website eingebunden.
Tag Configuration Google Tag Manager
  1. Jetzt richten wir einen Trigger ein. 💡 Ein Trigger legt fest, wann der eben eingestellte Tag ausgeführt wird (z.B. beim Scrollen, bei einem Klick auf ein konkretes Element). Lassen wir das Thema Cookies und Einwilligungen an dieser Stelle einmal außen vor.
  2. Klicke auf Trigger > All Pages. Somit wird auf jeder Unterseite Google Analytics eingebunden.
  3. Klicke auf den blauen Speichern-Button.
  4. Now the tag is created and Google Analytics: Universal Analytics is integrated into the website. But the change has not yet been published. We will explain how to do this in the next section but one.

Anwendungsfall 2: Google Analytics 4-Property

Tag Type Google Tag Manager
  1. Erstelle einen neuen Tag. Benenne diesen. In unserem Beispiel haben wir den Tag GA4 genannt.
  2. Klicke anschließend auf Tag-Konfiguration > Google Analytics: GA4-Konfiguration.
Tag Configuration Google Tag Manager
  1. Trage die Mess-ID ein. 💡 Woher genau du die Mess-ID erhältst, haben wir die weiter oben im Artikel bereits erklärt.
  2. In Festzulegende Felder musst du in diesem Fall nichts mehr eingeben, da Google Analytics 4 die IP-Adressen deiner Besucher standardmäßig anonymisiert.
  3. Lege einen Trigger an, indem du genauso wie ab Punkt 22 in dem Fall von Google Analytics Universal Analytics vorgehst.
  4. Klicke auf Speichern.
Google Tag Manager Tags Overview
  1. Jetzt werden bei jedem Seitenaufruf Google Universal Analytics und Google Analytics 4 bei jedem Seitenaufruf ausgeführt.
  2. Wichtig: Diese Container-Änderungen werden noch nicht für die Website-Besucher aufgeführt. Hierfür müssen wir das Ganze veröffentlichen. Wie das geht, erklären wir dir im folgenden Abschnitt.

Änderungen von Tags in Google Tag Manager veröffentlichen

Änderungen, die du in Google Tag Manager vornimmst und speicherst, werden deine Website-Besucher nicht sofort sehen. Dadurch kannst du eine Vielzahl komplexer Konfiguration vornehmen, bevor du dann die Änderungen kontrolliert veröffentlichen kannst. Wie das geht, erklären wir dir im Folgenden!

  1. Click on the blue Submit button at the top right.
Google Tag Manager Changes
  1. Wenn du nach unten scrollst, wird dir der Abschnitt Änderungen im Arbeitsbereich angezeigt. Hier siehst du deine angelegten Tags.
  2. Klicke auf Veröffentlichen. Jetzt öffnet sich ein Dialog-Fenster, in welchem du bei Bedarf eintragen kannst, was genau du geändert hast. Alternativ kannst du auf Überspringen klicken.
  3. Jetzt sind die Tags auf der Website, auf der wir Google Tag Manager eingebunden haben, veröffentlicht.

Wie kann ich Google Tag Manager in meine Website einbinden?

Abschließend müssen wir nur noch klären, wie der Google Tag Manager auf deiner Website eigentlich eingebunden werden kann. Das geht einfacher, als du denkst!

  1. Gehe wieder in deine Container-Übersicht und wähle den entsprechenden Container aus, der eingebunden werden soll.
Container Google Tag Manager
  1. Klicke auf die Container-ID (startet mit )GTM-)). Jetzt öffnet sich ein Fenster. Hier findest du den HTML-Code, den du in deine Website einbauen musst.

Wichtig: Du hast Google Tag Manager jetzt erfolgreich in deine Website eingebunden – allerdings noch nicht datenschutzkonform!

Wie genau du den datenschutzkonformen Einsatz von Google Tag Manager im Nu umsetzen kannst, erfährst du in unserem Artikel Einrichtung mit Google Tag Manager oder Matomo Tag Manager.

DSGVO-konformes Tracking mit Real Cookie Banner

Puhh, endlich geschafft. Du hast den Tracking-Code erfolgreich in deine Website eingebunden und kannst nun munter Besucherdaten sammeln. Halt, Stopp! So einfach ist das allerdings nicht. Das Thema Tracking ist mit Vorsicht zu genießen, denn bei einer nicht-rechtmäßigen Umsetzung drohen hohe Bußgelder.

Beim Tracking werden meist nicht essenzielle Cookies gesetzt und personenbezogene Daten verarbeitet. Das datenschutzkonforme Erheben, Verarbeiten und Speichern solcher Daten ist jedoch im Normalfall nur mit der aktiven und informierten Einwilligung umsetzen.

Da dir sowohl Google Analytics als auch MonsterInsights hierbei nicht unter die Arme greifen, bedarf es dem Einsatz eines Cookie Consent Plugins wie Real Cookie Banner. Das WordPress-Plugin nimmt dir die Einrichtung komplett ab, sodass du Google Analytics, MonsterInsights, Google Tag Manager & Co. mit nur wenigen Klicks – und ohne eine Zeile Code schreiben zu müssen – in deine Website einbinden kannst! Und das unter Beachtung der geltenden Datenschutzbestimmungen 🥳

Menü
GDPR Cookie Consent mit Real Cookie Banner