Web-Events mit GTM und GA4 dank KI ganz einfach taggen

Events auf einer Website zu messen klingt einfach.

Aber dann öffnest du jede deiner WordPress-Vorlagen und fängst an, über Klicks, Buttons, Module, Transaktionen, Formulare, Menüs, CTAs, Karten, Banner, Sidebars … nachzudenken.

Und verschiebst es auf einen anderen Tag.

Denn „ich will messen, was auf meiner Website passiert“ zu denken ist das eine. Eine echte Website sauber zu taggen ist etwas ganz anderes.

Eine Website mit unterschiedlichen Vorlagen.

Mit Modulen, die in mehreren Bereichen wiederholt werden.

Mit Karten und Tabs, die gleich aussehen, sich aber in irgendeinem Punkt unterscheiden.

Mit Buttons, die optisch identisch sind, aber völlig unterschiedliche Funktionen erfüllen.

Und hier kann dir, wie an vielen anderen Stellen, KI ziemlich gut helfen.

Nicht weil sie deine Messstrategie für dich entscheiden würde – das bleibt deine Sache, auch wenn sie dir Vorschläge liefern kann –, sondern weil sie fast die ganze Arbeit ausführen kann: 

• Vorlagen prüfen.
• Ähnliche Module und Komponenten erkennen.
• Eine wiederverwendbare Struktur vorschlagen.
• Eine Nomenklatur definieren, wenn deine eigene noch nicht klar ist.
• Einen GTM-Container vorbereiten.
• Und sogar den Code deiner Website anfassen, um zum Beispiel „data-“Attribute hinzuzufügen, die die Messung erleichtern.

All das habe ich gerade auf meiner Website gemacht, also erkläre ich dir den Prozess anhand meines echten Falls.

Ich habe die Klickmessung in den redaktionellen Modulen meiner Website vorbereitet (hervorgehobene Artikel, Empfehlungen, Neuheiten usw. auf jeder Seite), aber das System funktioniert für jedes Event.

Gesagt, getan: Hier gibt es zwei Wege: den manuellen und den automatisierten mit KI.

Wir beginnen mit dem einfachen Weg, damit du siehst, wie schnell das geht. Danach kannst du dir ansehen, wie viel Arbeit du dir erspart hast, indem du sie der KI überlässt.

Weg 1: Schritt-für-Schritt-Tutorial, um die Events deiner Website zu tracken schnell mit KI

Wir beginnen mit der schnellen, kurzen Version.

Schritt 1: Bitte die KI, dir beim Entwerfen der Struktur zu helfen

Wenn du Erfahrung mit Analytics hast, kennst du das schon. Wenn nicht, oder wenn du GA4 nicht gut kennst, kann KI sehr nützlich sein.

Dazu musst du nur zu deinem bevorzugten Tool gehen (ChatGPT, Claude oder Gemini) und zwei Dinge in einem Prompt tun:

1. Füge vollständige Screenshots (von oben bis unten) jedes Website-Bereichs hinzu (Startseite, Kategorien, Checkout usw.)
2. Erkläre ihr was du willst.

Zum Beispiel:

<em>„Ich möchte Klicks auf die Hauptmodule meiner Website messen. Bevor ich Code anfasse, hilf mir, eine Event-Nomenklatur und Parameter zu definieren, damit sie in GTM und GA4 wiederverwendbar sind.</em>
Ich will kein Event pro Modul. Ich will ein einziges Event mit Parametern.

Die Vorlagen, die ich habe, sind:

- home

- category

- subcategory

- tag

- post

Schlage vor:

1. Event-Name

2. Mindestparameter

3. erlaubte Werte

4. echte dataLayer-Beispiele

5. Dimensionen, die ich in GA4 erstellen sollte“

Das zwingt die KI dazu, über Struktur nachzudenken bevor sie über Code nachdenkt.

Und genau das interessiert dich, denn sie wird dir einen Plan vorschlagen, der in der Regel ziemlich sinnvoll ist. Denn wenn du anfängst, eine Website ohne Nomenklatur zu taggen, landest du bei einer Frankenstein-Analytics.

Spiel mit der KI Pingpong, bis dir die Struktur klar ist und du weißt, warum du es so machst.

Schritt 2: Gib ihr deinen GTM-Container

Und lass sie fast die ganze Arbeit machen:

