So trackst du Klick-Events in Shopify (2026)

Die wichtigsten Erkenntnisse

• Der Klick-Trigger des Google Tag Managers ist der einfachste Weg, um spezifische Button-Klicks ohne Code-Änderungen zu tracken.
• GA4 Enhanced Measurement (Optimierte Analysen) trackt Klicks auf ausgehende Links automatisch und ohne weitere Einrichtung.
• Für benutzerdefiniertes Button-Tracking fügst du Data-Attribute zu deinen Buttons hinzu und überwachst sie mit JavaScript.
• Klick-Tracking zeigt dir, welche CTAs, Links und Buttons tatsächlich genutzt werden – unerlässlich für die Conversion-Optimierung.

Um Klick-Ereignisse (Click Events) in Shopify zu tracken, nutzt du das GA4 Enhanced Measurement für ausgehende Links, einen Klick-Trigger im Google Tag Manager für bestimmte Buttons oder einen kleinen JavaScript-Listener auf data-track-Attributen. Klickdaten zeigen dir, ob 900 oder 90 von 1.000 Besuchern der Produktseite auf “In den Warenkorb” geklickt haben.

Wie man Button-Klicks in Shopify trackt

Drei Ansätze, vom einfachsten bis zum flexibelsten:

1. GA4 Enhanced Measurement — automatisches Tracking für ausgehende Links, keine Einrichtung erforderlich
2. Klick-Trigger im Google Tag Manager — tracke jedes spezifische Element ohne Code-Änderungen
3. Benutzerdefiniertes JavaScript mit Data-Attributen — am flexibelsten, funktioniert ohne GTM

Wenn der GTM noch nicht installiert ist, sieh dir Wie man Google Tag Manager zu Shopify hinzufügt an.

Methode 1 — GA4 Enhanced Measurement (nur ausgehende Links)

GA4 trackt automatisch Klicks auf ausgehende Links (Links, die Besucher zu einer anderen Domain führen), wenn Enhanced Measurement aktiviert ist.

So überprüfst du, ob es eingeschaltet ist:

1. Öffne GA4 → Verwaltung → Datenstreams → wähle deinen Stream aus
2. Überprüfe unter “Optimierte Analysen” (Enhanced Measurement), ob “Ausgehende Klicks” aktiviert ist

Dies löst bei jedem ausgehenden Klick ein click-Ereignis mit dem Parameter link_url aus. Nützlich, um Klicks auf Partnerseiten, Marktplätze oder Affiliate-Links zu tracken.

Einschränkung: Dies trackt nur ausgehende Klicks. Für Klicks innerhalb deines eigenen Shops (wie “In den Warenkorb” oder “Details ansehen”) benötigst du den GTM oder benutzerdefiniertes JavaScript.

Für Ereignisse über Klicks hinaus, sieh dir Wie man benutzerdefinierte Events in Shopify hinzufügt an.

Methode 2 — Google Tag Manager Klick-Trigger

GTM kann Events für jedes Element auslösen, das ein Besucher anklickt — Buttons, Links, Bilder oder andere klickbare Elemente.

Schritt 1 — GTM-Klick-Variablen aktivieren. Gehe in GTM zu Variablen → Konfigurieren. Aktiviere unter Klicks: Click Element, Click Classes, Click ID, Click Target, Click Text, Click URL.

Schritt 2 — Deinen Button identifizieren. Mache in deinem Live-Storefront einen Rechtsklick auf den Button, den du tracken willst → Untersuchen. Notiere dir vom Element:

• ID (z. B. id="main-add-to-cart") — am genauesten, wird bevorzugt
• Klasse (z. B. class="product-form__submit") — weniger genau, funktioniert aber meistens
• Textinhalt (z. B. „In den Warenkorb“)

Schritt 3 — Einen Klick-Trigger in GTM erstellen.

• Trigger → Neu → Alle Elemente oder Nur Links
• Konfigurieren:
  • Dieser Trigger löst aus bei: Einigen Klicks
  • Click Classes enthält product-form__submit (oder deine jeweilige Kennung)
• Speichern

Schritt 4 — Ein GA4-Ereignis-Tag erstellen.

