Video ist in Arbeit. Bis dahin führt Sie die Anleitung sicher ans Ziel.
Schritt-für-Schritt-Anleitung
Was Sie dafür brauchen
- Ihren Tracking-Code. Den holen Sie sich unter Tracking-Code kopieren mit einem Klick auf «Kopieren».
- Zugriff auf Ihre HTML-Dateien. Also entweder direkt auf Ihrem Rechner oder über den Dateimanager Ihres Hosting-Anbieters.
- Einen Editor. Visual Studio Code, Sublime Text, Notepad++ oder was immer Sie gewohnt sind. Zur Not tut es auch der einfache Text-Editor Ihres Betriebssystems.
HTML-Datei öffnen
Öffnen Sie Ihre HTML-Datei im Editor. Meistens heisst die Startseite index.html.
Arbeiten Sie direkt auf dem Server? Dann melden Sie sich bei Ihrem Hosting-Anbieter an, öffnen den Dateimanager, klicken die Datei mit der rechten Maustaste an und wählen «Bearbeiten».
head-Bereich finden
Jedes HTML-Dokument besteht aus zwei Bereichen:
| Bereich | Was darin steht |
|---|---|
<head> |
Der Kopfbereich. Hier stehen Angaben, die der Besucher nicht sieht: Seitentitel, Schriftarten, Verweise auf Ihr Design. Und hier gehört auch der Tracking-Code hin. |
<body> |
Der Inhaltsbereich. Alles, was Ihre Besucher tatsächlich zu Gesicht bekommen: Texte, Bilder, Menüs. |
<!DOCTYPE html>
<html lang="de-ch">
<head>
<title>TITEL</title>
...
</head>
Sie suchen jetzt das schliessende </head>. Der Schrägstrich ist wichtig: <head> öffnet den Bereich, </head> schliesst ihn wieder.
Nicht suchen möchten? Drücken Sie im Editor Strg + F (Windows) oder Cmd + F (Mac) und tippen Sie </head> ein. Der Editor springt direkt zur richtigen Stelle.
Tracking-Code einfügen
Setzen Sie den Cursor in die Zeile direkt über </head> und fügen Sie Ihren Tracking-Code dort ein.
So sieht das Ergebnis aus:
<!DOCTYPE html>
<html lang="de-ch">
<head>
<title>TITEL</title>
...
<!-- Trustlytics -->
<script defer data-domain="IHRE-DOMAIN.CH" src="https://app.trustlytics.ch/tl.js"></script>
<!-- End Trustlytics Code -->
</head>
Wichtig: Sie müssen hier nichts eintippen. In Ihrem Code steht Ihre Domain bereits drin, fertig eingesetzt. Das IHRE-DOMAIN.CH oben ist nur ein Platzhalter, damit Sie sehen, wie der Code aufgebaut ist. Holen Sie sich immer den echten Code über den Button «Kopieren» unter Tracking-Code.
</head>? Weil der Code dann früh geladen wird, noch bevor Ihre Inhalte erscheinen. So wird jeder Besuch zuverlässig gezählt, auch wenn jemand die Seite gleich wieder verlässt. Setzen Sie ihn weiter unten, gehen Ihnen die kurzen Besuche verloren.Auf jeder Seite (nicht nur auf der Startseite)
Hier steckt der Punkt, an dem die meisten stolpern. Der Code muss in jede einzelne HTML-Datei, die Sie messen möchten. Also in index.html, aber auch in kontakt.html, ueber-uns.html und alle weiteren.
Fehlt er auf einer Seite, taucht diese Seite in Ihrer Auswertung schlicht nicht auf. Und weil andere Seiten ja Zahlen liefern, merken Sie die Lücke oft erst spät.
Speichern und veröffentlichen
Speichern Sie jede geänderte Datei. Danach laden Sie sie auf Ihren Server hoch, genau so, wie Sie es sonst auch machen. Über FTP, über den Dateimanager Ihres Hosting-Anbieters oder wie auch immer Ihr gewohnter Weg aussieht.
Prüfen
Jetzt der Moment der Wahrheit, und der dauert keine zwei Minuten:
- Öffnen Sie Ihre Webseite in einem neuen Browserfenster.
- Klicken Sie ein paar Seiten durch.
- Wechseln Sie in Trustlytics zum Bericht Echtzeit
- Innerhalb weniger Sekunden sollte dort Ihr eigener Besuch erscheinen.
Steht dort etwas, ist alles richtig eingebaut. Bleibt es leer, hilft der Abschnitt weiter unten.
Wenn nichts gezählt wird
Vier Ursachen decken fast alle Fälle ab:
| Ursache | Was Sie tun |
|---|---|
| Datei nicht hochgeladen | Öffnen Sie Ihre Webseite und schauen Sie in den Quelltext (Rechtsklick, «Seitenquelltext anzeigen»). Steht der Code nicht drin, liegt die geänderte Datei noch bei Ihnen. |
| Code unvollständig | Beim Markieren von Hand geht schnell ein Zeichen verloren. Holen Sie sich den Code unter Tracking-Code über den Button «Kopieren» und setzen Sie ihn neu ein. |
| Falsche Adresse hinterlegt | Der Code funktioniert nur auf der Webseite, die in Ihrem Konto steht. Prüfen Sie das unter Webseite. |
| Zwischenspeicher | Ihr Browser oder Ihr Hosting-Anbieter liefert noch die alte Version. Laden Sie mit gedrückter Umschalttaste neu, oder leeren Sie den Cache Ihres Hostings. |
Häufige Fragen
Muss der Code wirklich in jede Datei?
Ja, in jede Seite, die Sie messen möchten. Bei reinem HTML gibt es keine Abkürzung. Nutzen Sie dagegen einen Editor, der mit gemeinsamen Vorlagen arbeitet, genügt ein Eintrag in der Vorlage.
Kann ich ihn auch in den <body> setzen?
Technisch würde er dort meist auch funktionieren, aber wir raten davon ab. Im <head> lädt er früher, und kurze Besuche gehen nicht verloren.
Was, wenn ich schon andere Skripte im <head> habe?
Kein Problem. Setzen Sie den Trustlytics-Code einfach dazu, direkt vor </head>. Die Skripte stören sich gegenseitig nicht.
Ich finde </head> nicht in meiner Datei. Was jetzt?
Dann haben Sie möglicherweise nicht die Hauptdatei geöffnet, sondern einen Teilbereich. Prüfen Sie, ob die Datei mit <!DOCTYPE html> beginnt. Fehlt auch das, gehört diese Datei zu einer grösseren Struktur. Suchen Sie in diesem Fall die Datei, in der <html> und <head> stehen.
Muss ich den Code neu einbauen, wenn ich eine Seite ändere?
Nein, solange Sie den Code nicht versehentlich löschen. Bei einer neuen Seite müssen Sie ihn allerdings ergänzen, sonst wird diese Seite nicht gezählt.
Wird meine Webseite dadurch langsamer?
Nein. Das Skript ist winzig und lädt im Hintergrund, ohne den Aufbau Ihrer Seite aufzuhalten.