1. Exportiere den GTM-Container des Projekts und wirf ihn der KI vor.
2. Bitte sie, die passenden Änderungen auf Basis der im vorherigen Punkt definierten Strategie umzusetzen.
3. Sobald sie fertig ist, lädst du ihn herunter.
4. Du importierst ihn in GTM. Die KI wird dir sagen, ob du ihn mit dem bestehenden Container zusammenführen oder ihn ersetzen musst.

Hier können wir fertig sein – oder eben nicht, je nachdem, wie die KI den Tagging-Plan umsetzt oder wie wir ihr gesagt haben, dass sie ihn ausführen soll.

Schritt 3 (optional): Gib der KI den Code deiner Vorlagen

Wenn es für das Tagging nötig ist, data-Attribute hinzuzufügen (ich erkläre dir, was das ist im Abschnitt zum manuellen Tagging), kannst du der KI die echten Vorlagen deiner Website geben. Und genau hier sparst du wirklich Zeit.

In WordPress können das Dateien des aktiven Themes sein wie:

• front-page.php
• category.php
• tag.php
• single.php
• functions.php

Oder die, die dein Theme verwendet.

Lade sie hoch und gib ihr eine konkrete Anweisung:

<em>„Ich gebe dir die aktuellen Vorlagen meiner Website.</em>
Ich möchte, dass du data-* Attribute zu den Links der Hauptmodule hinzufügst, um das Event editorial_module_click zu messen.

Ändere das Design nicht.

Ändere keine CSS-Klassen.

Ändere keine Query-Logik.

Ändere keine Texte.

Füge nur Analytics-Attribute hinzu.

Verwende diese Parameter:

- data-analytics-event

- data-page-type

- data-module-type

- data-module-area

Gib mir die vollständig korrigierten Dateien zurück und prüfe PHP-Syntaxfehler.“

Achtung dabei: lass die KI deine Vorlage nicht „verbessern“.

Die KI neigt dazu, mehr anzufassen als nötig, wenn du sie nicht eingrenzt. Sag ihr klar, dass sie nur Analytics-Attribute hinzufügen soll. Nichts weiter.

Sobald die Dateien heruntergeladen und auf die Website hochgeladen sind, würden wir alles testen, bevor wir die Änderungen veröffentlichen und die nötigen benutzerdefinierten Dimensionen in GA4 erstellen.

Weiter unten erkläre ich dir alles, aber vorher möchte ich, dass du siehst, wie viel manuelle Arbeit wir uns gespart haben indem wir diesen Prozess befolgen.

Weg 2: Schritt-für-Schritt-Tutorial, um manuell die Events deiner Website zu tracken

Jetzt kommt der lange Weg, damit du verstehst, was die KI eigentlich getan hat.

Schritt 1: Entscheide, welches Event du erstellen willst

Das Wichtigste zuerst: Erstelle nicht zwanzig Events, wenn du ein wiederverwendbares und gut durchdachtes erstellen kannst.

In meinem Fall wollte ich Klicks auf redaktionelle Module der Website messen, also habe ich ein einziges Event erstellt:

editorial_module_click

Aber derselbe Prozess funktioniert auch für andere Events:

• cta_click
• resource_download
• pricing_click
• affiliate_click
• lead_magnet_click
• video_module_click
• product_card_click
• internal_navigation_click

Der Schlüssel ist zu überlegen, ob das Event wiederverwendbar jetzt oder in Zukunft sein kann. Wenn du zum Beispiel CTAs messen willst, erstelle nicht so etwas:

• click_boton_home
• click_boton_sidebar
• click_boton_footer
• click_boton_categoria
• click_boton_post

Besser: Erstelle cta_click und unterscheide jeden Klick mit Parametern. Das ist sauberer und skalierbarer.

Schritt 2: Definiere die Mindestparameter

Es ist nie nötig, alles zu messen, sondern das Wichtige. Das, was du wirklich auswerten wirst und das dir Entscheidungen ermöglicht.

In meinem Fall habe ich für Klicks auf redaktionelle Module diese Parameter verwendet:

• page_type
• module_type
• module_area
• link_url
• link_text

Übersetzt:

Parameter	Was er angibt
page_type	Seitentyp, auf dem der Klick passiert (home, category, subcategory, tag oder post). Jede hat eine andere Struktur.
module_type	Art des geklickten Moduls: Neuheiten, Empfehlungsbereich, Bereich der neuesten Artikel … Jede Vorlage hat eine ganze Reihe von Bereichen.
module_area	Inhalt, Sidebar, Footer …
link_url	URL des Links. Ich habe sie hinzugefügt, weil ich die Variable schon erstellt hatte; sonst hätte ich es nicht getan, weil ich weiß, dass ich sie kaum ansehen werde.
link_text	Und diese noch weniger

