ClickHeat - Heatmaps
Einigen ist vieleicht CrazyEgg bekannt. Damit lassen sich sogenannte Heatmaps erstellen. Das heisst, es wird angezeigt, wo am meisten hingeklickt wird. Praktisch ist das vor allem, wenn man wissen will, was auf der eigenen Webseite am beliebtesten ist. CrazyEgg hat aber einen Nachteil. Nur die ersten 5000 Klicks sind gratis danach bezahlt man mindestens 19$ pro Monat. Un bei einer gut besuchten Seite hat man diese 5000 Klicks schnell durch.
Eine kostenlose Alternative dazu ist ClickHeat. Da ClickHeat in PHP und JavaScript geschrieben ist, gestaltet sich die Installation, zumindest auf einem Server mit PHP, relativ einfach. Benötigt wird, wie schon erwähnt, JavaScript auf der Clientseite, PHP und die GD Library auf der Serverseite. mySQL wird nicht benötigt, da alles in Files geschrieben wird.
Nun aber zur Installation. Eigentlich schon beschrieben auf der ClickHeat Seite aber ich mache hier noch eine Deutsche fassung.
Schritt 1 - Download
Als erstes muss man die aktuellste Version (momentan 0.4) von Sourceforge herunterladen und diese auf dem Computer entpacken.
Schritt 2 - Upload
Nun muss man die Dateien auf den Server laden. Am besten ist es, wenn man den Ordner /clickheat/ erstellt und die Dateien dort reinlädt. Es geht aber auch anders, allerdings wir das dann umständlicher.
Schritt 3 - Passwort anpassen
Die Seite, die die Heatmaps anzeigt ist Passwortgeschützt und damit nicht jeder dort reinkommt sollte man das Passwort ändern. Dies macht man in der Datei /clickheat/config.php und ändert dort den Eintrag CLICKHEAT_PASSWORT
Schritt 4 - Funktioniert es?
Nun los zu Check ob alles funktioniert. Dazu ruft man die Seite http://{homepage}/clickheat/check.php auf. Dort gibt man nun das Passwort ein und wird zu Seite index.php weitergeleitet. Nun ja, eingentlich nicht die Seite, die wir wollten, also rufen wir nochmals die Seite check.php auf. Allenfalls muss man nun noch den Ordner /clickheat/logs/ erstellen und mit Schreibrechten für den Webserver versehen.
Wenn dann alles OK ist, kann man zum nächsten Schritt übergehen.
Schritt 5 - JavaScript Code einbauen
Damit die Clicks aber auch geloggt werden, muss man einen kleinen JavaScript Code in die Seite einbauen, die man überwachen will.
Den folgenden Code fügt man kurz vor dem </body> Tag ein.
Sollt man den Ordner clickheat aber nicht direkt im / Verzeichnis haben, muss man den Pfad zur Datei clickheat.js abändern und die zweite Zeile würde so aussehen:
Schritt 6 - Das Ergebniss
ClickHeat ist nun eingerichtet und der Code ist eingebunden. Bereit für einen Test?
Einfach einige male auf die Seite mit dem ClickHeat Code klicken und dann die Seite http://{homepage}/clickheat/ aufrufen. Und schon werden die Clicks angezeigt.
Fazit
Man merkt, dass ClickHeat noch nicht so ausgereift ist, einige Klicks werden bei mir gar nicht gezählt und einige an einem falschen Ort. Aber bei den meisten Klicks funktioniert es.
Wenn es stetig weiterentwickelt wird, könnte ClickHeat zu einer echten Alternative zu Diensten wir CrazyEgg werden. Momentan ist es aber noch zu unausgereift.
Testen?
Ich habe es bei mir mal zum testen eingerichtet. Die Resultate kann man hier ansehen. Passwort: demo.
Auch auf der offiziellen Homepage gibts es zwei Demos.
Eine kostenlose Alternative dazu ist ClickHeat. Da ClickHeat in PHP und JavaScript geschrieben ist, gestaltet sich die Installation, zumindest auf einem Server mit PHP, relativ einfach. Benötigt wird, wie schon erwähnt, JavaScript auf der Clientseite, PHP und die GD Library auf der Serverseite. mySQL wird nicht benötigt, da alles in Files geschrieben wird.
Nun aber zur Installation. Eigentlich schon beschrieben auf der ClickHeat Seite aber ich mache hier noch eine Deutsche fassung.
Schritt 1 - Download
Als erstes muss man die aktuellste Version (momentan 0.4) von Sourceforge herunterladen und diese auf dem Computer entpacken.
Schritt 2 - Upload
Nun muss man die Dateien auf den Server laden. Am besten ist es, wenn man den Ordner /clickheat/ erstellt und die Dateien dort reinlädt. Es geht aber auch anders, allerdings wir das dann umständlicher.
Schritt 3 - Passwort anpassen
Die Seite, die die Heatmaps anzeigt ist Passwortgeschützt und damit nicht jeder dort reinkommt sollte man das Passwort ändern. Dies macht man in der Datei /clickheat/config.php und ändert dort den Eintrag CLICKHEAT_PASSWORT
Schritt 4 - Funktioniert es?
Nun los zu Check ob alles funktioniert. Dazu ruft man die Seite http://{homepage}/clickheat/check.php auf. Dort gibt man nun das Passwort ein und wird zu Seite index.php weitergeleitet. Nun ja, eingentlich nicht die Seite, die wir wollten, also rufen wir nochmals die Seite check.php auf. Allenfalls muss man nun noch den Ordner /clickheat/logs/ erstellen und mit Schreibrechten für den Webserver versehen.
Wenn dann alles OK ist, kann man zum nächsten Schritt übergehen.
Schritt 5 - JavaScript Code einbauen
Damit die Clicks aber auch geloggt werden, muss man einen kleinen JavaScript Code in die Seite einbauen, die man überwachen will.
Den folgenden Code fügt man kurz vor dem </body> Tag ein.
<script type="text/javascript" src="/clickheat/clickheat.js"></script>
<script type="text/javascript">initClickHeat('page');</script>
<noscript><a href="http://www.labsmedia.com/clickheat/" title="ClickHeat : track clicks">clickheat</a></noscript>Die letzte Zeile kann man auch getrost weglassen, wenn man will.Sollt man den Ordner clickheat aber nicht direkt im / Verzeichnis haben, muss man den Pfad zur Datei clickheat.js abändern und die zweite Zeile würde so aussehen:
initClickHeat('page','/ordner/clickheat/click.php');Noch zum Parameter page beim aufruf der Funktion iniClickHeat(). Dieser Parameter wird verwendet zur Anzeige der Heatmaps. Damit ist es möglich mehrere Seiten zu gruppieren. Wenn ich nun eine Heatmap für alle Artikel will, muss ich nur bei allen Artikeln den Parameter artikel reinschreiben und ich sehe alle klicks auf einmal.Schritt 6 - Das Ergebniss
ClickHeat ist nun eingerichtet und der Code ist eingebunden. Bereit für einen Test?
Einfach einige male auf die Seite mit dem ClickHeat Code klicken und dann die Seite http://{homepage}/clickheat/ aufrufen. Und schon werden die Clicks angezeigt.
Fazit
Man merkt, dass ClickHeat noch nicht so ausgereift ist, einige Klicks werden bei mir gar nicht gezählt und einige an einem falschen Ort. Aber bei den meisten Klicks funktioniert es.
Wenn es stetig weiterentwickelt wird, könnte ClickHeat zu einer echten Alternative zu Diensten wir CrazyEgg werden. Momentan ist es aber noch zu unausgereift.
Testen?
Ich habe es bei mir mal zum testen eingerichtet. Die Resultate kann man hier ansehen. Passwort: demo.
Auch auf der offiziellen Homepage gibts es zwei Demos.
veröffentlicht: 05.01.07 09:12, von David Lienhard in PHP/mySQL Software t-error.ch
Ort: Wallisellen | Karte
Ort: Wallisellen | Karte