So installieren Sie eine Heatmap auf Ihrer WordPress-Website (eine Codezeile, 3 Minuten)

Artikel-Zusammenfassung

Um eine Heatmap zu WordPress hinzuzufügen, müssen Sie lediglich eine einzige Codezeile einfügen

Es gibt drei Wege, dies zu tun: (1) das Header-Einstellungsfeld Ihres Themes, (2) ein Plugin zum Einfügen von Code oder (3) die direkte Bearbeitung von header.php

Erfolg bedeutet, dass die Zählung für Ihre Website im HeatMapX-Dashboard tatsächlich steigt – nicht nur, dass "keine Fehler" auftreten

Befürchten Sie, dass das Hinzufügen einer Heatmap bedeutet, sich mit Code herumschlagen zu müssen? Bei WordPress ist es wirklich nur eine Zeile Tag-Code. Diese Anleitung führt Sie durch drei Wege, sie hinzuzufügen – von der einfachsten Option für Einsteiger bis zu einem fortgeschritteneren Ansatz.

Schritt 1: Holen Sie sich Ihren Site-Key

Registrieren Sie sich zunächst bei HeatMapX (ein kostenloser Plan ist verfügbar), melden Sie Ihre Website an und holen Sie sich Ihren Site-Key. Es ist keine Kreditkarte erforderlich.

Sobald Sie Ihren Site-Key haben, verwenden Sie das untenstehende Tag und ersetzen Sie YOUR_SITE_KEY durch den tatsächlichen Schlüssel, den Sie erhalten haben.

<script src="https://heatmapx.com/tracker.js" data-site-key="YOUR_SITE_KEY"></script>

Fügen Sie dieses Tag mit einer der drei unten beschriebenen Methoden in den <head>-Bereich Ihrer Website ein.

Methode 1 (empfohlen für Einsteiger): Die Header-Einstellungen Ihres Themes

Viele beliebte Themes, wie Astra oder GeneratePress, verfügen über ein Einstellungsfeld – oft unter „Erweitert" oder „Custom Scripts" zu finden – in dem Sie Code direkt in den <head>-Bereich einfügen können.

Öffnen Sie im WordPress-Adminbereich den Customizer oder das Einstellungspanel Ihres aktiven Themes
Suchen Sie nach einem Feld mit einer Bezeichnung wie „Header-Skripte", „Eigener Code" oder „Erweitert"
Fügen Sie das obige Tag in dieses Feld ein und speichern Sie

Da Sie keine Theme-Dateien anfassen müssen, ist dies die sicherste Option, wenn Sie dies zum ersten Mal tun.

Methode 2: Ein Plugin zum Einfügen von Code

Falls Ihr Theme kein Header-Feld hat, können Sie ein Plugin wie WPCode (früher Insert Headers and Footers) verwenden.

Suchen Sie im Plugin-Bereich nach einem Plugin zum Einfügen von Code wie WPCode, installieren Sie es und aktivieren Sie es anschließend
Öffnen Sie die Einstellungen des Plugins und suchen Sie das Feld „Header"
Fügen Sie das obige Tag ein und speichern Sie

Der Vorteil dieses Ansatzes ist, dass das Tag einen Theme-Wechsel übersteht. Dies eignet sich gut, wenn Sie planen, Ihre Website irgendwann neu zu gestalten.

Methode 3 (fortgeschritten): header.php in einem Child-Theme bearbeiten

Wenn Sie es gewohnt sind, Code direkt zu bearbeiten, können Sie das Tag direkt in Ihre Theme-Dateien einfügen.

Richten Sie zunächst ein Child-Theme für Ihr aktives Theme ein (bearbeiten Sie das übergeordnete Theme direkt, wird Ihre Änderung beim nächsten Theme-Update überschrieben – ein Child-Theme ist erforderlich)
Öffnen Sie header.php im Child-Theme und fügen Sie das Tag direkt vor wp_head() oder direkt vor dem schließenden </head>-Tag ein
Speichern Sie die Datei

Wenn Sie das übergeordnete Theme direkt bearbeiten, wird das nächste Theme-Update Ihre Änderung überschreiben und das Tag verschwindet. Wenn Sie sich für diese Methode entscheiden, nehmen Sie die Bearbeitung immer über ein Child-Theme vor.

So bestätigen Sie, dass es tatsächlich funktioniert

Nachdem Sie das Tag hinzugefügt haben, besuchen Sie ein paar Seiten Ihrer eigenen Website. Doch hier kommt der entscheidende Teil.

Eine Seite, die ohne Fehler lädt, ist nicht dasselbe wie ein tatsächlich funktionierendes Tracking. Selbst wenn Ihre Browser-Konsole nichts Auffälliges anzeigt, kann ein falsch eingegebener Site-Key bedeuten, dass niemals Daten bei HeatMapX ankommen.

Die einzige zuverlässige Prüfung besteht darin, das HeatMapX-Dashboard zu öffnen, Ihre Website in der Website-Liste zu finden und zu bestätigen, dass deren Zählung tatsächlich gestiegen ist. Wenn die Zählung nach dem Besuch einiger Seiten steigt, funktioniert Ihre Installation.

FAQ

F. Wird das meine Website verlangsamen? A. Das Tag wird asynchron geladen und ist sehr schlank, daher ist die Auswirkung auf die Ladegeschwindigkeit der Seite minimal.

F. Ich verwende ein Caching-Plugin – worauf muss ich achten? A. Wenn Sie ein Caching-Plugin wie WP Super Cache oder W3 Total Cache verwenden, sollten Sie nach dem Hinzufügen des Tags unbedingt den Cache leeren (purgen). Wird weiterhin eine alte, zwischengespeicherte Version ausgeliefert, wird das neu hinzugefügte Tag nicht wirksam.

F. Ich habe das Tag hinzugefügt, aber die Zählung im Dashboard steigt nicht A. Die häufigste Ursache ist ein nicht übereinstimmender Site-Key – zum Beispiel, wenn der Schlüssel einer anderen Website eingefügt wurde oder beim Kopieren ein Zeichen verloren ging. Überprüfen Sie den Schlüssel noch einmal anhand des in Ihrem HeatMapX-Dashboard angezeigten Schlüssels.

Zum Abschluss

Eine Heatmap zu WordPress hinzuzufügen, läuft letztlich auf das Einfügen einer einzigen Codezeile hinaus. HeatMapX ist kostenlos zum Einstieg, also probieren Sie es aus und sehen Sie, wie Besucher Ihre Website tatsächlich erleben.