Beispiel:

• page_type = category
• module_type = latest
• module_area = main
• link_url = https://yagogonzalez.com/ocio/
• link_text = So lädst du lange YouTube-Listen herunter..

Damit kann ich bereits vergleichen:

• Welche Seiten und Seitentypen mehr Klicks erzeugen.
• Welche Bereiche der Seite mehr Klicks erzeugen.
• Welche Module mehr Klicks erzeugen.

Mehr als genug für den Anfang.

Schritt 3: Erstelle eine geschlossene Nomenklatur

Das ist wichtig: Lass nicht zu, dass jedes Event einen spontan erfundenen Namen bekommt. Definiere feste Werte.

Zum Beispiel können es für page_type sein:

• home
• category
• subcategory
• tag
• post
• page
• landing
• product
• checkout

Verwende nur die, die du brauchst. In meinem Fall:

• home
• category
• subcategory
• tag
• post

Für module_area:

• main
• sidebar
• bottom
• footer
• post_footer

Und für module_type, definiere eine Liste entsprechend deiner Website.

In meinem Fall war diese Liste ziemlich lang, weil ich viele verschiedene Module habe. Einige waren:

• home_hero
• home_hero_side
• featured
• latest
• sidebar_popular
• sidebar_more
• bottom_cta_newsletter
• home_section_tecnologia
• home_section_ocio
• home_section_negocio

Wenn deine Website Dienstleistungen anbietet, könntest du haben:

• hero_cta
• services_grid
• case_studies
• testimonials
• pricing_table
• contact_cta
• lead_magnet

Oder, wenn es ein Ecommerce ist:

• product_card
• category_grid
• promo_banner
• recommended_products
• cart_cta
• checkout_step
• wishlist_button

Die Logik ist dieselbe, nur der Kontext ändert sich, aber die Methode ist dieselbe.

Schritt 4 (optional): Verwende data-Attribute im HTML

In meinem Fall war das ein wichtiger Teil des Systems.

Ich hätte versuchen können, GTM das geklickte Modul über eine seltsame CSS-Klasse oder den Buttontext ermitteln zu lassen, aber in mittleren Projekten ist das fragil: Heute funktioniert es, aber in 3 Monaten änderst du das Design und die Messung ist weg, weil du nicht mehr weißt, wie du das Event aufgebaut hast.

Die Lösung, die ich gewählt habe, ist, data-Attribute direkt zu den Links oder Buttons hinzuzufügen, die du messen willst.

Beispiel:

<a
href="https://tudominio.com/articulo/"

  data-analytics-event="editorial_module_click"

  data-page-type="home"

  data-module-type="home_hero"

  data-module-area="main"

>

  Título del artículo

</a>

Damit trägt der Link selbst bereits die Information, die du senden willst. GTM muss nichts erraten, nur die Attribute lesen.

Das funktioniert für fast jedes Event:

<em><a</em>
href="/contacto/"

  data-analytics-event="cta_click"

  data-page-type="landing"

  data-module-type="hero_cta"

  data-module-area="main"

>

  Angebot anfordern

</a>

Oder für ein Ecommerce:

<em><a</em>
href="/producto/zapatilla-x/"

  data-analytics-event="product_card_click"

  data-page-type="category"

  data-module-type="product_grid"

  data-module-area="main"

>

  Sneaker X

</a>

Ja, du fügst mehr Code hinzu, aber es ist eine einfache, verständliche und skalierbare Lösung.

Schritt 5: Erstelle einen Listener in GTM

Jetzt brauchst du, dass Google Tag Manager die Klicks auf Links mit deinem Attribut anhört.

Erstelle ein benutzerdefiniertes HTML-Tag.

Zum Beispiel:

<em><script></em>
(function() {

  document.addEventListener('click', function(event) {

    var link = event.target.closest('a[data-analytics-event]');

    if (!link) {

      return;

    }

    window.dataLayer = window.dataLayer || [];

    window.dataLayer.push({

      event: link.getAttribute('data-analytics-event') || '',

      page_type: link.getAttribute('data-page-type') || '',

      module_type: link.getAttribute('data-module-type') || '',

      module_area: link.getAttribute('data-module-area') || '',

      link_url: link.href || '',

      link_text: (link.innerText || link.textContent || '').trim()

    });

  });

})();

</script>

