Aktuelle Position:

Home » Clickheat - Heatmaps Installation

Clickheat - Heatmaps Installation

Endlich ein kostenloses Tool der beliebten Heatmaps (Wärme-Karten). Alternativer Angebote sind zwar zugegebener Massen etwas hübscher und meistens in Flash programmiert, doch sind die Preise oftmals nicht tragbar und erreichen schon mal leicht einen vierstelligen Betrag. Clickheat von labsmedia ist ein OpenSource Projekt und bietet alle Vorteile von Heatmaps für die Analyse des Besucherverhaltens.

Die Funktion einer Heatmap ist leicht Erklärt. Durch die Einbindung eines kurzen JavaScript-Codes werden die Klicks des User gespeichert und später grafisch dargestellt. Je nachdem wie oft auf den jeweiligen Bereich geklickt wurde, umso mehr geht eie Farbe ins Rote. Der Vorteil dabei liegt darin, dass nicht nur Klicks auf Links gemessen werden, sonder alle während des Aufenthalts durchgeführten Klicks dargestellt werden.

Dadurch lassen sich Bereiche Ermitteln welche vom User nicht beachtet oder falsch intepretiert/verwendet werden. Ich werde bei einem weiterem Beitrag näher auf den Nutzen dieser netten Werkzeuges eingehen. Vorerst will ich euch dieses Präsentieren und die Installation erklären.

Installation von Clickheat - Heatmap

Nach dem Download von Clickheat erhält man ein Archiv mit einem Ordner mit dem Namen “clickheat” (375,1KB). Prinzipiell muss mal lediglich diesen Ordner in das Stammverzeichnis der zu messenden Homepage kopieren. Es ist keine Datenbank erforderlich, der Server sollte lediglich PHP und die GDLibrary unterstützen.

Nachdem wir den Ordner clickheat auf unseren Webspace kopiert haben, überprüfen wir ob die Unter-Ordner “config“, “cache” und “logs” beschreibbar sind. Bei allen Anbietern funktionieren die Rechte CHMOD 777, obwohl diese mitunter ein Sicherheitsrisiko darstellen können. Bitte informiere dich gegebenenfalls bei deinem Provider.

Nun rufen wir den Ordner einfach im Browser. Zum Beispiel http://www.maine-domain.com/clickheat/. Wenn der Ordner “config” beschreibbar ist erhalten wir die folgende Ausgabe:

Nun klicken wir einfach auf “Next step: configuration” und gelangen zur Konfiguration.

Bei der Konfiguration tut sich nicht weltbewegendes und man kann im Regelfall gleich zum Punkt “Login parameters” springen und den gewünschten Benutzernamen und das Passwort wählen. Hier kann man den Zugang für einen Administrator und für einen Benutzer mit reinen Leserechten definieren. Wenn Benutzername, Passwort eingegeben wurden, und die beiden Ordner logs und cache beschreibbar sind, klicken wir auf “Check configuration” und anschliessend auf “Save configuration“.

Nun können wir uns mit den gewählten Benutzerdaten anmelden und kommen zur Benutzeroberfläche.Da wir noch keine Homepage für die Statistik definiert haben, erhalten wir gleich die Fehlermeldung “No logs for the selected period…”. Wir klciken einfach auf “… Did you correctly installed Javascript code on your webspace” und erhalten darunter die Eingabemaske für die Erstellung eines Website-Profils:

Bei “Website name” Tragen wir einen aussagekräftigen Namen ein und suchen uns aus wie die einzelnen Seiten unserer Homepage benannt werden. Ich bevorzuge hier die Einstellung “use webpage’s URL”. Bei der nächsten Option legen wir fest wieviele Klicks pro Besucher und pro Seite gewertet werden. 0 bedeutet unbeschränkt.

Während wir die Einstellungen vornehmen wird in echtzeit darunter der zu verwendene JavaScript code aktuallisiert.

Nun müßen wir diesen Code kopieren und in den Quelltext unserer Homepage kopieren. Zu beachten ist dass der Code ganz am Ende, am Besten vor dem Schluss-Tag zu kopieren ist, und bei statischen Internetseiten in jede einzelne, zu bewertende Seite zu kopieren ist. Nachdem wir die Seite in welcher der Code kopiert worden ist mindestens einmal besucht haben, erscheint die Seite auch in unserer Clickheat-Benutzeroberfläche.

No TweetBacks yet. (Be the first to Tweet this post)


Tags: ,

Teile den Beitrag mit der Welt: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • Technorati
  • Digg
  • Google
  • Facebook
  • MySpace
  • TwitThis
  • Bloglines
  • Blogosphere News
  • Live-MSN
  • Linkarena
  • LinkedIn
  • SEOigg
  • YahooMyWeb
  • Simpy
  • Reddit
  • Furl
  • Slashdot
  • blogmarks
  • BlinkList
  • NewsVine
  • Ma.gnolia
  • Netvouz
  • Folkd
  • email

Weitere Artikel:

Hinterlasse eine Antwort

(erforderlich)

(erforderlich, nicht öffentlich)

Seiteninformation

websache:blog ist ein Service von websache e.U. Danke auch an WordPress