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 mit einem Klick auf «Kopieren».
- Zugang zu Ihrem Shopify-Adminbereich mit dem Recht, Themes zu bearbeiten. Als Mitarbeitender mit eingeschränkten Rechten sehen Sie den Code-Editor nicht.
- Fünf ruhige Minuten. Sie arbeiten in einer Datei, die Ihren ganzen Shop trägt. Kein Grund zur Panik, aber auch kein Nebenbei-Job zwischen zwei Terminen.
Sicherung anlegen
Dieser Schritt ist freiwillig. Wir empfehlen ihn trotzdem jedem, und zwar aus einem einfachen Grund: Er kostet zwanzig Sekunden und nimmt Ihnen jede Nervosität.
- Gehen Sie im Adminbereich links auf «Online Store» (Onlineshop).
- Klicken Sie beim aktuellen Theme auf die drei Punkte (•••).
- Wählen Sie «Duplicate» (Duplizieren).
Damit liegt eine unveränderte Kopie in Ihrer Theme-Liste. Geht beim Bearbeiten etwas schief, machen Sie die Kopie einfach wieder zum aktiven Theme, und Ihr Shop sieht aus wie vorher.
Code-Editor öffnen
Sie sind bereits in der Themes-Übersicht. Klicken Sie beim aktiven Theme erneut auf die drei Punkte (•••) und wählen Sie diesmal «Edit code» (Code bearbeiten).
Die Datei theme.liquid öffnen
Links sehen Sie jetzt eine lange Liste aller Dateien Ihres Themes, sortiert in Ordnern. Öffnen Sie den Ordner «layout» und klicken Sie darin auf theme.liquid.
Warum ausgerechnet diese Datei: theme.liquid ist das Grundgerüst Ihres Shops. Jede einzelne Seite wird durch sie hindurchgereicht, die Startseite genauso wie jede Produktseite. Was hier steht, gilt überall. Sie müssen den Code also nur ein einziges Mal einsetzen.
Die richtige Stelle finden
Im Hauptfenster steht jetzt viel Code. Lassen Sie sich davon nicht beeindrucken, Sie brauchen davon genau eine Zeile.
- Klicken Sie irgendwo in den Code.
- Drücken Sie Ctrl + F (auf dem Mac Cmd + F). Ein Suchfeld erscheint.
- Tippen Sie </head> ein und drücken Sie Enter oder klicken Sie auf «Next».
Der Editor springt zur Zeile mit dem schliessenden </head> und hebt sie hervor. Das ist Ihr Ziel. Diese Zeile finden Sie meist recht weit oben in der Datei.
Was dieser Tag bedeutet: Alles zwischen dem öffnenden und dem schliessenden head-Tag gehört zum Kopfbereich einer Seite. Dieser Bereich wird geladen, bevor der Besucher überhaupt etwas sieht. Genau dort soll Ihr Tracking-Code sitzen, damit auch sehr kurze Besuche gezählt werden.
Tracking-Code einfügen
Setzen Sie den Mauszeiger ans Ende der Zeile direkt über dem </head>, drücken Sie Enter für eine neue Zeile und fügen Sie dort Ihren Tracking-Code ein.
Wichtig ist nur eines: Der Code muss vor dem </head> stehen, nicht danach. Das Ergebnis sieht dann so aus:
<script defer data-domain="IHRE-DOMAIN.CH" src="https://app.trustlytics.ch/tl.js"></script>
</head>
Und noch ein Hinweis zur Adresse im Code: Dort muss die Domain stehen, unter der Ihre Kunden den Shop tatsächlich aufrufen. Also Ihre eigene Adresse, nicht die interne Shopify-Adresse mit der Endung myshopify.com. Wenn Sie den Code über den Kopieren-Button holen, ist das bereits richtig eingesetzt.
Speichern
Klicken Sie oben rechts auf «Save» (Speichern).
Ein zusätzliches Veröffentlichen brauchen Sie nicht. Anders als bei vielen Baukästen ist Ihre Änderung bei Shopify sofort live, sobald Sie im aktiven Theme gespeichert haben.
Prüfen
Jetzt der Moment der Wahrheit, und der dauert keine zwei Minuten:
- Öffnen Sie Ihren Shop in einem neuen Browserfenster.
- Klicken Sie ein paar Seiten durch, zum Beispiel zwei, drei Produkte.
- 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
Fünf Ursachen decken fast alle Fälle ab:
| Ursache | Was Sie tun |
|---|---|
| Falsches Theme bearbeitet | Der häufigste Fall, gerade nach dem Duplizieren. Prüfen Sie in der Themes-Übersicht, welches Theme als «Aktuelles Theme» markiert ist, und schauen Sie dort in theme.liquid nach. |
| Code nach dem </head> gelandet | Öffnen Sie theme.liquid und suchen Sie erneut mit Ctrl + F. Ihre Code-Zeile muss über dem </head> stehen, nicht darunter. |
| Shop noch passwortgeschützt | Solange der Passwortschutz aktiv ist, erreicht niemand Ihren Shop. Unter «Online Store» (Onlineshop) und «Preferences» (Einstellungen) schalten Sie ihn ab. |
| Nicht gespeichert | Öffnen Sie theme.liquid erneut. Fehlt Ihre Zeile, war das Speichern nicht durch. Code nochmals einfügen und oben rechts speichern. |
| Falsche Adresse hinterlegt | Der Code funktioniert nur auf der Webseite, die in Ihrem Trustlytics-Konto steht. Prüfen Sie das unter Webseite. Bei Shopify ist das oft die Verwechslung zwischen Ihrer eigenen Domain und der myshopify.com-Adresse. |
Was Sie sich merken sollten
Ein Punkt, der später oft für Verwirrung sorgt: Der Tracking-Code steht in Ihrem Theme, nicht in Ihrem Shop. Das hat zwei Folgen, die Sie kennen sollten.
| Situation | Was passiert | Was Sie tun |
|---|---|---|
| Sie wechseln das Theme | Der Code bleibt im alten Theme zurück. Die Messung stoppt sofort und ohne Warnung. | Diese Anleitung im neuen Theme nochmals durchgehen. |
| Ihr Theme bekommt ein Update | Je nach Vorgehen wird theme.liquid dabei überschrieben. Ihr Code ist dann weg. | Nach jedem Theme-Update kurz im Bericht Echtzeit nachschauen, ob noch gemessen wird. |
Ein guter Zeitpunkt für diese Kontrolle ist immer dann, wenn jemand am Design gearbeitet hat. Zwei Minuten im Echtzeit-Bericht ersparen Ihnen die böse Überraschung, dass drei Wochen Daten fehlen.
Häufige Fragen
Muss ich programmieren können?
Nein. Sie fügen eine fertige Zeile an einer bestimmten Stelle ein. Mehr passiert nicht. Wer vorher das Theme dupliziert, kann dabei auch nichts kaputt machen.
Warum gibt es bei Shopify keinen einfachen Kasten für eigenen Code?
Weil Shopify davon ausgeht, dass Zusatzfunktionen über Apps kommen. Eine Trustlytics-App ist bei uns in Arbeit. Bis sie da ist, führt der Weg über theme.liquid, und der funktioniert einwandfrei.
Gibt es eine Trustlytics-App für Shopify?
Noch nicht. Sie steht bei uns auf der Liste, ein Datum können wir Ihnen aber nicht nennen. Bis dahin ist der Weg über theme.liquid die richtige Lösung, und er funktioniert vollständig. Wenn die App später kommt, bleibt Ihre Messung ohne Unterbruch bestehen. Sie müssen also nicht warten und auch nichts nachträglich reparieren.
Gilt der Code auf allen Seiten meines Shops?
Ja, auf allen Seiten, die über Ihr Theme laufen. Also Startseite, Kategorien, Produktseiten, Blog und Ihre eigenen Seiten. Neue Produkte sind automatisch dabei.
Muss ich den Code auch in andere Dateien einbauen?
Nein. theme.liquid reicht. Diese Datei ist das Grundgerüst, durch das jede Seite hindurchläuft. Wer den Code zusätzlich in andere Dateien setzt, misst am Ende doppelt.
Wird auch der Bestellvorgang gemessen?
Der Kassenbereich läuft bei Shopify auf eigenen Seiten, die nicht über Ihr Theme gesteuert werden. Was dort passiert, sehen Sie deshalb nicht in dieser Messung. Alles bis zum Warenkorb wird erfasst.
Der Code-Editor zeigt orange oder rote Warnungen. Habe ich etwas kaputt gemacht?
Vermutlich nicht. Solche Hinweise stehen in vielen Themes schon vorher drin und stammen aus dem Theme selbst. Entscheidend ist nur, ob Ihr Speichern durchging und ob im Bericht Echtzeit Besuche erscheinen. Tauchte eine Warnung aber genau in dem Moment auf, als Sie den Code eingesetzt haben, machen Sie die Änderung rückgängig und fügen Sie ihn nochmals über den Kopieren-Button ein.
Was passiert bei einem Theme-Update?
Das kann Ihre Änderung überschreiben. Bei Shopify ist ein Theme-Update oft kein simples Aktualisieren, sondern eine neue Fassung, in die eigene Anpassungen von Hand zurückwandern müssen. Schauen Sie deshalb nach jedem Update kurz in theme.liquid nach, ob Ihre Zeile noch dort steht.
Ich lasse mein Theme von einer Agentur betreuen. Muss ich etwas beachten?
Ja, eine Sache. Sagen Sie Bescheid, dass in theme.liquid eine Trustlytics-Zeile steht. Wird das Theme umgebaut oder ersetzt, verschwindet sie sonst unbemerkt. Ein Screenshot dieser Anleitung reicht als Hinweis völlig.
Kann ich den Code später wieder entfernen?
Ja. Öffnen Sie theme.liquid, löschen Sie die Trustlytics-Zeile und speichern Sie. Ab dann wird nichts mehr gemessen.
Wird mein Shop dadurch langsamer?
Nein. Das Skript ist winzig und lädt im Hintergrund, ohne den Aufbau Ihrer Seiten aufzuhalten. Gerade bei einem Shop zählt jede Zehntelsekunde, deshalb halten wir es klein.