Clickheat Heatmap in Wordpress implementieren
Clickheat ist eine OpenSource Heatmap. Heatmaps und Clickmaps stellen die von Usern getätigten Klicks auf der Webseite grafisch dar.
Clickmaps
Der Unterschied zwischen einer Clickmap und einer Heatmap liegt in der Art der Datenerhebung. Clickmaps, wie die aus Google Analytics, speichern den Klick auf einen Link und stellen diesen in einem Overlay über der Webseite dar:
Dadurch wird die Häufigkeit von Klicks auf einen bestimmten Link gemessen. Damit kann nicht erkannt werden, wenn User auf Bereiche klicken, die keinen Link enthalten, wo sie aber einen erwarten.
Heatmaps
Heatmaps messen die Position eines Klicks mit JavaScript in Form von XY Koordinaten. Damit können auch Klicks auf Bereiche gemessen werden, die keinen Link enthalten:
Clickheat ist OpenSource und sehr einfach zu implementieren. Ein kleines Schnipsel JavaScript-Code muss in der footer.php kurz vor dem </body>-Tag eingebaut werden, ein Ordner auf dem Webserver für die Daten angelegt werden und los gehts.
Clickheat-Gruppen in Wordpress anlegen
In Clickheat können Gruppen von gleichartigen Webseiten angelegt werden. In Wordpress kann man über Conditional Tags abfragen welchen Seitentyp (Homepage, Artikel, Seiten, Suchergebnisse, etc.) die aktuelle Page hat:
<!– Clickheat Clickmap Code –>
<?php
if(is_single())
{
$clickheatgroup = “article”;
}
elseif(is_front_page())
{
$clickheatgroup = “home”;
}
elseif(is_page())
{
$clickheatgroup = “page”;
}
elseif(is_archive())
{
$clickheatgroup = “archive”;
}
elseif(is_search())
{
$clickheatgroup = “search”;
}
else
{
$clickheatgroup = “other”;
}
?>
<script type=”text/javascript” src=”http://www.deineseite.de/clickheat/js/clickheat.js”></script><noscript><p><a href=”http://www.labsmedia.com/index.html”>Marketing tools</a></p></noscript><script type=”text/javascript”><!–
clickHeatSite = ‘deineseite.de’;
clickHeatGroup = ‘<?php echo $clickheatgroup; ?>’;
clickHeatServer = ‘http://www.deineseite.de/clickheat/click.php’;initClickHeat(); //–>
</script>
<!– Clickheat Ende Footerversion–>
Ich habe in meinem aktuellen Theme mit diesem Code Probleme. Das liegt aber am Theme. Ich habe es in anderen Themes getestet, da funktioniert es einwandfrei. Wenn also jemand immer is_home() oder is_front_page() auf true hat und dafür eine Lösung hat, darf es gerne in die Kommentare eintragen.
Wer es schnell per Plugin machen will: Für Wordpress gibt es auch das Easy-Clickheat-Plugin.
Guter / nützlicher Beitrag? Voten Sie bitte bei SEOigg: SEOigg it! Vielen Dank.
Geniales Tool,
hatte noch nie davon gehört. Sehr interessant finde ich die Heatmaps. Die Clickmaps gibt es übrigens auch in Google Analytics, da wird auch gezählt wie oft ein Link geklickt wurde und das ganze visualisiert. Danke für den Tipp!!!
Danke für dieses geniale Script.
Ich verwende es bereits und es gibt einem wirklich sehr gut Aufschluss über das Userverhalten und was man noch optimieren sollte.
Danke!
[...] Dieser Eintrag wurde auf Twitter von seounited, Lukas M. P., Bastian Ebert, SEO-HANDBUCH.DE, Ole Potinius und anderen erwähnt. Ole Potinius sagte: RT @seohandbuchde: RT @seomedial RT @SEOuxIndianer Clickheat Heatmap in Wordpress implementieren http://u.nu/2kvv7 | #analyse #tracking [...]
[...] – Heatmap in WordPress integrieren Cooles Tool! Also klick hier ruhig ein wenig mit Deiner Maus herum, lieber [...]