Dieser Listener macht etwas ganz Einfaches:

1. Erkennt Klicks.
2. Prüft, ob der Link data-analytics-event hat.
3. Liess die Attribute.
4. Macht einen dataLayer.push().
5. GTM verwendet dieses Event, um Daten an GA4 zu senden.

Mehr Geheimnis steckt nicht dahinter, man muss es nur sauber schreiben. Und dafür kannst du ebenfalls KI verwenden.

Schritt 6: Erstelle die Variablen in GTM

Erstelle in GTM Data-Layer-Variablen um die Parameter zu lesen.

Zum Beispiel:

GTM-Variable	Data-Layer-Variable
DL – page_type	page_type
DL – module_type	module_type
DL – module_area	module_area
DL – link_url	link_url
DL – link_text	link_text

Alle sind vom Typ Data-Layer-Variable.

Improvisiere keine Namen. Wenn du im Listener module_typesendest, muss die Variable in GTM module_typelesen. Nicht module-type. Nicht moduleType. Nicht tipo_modulo.

Besser identisch. Ganz genau identisch.

Schritt 7: Erstelle den Trigger

Erstelle einen Trigger für ein benutzerdefiniertes Event.

Wenn dein Event heißt:

editorial_module_click

Muss der Trigger hören auf:

editorial_module_click

Wenn dein Event heißt:

cta_click

Muss der Trigger hören auf:

cta_click

Es wirkt offensichtlich, aber viele GTM-Fehler sind einfach Namen, die nicht übereinstimmen.

In meinem Fall war der Trigger:

• CE – Editorial Module Click
• Typ: Benutzerdefiniertes Event
• Event-Name: editorial_module_click

Schritt 8: Erstelle das GA4-Tag

Erstelle ein GA4-Event-Tag.

Event-Name:

editorial_module_click

Oder das Event, für das du dich entschieden hast.

Füge die Parameter hinzu:

GA4-Parameter	GTM-Wert
page_type	{{DL – page_type}}
module_type	{{DL – module_type}}
module_area	{{DL – module_area}}
link_url	{{DL – link_url}}
link_text	{{DL – link_text}}

Und verwende als Trigger das benutzerdefinierte Event, das du gerade erstellt hast.

Damit sendet GTM jedes Mal, wenn jemand auf einen getaggten Link klickt, das Event an GA4.

Tests und nächste Schritte

Egal welchen Weg du genommen hast, hier laufen beide zusammen. Sobald alles implementiert ist, musst du nur sicherstellen, dass alles funktioniert, wie es soll.

Außerdem fehlt noch, eine Kleinigkeit in GA4 anzufassen.

Schritt 1: Teste vor dem Veröffentlichen

Veröffentliche nicht blind:

1. Öffne die GTM-Vorschau.
2. Klicke auf mehrere Module der Website.
3. Prüfe, dass das Event erscheint editorial_module_click (oder das Event, das du erstellt hast).
4. Gehe danach in das GA4-Tag und prüfe, dass die Parameter Werte haben (page_type, module_type …)

Wenn du leere Werte siehst, prüfe:

• Dass das HTML die data-Attribute hat.
• Dass der Listener geladen wird.
• Dass das Event-Attribut den richtigen Namen hat.
• Dass die GTM-Variablen denselben Namen lesen, den der dataLayer sendet.
• Dass der Trigger auf das richtige Event hört.

Mach nicht weiter, bis das funktioniert. Hier ist die GTM-Vorschau deine Freundin. Benutze sie.

Schritt 2: Prüfe DebugView

Wenn du veröffentlichst, prüfe die DebugView von GA4.

Du solltest sehen, wie dein Event eingeht, aber Achtung: DebugView braucht manchmal Zeit, aktualisiert nicht richtig oder zeigt dir eine andere Sitzung.

Deshalb gilt: wenn du in der Erweiterung Tag Assistant siehst, dass der Hit korrekt gesendet wurde, geht das Event raus.

DebugView ist nützlich, aber mach dich nicht verrückt, wenn es etwas dauert oder wenn nichts erscheint.

In meinem Fall sah ich in Tag Assistant, dass das Event als Hit an GA4 gesendet wurde, obwohl DebugView es nicht in der Timeline angezeigt hat.

Kann passieren.

Schritt 3: Erstelle benutzerdefinierte Dimensionen in GA4

Zum Schluss gehst du in GA4 zu:

Verwalten > Datenanzeige > Benutzerdefinierte Definitionen