• Tags → Neu → Google Analytics: GA4-Ereignis
• Ereignisname: add_to_cart_click (oder ein beliebiger Name)
• Füge den Trigger hinzu, den du in Schritt 3 erstellt hast
• Speichern

Schritt 5 — Mit dem GTM-Vorschaumodus testen. Klicke auf Vorschau → öffne deinen Store in dem neuen Fenster → klicke auf den Button. Bestätige im GTM-Debugger, dass dein Tag ausgelöst wird.

Schritt 6 — Senden und veröffentlichen.

Methode 3 — Eigenes JavaScript mit Data-Attributes

Für Shops ohne GTM oder wenn du das Tracking direkt in eine Section einbauen möchtest, bieten dir Data-Attribute ein sauberes, gut wartbares Klick-Tracking.

Schritt 1 — Data-Attribute zu Buttons hinzufügen. Füge im Liquid-Code deines Themes ein data-track-Attribut zum Button hinzu:

<button type="submit" class="product-form__submit" data-track="add-to-cart" data-product="{{ product.title | escape }}">
    In den Warenkorb
</button>

Schritt 2 — Einen Klick-Listener hinzufügen. In der theme.liquid oder im {% javascript %}-Block einer Section:

document.addEventListener('click', function (event) {
    var tracked = event.target.closest('[data-track]')
    if (!tracked) return

    var action = tracked.dataset.track
    var product = tracked.dataset.product || ''

    // An GA4 senden
    if (typeof gtag !== 'undefined') {
        gtag('event', action, {
            product_name: product,
        })
    }
})

Dies nutzt Event Delegation – ein einziger Listener auf dem Dokument erfasst alle getrackten Klicks. Es funktioniert also auch bei dynamisch hinzugefügten Elementen (wie Quick-Add-Buttons auf Kategorieseiten).

Das funktioniert nur, wenn gtag.js in deinem Theme geladen ist. Wenn GA4 über Shopifys Google & YouTube-App läuft, wird es in einem isolierten Web-Pixel ausgeführt. Daher ist gtag auf der Seite nicht definiert und dieser Code sendet nichts. In diesem Fall veröffentlichst du stattdessen ein benutzerdefiniertes Ereignis mit Shopify.analytics.publish() und leitest es über einen Custom Pixel an GA4 weiter.

Für Buttons und Elemente, bei denen sich das Tracking lohnt, siehe Wie man einen Button in Shopify hinzufügt und Wie man ein benutzerdefiniertes Conversion-Element in Shopify hinzufügt.

Was man in einem Shopify-Store tracken sollte

Nicht jeder Klick muss getrackt werden. Fokussiere dich auf Klicks, die dir etwas Aussagekräftiges verraten:

Besonders wertvolle Klicks fürs Tracking:

• „In den Warenkorb“-Button
• „Jetzt kaufen“ / Express-Checkout
• Upsell- oder Cross-Sell-CTAs
• „Details ansehen“ auf Produktkarten
• Versandkostenrechner, Retouren-Infos oder ausklappbare FAQs auf Produktseiten
• Buttons für E-Mail-Anmeldungen oder Wartelisten

Weniger wertvoll fürs Tracking:

• Links im Navigationsmenü (Pageview-Tracking deckt das ab)
• Logo-Klicks zur Startseite
• Social-Share-Buttons

Frag dich: „Wenn ich die Klickrate davon wüsste, würde ich dann etwas ändern?“ Wenn ja, tracke es.

Klick-Daten in GA4 ansehen

Sobald die Klick-Events einlaufen:

• Berichte → Engagement → Ereignisse — hier siehst du alle Events und deren Anzahl
• Klicke auf einen Ereignisnamen — hier siehst du Parameter-Aufschlüsselungen (welches Produkt, welche Button-Variante)
• Explorativ → Trichtererkundung — baue Funnel wie „Produkt angesehen → In den Warenkorb Klick → Checkout gestartet“, um Absprünge zu sehen

Diese Daten zeigen dir, welche CTAs gut performen und welche nicht — absolut unverzichtbar für eine fundierte Conversion-Rate-Optimierung.

FAQ