So installieren Sie eine Heatmap mit Google Tag Manager (ohne Code-Änderungen, in 5 Minuten)

Kurz gesagt

Mit GTM können Sie eine Heatmap installieren, ohne den Code Ihrer Website überhaupt anzufassen

Fünf Schritte: Custom-HTML-Tag erstellen → All-Pages-Trigger hinzufügen → veröffentlichen

Erfolg bedeutet, dass sich die Zahlen in Ihrem HeatMapX-Dashboard bewegen — nicht nur „keine Fehler"

Wenn Ihre Website Tags bereits über Google Tag Manager (GTM) verwaltet, ist das der sauberste Weg, Heatmap-Tracking hinzuzufügen: Alles passiert in der GTM-Oberfläche, ganz ohne Code-Änderungen. Diese Anleitung führt Sie Schritt für Schritt durch den Prozess.

Bevor Sie starten: Ihren Site-Key holen

Melden Sie sich bei HeatMapX an (es gibt einen kostenlosen Plan, keine Kreditkarte erforderlich), registrieren Sie Ihre Website, und Sie erhalten einen Site-Key.

Sobald Sie ihn haben, verwenden Sie ein Tag dieser Form — ersetzen Sie YOUR-SITE-KEY durch Ihren tatsächlichen Key:

<script src="https://heatmapx.com/tracker.js?key=IHR-SITE-KEY" data-site-key="IHR-SITE-KEY"></script>

Wichtig: Fügen Sie das gesamte Tag ein, nicht nur die URL. Das Attribut data-site-key="..." teilt HeatMapX mit, zu welcher Website die Daten gehören — wenn Sie es weglassen oder nur die src-URL einfügen, wird nichts erfasst.

Die GTM-Einrichtung (5 Schritte)

Öffnen Sie die GTM-Konsole (tagmanager.google.com) und wählen Sie den Container (Workspace) Ihrer Website aus
Gehen Sie im linken Menü zu „Tags" → „Neu" und wählen Sie „Custom HTML" als Tag-Typ
Fügen Sie das gesamte Tag von oben in das HTML-Feld ein
Wählen Sie bei der Triggereinstellung „All Pages (Page View)", geben Sie dem Tag einen wiedererkennbaren Namen (z. B. HeatMapX) und speichern Sie
Klicken Sie oben rechts auf „Submit / Publish", um die Änderung live zu schalten

Das war's — das Tracking läuft jetzt auf jeder Seite Ihrer Website.

Vor der Veröffentlichung prüfen? (Vorschau-Modus)

Klicken Sie in GTM auf „Preview", um das Tag in Ihrem eigenen Browser zu testen, bevor Sie live gehen. Öffnen Sie Ihre Website über den Vorschau-Bildschirm (Tag Assistant) — wenn Ihr HeatMapX-Tag unter „Fired" erscheint, funktioniert es.

Wenn das Tag nicht auslöst — Checkliste

Haben Sie auf Publish geklickt? Nur Speichern schaltet die Änderung noch nicht live. Das ist die häufigste Ursache
Ist der Trigger All Pages? Ein seitenspezifischer Trigger bedeutet, dass andere Seiten nicht erfasst werden
Blockiert ein Cookie-Consent-Banner (Consent Mode) das Tag? Bei manchen Consent-Management-Tools werden Custom-HTML-Tags zurückgehalten, bis der Besucher zustimmt. Prüfen Sie die Consent-Einstellungen des Tags und wie Ihr CMP es kategorisiert
Ist der data-site-key korrekt? Wenn Sie den Key einer anderen Website einfügen, landen Ihre Daten auf der falschen Website

Von Claude Code durch den Prozess führen lassen

Wenn Sie sich nicht selbst durch die GTM-Oberfläche klicken möchten, können Sie einen KI-Agenten wie Claude Code bitten, Sie anzuleiten. Kopieren Sie den folgenden Prompt, tauschen Sie Ihren eigenen Site-Key ein und fügen Sie ihn ein.

Ich möchte das HeatMapX Heatmap-Tracking-Tag über Google Tag Manager ausrollen.
Führen Sie mich Schritt für Schritt durch die GTM-Oberfläche und warten Sie bei jedem Schritt auf meine Antwort.

Das zu verwendende Tag (Custom HTML, All-Pages-Trigger):
<script src="https://heatmapx.com/tracker.js?key=IHR-SITE-KEY" data-site-key="IHR-SITE-KEY"></script>

Wenn Sie GTM nicht verwenden und das Tag direkt im Code Ihrer Website haben möchten, können Sie mit dieser Version Claude Code die Dateiänderungen für Sie vornehmen lassen:

Installieren Sie das HeatMapX Heatmap-Tracking-Tag in diesem Projekt.
Stellen Sie sicher, dass das folgende Tag auf jeder Seite direkt vor </head> eingefügt wird, und teilen Sie mir mit, welche Dateien Sie geändert haben.

<script src="https://heatmapx.com/tracker.js?key=IHR-SITE-KEY" data-site-key="IHR-SITE-KEY"></script>

HeatMapX ist so konzipiert, dass sich auch das Abrufen und Analysieren Ihrer Daten über Claude Code erledigen lässt (CLI-Integration) — siehe die Seite „CLI & Skills" in Ihrem Dashboard, sobald Sie eingerichtet sind.

Erfolg prüfen: Die Zahlen sollten sich bewegen

Nach der Installation besuchen Sie ein paar Seiten Ihrer eigenen Website und öffnen dann Ihr HeatMapX-Dashboard. Wenn „Sessions today" für Ihre Website steigt, läuft das Tracking.

Das Zeichen für Erfolg ist nicht „keine Fehler" — es sind die sich bewegenden Zahlen im Dashboard. Wenn sich nichts bewegt, gehen Sie die obige Checkliste der Reihe nach durch.