Und erstelle nur die Dimensionen, die du wirklich verwenden wirst. Also die Parameter der Events, die du analysieren wirst.

In meinem Fall:

Name	Umfang	Parameter
page_type	Event	page_type
module_type	Event	module_type
module_area	Event	module_area

Ich hatte link_url und link_text bereits als benutzerdefinierte Dimensionen früherer Taggings registriert.

Schritt 4: (optional) Dokumentiere die Nomenklatur

Wenn das Projekt groß ist, ist es unverzichtbar, eine Event-Tagging-Tabelle zu erstellen ähnlich wie diese:

Event	Parameter	Mögliche Werte	Wofür es dient
editorial_module_click	page_type	home, category, subcategory, tag	Vorlagentyp
editorial_module_click	module_type	featured, latest, sidebar_popular	Modultyp
editorial_module_click	module_area	main, sidebar, bottom	Visueller Bereich

So erfindest du in zwei Monaten, wenn du ein weiteres Modul hinzufügen musst, nichts neu, sondern folgst einfach dem System, ohne wieder neu nachdenken oder umplanen zu müssen.

Und das war’s, wir sind fertig.

Wenn du den manuellen Weg genommen hast: Glückwunsch. Es hat dich ein bisschen gekostet.

Wenn du den KI-Weg genommen hast, fragst du dich wahrscheinlich, ob du wirklich fertig bist. Und ja, die Antwort lautet: ja. Ein bisschen überraschend, oder?

Typische Fehler

Komm, sammeln wir alle hier erwähnten Fehler, die wir alle irgendwann schon einmal erlitten haben.

Zu viele Events erstellen

Schlecht:

• home_button_click
• sidebar_button_click
• footer_button_click
• category_button_click

Besser cta_click   mit Parametern.

Von CSS-Klassen abhängen

Schlecht:

Wenn der Nutzer auf .boton-verde-grande klickt …

Morgen änderst du das Design und die Messung ist weg.

Besser data-Attribute hinzufügen: data-analytics-event="cta_click"

Nicht in GTM testen

Ohne Test zu veröffentlichen ist Roulette. Verwende immer Vorschau.

Zu viele Dimensionen in GA4 registrieren

Mach nicht jeden Parameter zu einer benutzerdefinierten Dimension.

Beginne ausschließlich mit denen, die du für die Analyse verwenden wirst. Der Rest kann warten, und wenn du sie wirklich brauchst, fügst du sie später hinzu.

Namen mitten im Prozess ändern

Wenn du module_type verwendest, verwende es immer genau gleich.

Wechsle nicht zu:

• module-type
• moduleType
• tipo_modulo

Weder mitten im Prozess noch in Zukunft. Es wirkt wie eine Kleinigkeit, aber es wird deine Analytics verkomplizieren, wenn du Zeiträume mit beiden Events vergleichst.

Kurzzusammenfassung und Fazit

Gehen wir den allgemeinen manuellen Prozess noch einmal durch:

1. Definiere, was du wissen willst.
2. Erstelle ein wiederverwendbares Event.
3. Definiere wenige Parameter.
4. Füge data-* Attribute zu wichtigen Links hinzu.
5. Nutze KI, um Vorlagen zu prüfen und zu ändern.
6. Erstelle einen Listener in GTM.
7. Erstelle Data-Layer-Variablen.
8. Erstelle einen Trigger für ein benutzerdefiniertes Event.
9. Erstelle ein GA4-Tag.
10. Teste in Tag Assistant.
11. Veröffentliche.
12. Registriere in GA4 nur die notwendigen Dimensionen.

Und wie du gesehen hast, lässt sich das sehr leicht reduzieren, wenn du deinen Freund ChatGPT um Hilfe bittest.

Dafür, was manuell Stunden dauern würde, habe ich etwas mehr als 30 Minuten gebraucht, bis es einsatzbereit war. 

Es wirkt wie Magie, wenn du es ausprobierst. Wirklich.

Und zum Abschluss lasse ich dir noch ein paar Empfehlungen da:

Events zu messen bedeutet nicht, viele oder alle Daten zu haben, sondern Informationen zu gewinnen, um Entscheidungen zu treffen. Und dafür brauchst du nur einige wenige.

KI ersetzt nicht dein Messkriterium – also das, was dir sagt, welche Daten du messen solltest –, aber sie spart dir eine Menge mechanischer Arbeit und hilft dir vor allem, Konsistenz. 

Und das ist in großen Projekten pures Gold. Verschenk es nicht.