How-To: Google Analytics Code in TYPO3 integrieren

Ihr wollt so viele Daten über die Besucher Eurer Website wie möglich? Kein Problem mit Google Analytics, dem Standard-Tool im Online-Marketing. So integriert Ihr das Tracking in Eure TYPO3 Website.

Auf Wunsch haben wir heute ein kleines How-To für Euch, mit dem hoffentlich einige etwas anfangen können. Um die Qualität einer Website, den Erfolg eines Shops oder die eigene Zielgruppe besser zu verstehen und einschätzen zu können, ist die Analyse der Website-Besucher inzwischen ein Muss geworden. Das dazu wohl beliebteste und kostenlose Tool ist Google Analytics. Wie Ihr Eure TYPO3-Seite mit Google Analytics auswerten könnt, erklären wir Euch heute. 

Warum Google-Analytics-Code einbinden? 

Um eine Website zu verbessern oder den Erfolg von Marketing-Maßnahmen einzuschätzen, ist es hilfreich, den Traffic auf einer Seite überwachen zu können. Erfährt man außerdem, wann die Besucher über welchen Weg auf die Seite zugegriffen haben, wie lange sie auf welchen Unterseiten verweilt sind, woher sie kommen und an welchem Punkt sie vielleicht abgesprungen sind, lässt sich die Seite vielleicht erfolgreich verbessern.

 

Für solches Tracking gibt es eigene Extensions. Google Analytics bietet all das aber – und einige Daten sogar in Echtzeit – kostenfrei und sehr einfach an. Der entsprechende Code ist schnell eingebunden und die Daten können über Google Analytics sehr einfach eingesehen und ausgewertet werden. Wie das Einbauen dieses Codes funktioniert erklären wir jetzt Schritt für Schritt. 

Einen Google-Analytics Code erzeugen

Zuerst braucht Ihr den entsprechenden Code-Schnipsel von Google Analytics. Dazu benötigt Ihr ein Google-Konto (falls Ihr noch keines habt, erstellt einfach eines. Ihr müsst die anderen Funktionen ja nicht nutzen). Meldet Euch mit diesem Konto bei Google Analytics an und klickt auf den Reiter „Verwaltung“. 

Dort werden Euch drei Spalten angezeigt. Die ganz rechte heißt „Datenansicht“. Dort könnt Ihr den Unterpunkt „Zielvorhaben“ auswählen und entscheiden, für welchen Zweck der Code verwendet werden soll. Wählt irgendein Zielvorhaben aus (ggf. Benutzerdefiniert). In ein paar einfachen Schritten wird Euch die Tracking ID („UA-XXXXXXX-X“) und der entsprechende Tracking-Code ausgegeben. Dieser Code ist ein kurzer JavaScript-Code und kann jetzt in TYPO3 eingebunden werden. 

Den Google-Analytics-Code auf einer TYPO3 Seite einbinden

Der so generierte Code muss anschließend in die TYPO3 Seite eingebunden werden. Dazu erstellt am besten zunächst ein neues Template und fügt den Code dort ein. Der Code sollte im Header ausgegeben werden, daher müsst Ihr diesen bevor Ihr den Code eingebt ansprechen:

page.headerData.87654 = TEXT

Die angegebene Zahl ist beliebig und sollte nur so gewählt werden, dass es unwahrscheinlich ist, dass sie schon vorhanden ist, also möglichst hoch und willkürlich. Anschließend müsst Ihr den Script-Code dem Value zuweisen:

page.headerData.87654.value (XXX)

XXX steht hier als Platzhalter für den Script-Code, der jetzt einfach hineinkopiert werden kann. In Deutschland müsst Ihr dem automatisch generierten Code allerdings noch eine besondere Zeile hinzufügen, der die User-ID verschlüsselt, da das gesetzlich vorgegeben wird. Diese Zeile lautet:

_gaq.push(['_gat._anonymizeIp']);

Und wird nach der UA eingefügt. Außerdem solltet Ihr im Impressum oder den Datenschutzbedingungen darauf hinweisen, dass Ihr Analytics verwendet. Der Fertige Code sieht dann in etwa so aus: 

 

page.headerData.45678 = TEXT
page.headerData.45678.value (
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
  _gaq.push(['_gat._anonymizeIp']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'ssl' : 'www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
)

 

Zuletzt müsst Ihr das neu gestaltete Template noch in das Root-Template einbinden. Dazu einfach auf die Seite gehen, auf der dieses liegt und auf „Vollständigen Template-Datensatz bearbeiten“ klicken. Bei „enthält“ kann jetzt das neue Template eingeschlossen werden. Anschließend müsst Ihr die Änderung nur noch speichern und den Seiten-Cache leeren. Jetzt sollte bei Google-Analytics angezeigt werden, dass das Tracking erfolgreich integriert ist. Innerhalb des nächsten Tages sollten dann die ersten Daten in Eurem Analytics-Account einsehbar sein. Und dann: Viel Spaß beim Auswerten!