Wem dies aber nicht ausreicht, kann zudem noch Ereignisse tracken. So kann man zum Beispiel den Klick auf ein bestimmtest Bild oder auf einen Link tracken.Hier möchte ich Euch ein kleines Beispiel geben.

Auf unserer Firmenwebsite haben wir auf der Startseite drei Fahrzeuge angezeigt, die per Zufallsgenerator dort platziert werden. Wir können zwar nachvollziehen, welches Fahrzeug wie oft aufgerufen wurde, aber es ist nicht so einfach zu sehen, von wo es aufgerufen wurde, ohne gleich in die tiefere Linkanalyse zu gehen.

Ich habe daher einen Google Analytics Event Tracker eingebaut, der bei einem Klick auf den Fahrzeuglink ausgelöst wird.

Als erstes müssen wir jedoch im Header, direkt vor dem </head> Tag, folgenden Javascript-Code einfügen:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'Deine GA ID']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

Dann für jedes Element, das getrackt werden soll, einen Onclick- oder wasauchimmer-Event setzen:

<button onclick="_gaq.push(['_trackEvent', 'button3', 'clicked'])"/><button>

Das trackt dann den Button-Click mit dem Event-Titel “button3″ und dem Event-Label “clicked”. So könnt Ihr dann in Google Analytics sehen, was der User wie oft bei Euch auf der Webseite geklickt hat.

Genial ist diese Sache auch, um zum Beispiel zwei verschieden aussehende Links oder Bilder mit dem Selben Ziel zu messen. Welches Bild oder welcher Link kommt besser beim Enduser an?

So sieht das Ganze dann in Google Analytics aus:

Zur Themenauswahl in diesem Blog gibt es ja nicht wirklich viel zu sagen. Die gesamte Palette, angefangen beim einfachen HTML, über  CSS bis zu PHP und JavaScript wird in diesem Blog behandelt werden. Ich werde dabei aber nicht auf Standard-Beispiele zurückgreifen, sondern die Beiträge anhand von Beispielen aus meiner täglichen Arbeit präsentieren. Da ich als einziger Entwickler in unserer Firma arbeite, werde ich jeden Tag mit neuen Herausforderungen aus allen Bereichen der Entwicklung konfrontiert, sei es Javascript, PHP, CSS oder Grafikdesign. Und ich werde Euch hier über meine Erfahrungen berichten.

Erwartet also nicht ein hochspezialisiertes Blog mit redaktionell geprüften und von absoluten Cracks geschriebenen Beiträgen, sondern eine Art Hilfestellung und Tagebuch eines einsamen Programmierers, der sich seine Brötchen mit dem Schreiben von Code verdient.