Dokumentation

Erfahren Sie, wie Sie das Tracking-Tool verwenden

Videoreihe ansehenAcht kurze Videos zum gesamten Produkt, auf YouTube.

Tracking ohne Code

Mit dem Element Picker geben Sie einem Button einen Namen, ohne Ihren Code anzufassen. Sie rufen Ihre eigene Website durch ihn auf, klicken auf das, was Sie messen wollen, und geben ihm einen Namen. Nichts wird ausgeliefert, und niemand wartet auf ein Release.

So funktioniert es

Öffnen Sie Element Picker in der Seitenleiste, geben Sie die Adresse Ihrer Website ein und klicken Sie auf Verbinden. Ihre Website öffnet sich in einem zweiten Tab, mit einem kleinen Panel darüber. Erscheint kein Panel, ist der Tracker auf dieser Website nicht installiert. Das Panel gehört zum Skript und kann ohne es nicht erscheinen.
Gehen Sie zu der Seite, auf der das Element liegt, und klicken Sie es an. Im Modus Select reagiert Ihre Website nicht auf Klicks. Nutzen Sie Navigate, um sich zu bewegen, und schalten Sie dann zurück. Fahren Sie mit der Maus darüber, wird umrandet, was Sie auswählen würden.
Geben Sie ihm einen Namen und speichern Sie. Jeder passende Klick zählt ab jetzt unter diesem Namen – auch die bereits aufgezeichneten, denn die Feature-Zahlen werden aus den Events selbst berechnet. Funnels und Flows sind die Ausnahme. Ihre Zahlen werden einmal geschrieben, kurz nachdem ein Tag in der Zeitzone Ihres Projekts zu Ende ist, und nie neu berechnet – eine Regel zählt dort also erst ab dem Tag, an dem Sie sie angelegt haben.

The Element Picker before it is connected, with a field for the page address and a Connect button — Hier beginnt es. Geben Sie die Adresse der Seite ein, um die es geht, und klicken Sie auf Verbinden.

Select und Navigate

Die beiden Schalter oben im Panel bestimmen, was ein Klick auf Ihrer Website bewirkt. Der Picker startet in Select. Navigate brauchen Sie, wenn das gesuchte Element nicht auf der verbundenen Seite liegt.

Select – ein Klick wählt ein Element aus

Der Zeiger umrandet, was unter ihm liegt, und ein Klick wählt dieses Element aus. Ihre Website ist in diesem Modus stillgelegt: Links führen nicht weiter, Buttons schicken nichts ab, Menüs klappen nicht auf. Nur so lässt sich etwas auswählen, das Sie sonst woandershin bringen würde. Scrollen funktioniert weiterhin.

Navigate – ein Klick wirkt wie immer

Die Umrandungen verschwinden, und Ihre Website verhält sich wie für einen Besucher. Links führen weiter, Buttons schicken ab, Menüs klappen auf. In diesem Modus wird nichts ausgewählt. Das Panel bleibt sichtbar, zurück zu Select ist ein Klick.

Mit Navigate hinkommen, mit Select auswählen. Schalten Sie auf Navigate, klicken Sie sich durch Ihre Website, bis das Element vor Ihnen liegt, schalten Sie zurück auf Select und klicken Sie es an.

A site with the picker panel on top of it, the pointer outlining the element underneath it in Select mode — Der Select-Modus. Der Zeiger umrandet, was unter ihm liegt – Sie sehen vor dem Klick, was Sie auswählen würden.

Der Picker übersteht diese Seitenwechsel. Er merkt sich, dass er offen ist, in welchem Modus er war und wie Ihre Scan-Einstellung steht. Sie müssen sich also nicht nach jedem Klick neu verbinden. Gemerkt wird das im sessionStorage der Website. Es ist die eine Ausnahme davon, dass der Tracker nichts im Browser speichert: Es gehört Ihnen und nicht Ihren Besuchern, wird nur geschrieben, solange der Picker offen ist, und verschwindet mit dem Tab. Mehr dazu unter Datenschutz. Es gehört zu der Website, auf der er geöffnet wurde – wechseln Sie auf eine andere Domain, endet der Picker.

Ein Element, oder alle gleichartigen

Genau dieses Element („Match this exact element“)

Speichert die vollständige Adresse des Elements innerhalb der Seite, samt der Angabe, das wievielte von mehreren gleichartigen Nachbarn es war – der Teil :nth-of-type(3). Gezählt wird dieses eine Element und sonst keines. Nehmen Sie das für Einzelstücke: den Registrieren-Button im Kopfbereich, einen bestimmten Link im Fußbereich.

Alle ähnlichen Elemente („Match all similar elements“)

Speichert dieselbe Adresse ohne die Position. Alles andere bleibt: die Art des Elements, der Typ eines Eingabefelds, eine ARIA-Rolle – das role=, das einem Screenreader sagt, worum es sich bei einem Element handelt. Eine Regel, die Sie auf der dritten Produktkarte gespeichert haben, zählt deshalb auch die erste, die zweite und die zehnte. Nehmen Sie das für alles, was sich wiederholt. Die beiden Schalter erscheinen nur, wenn es eine Position zum Weglassen gibt. Das ist der Fall, wenn das Element selbst oder etwas, worin es liegt, einen Nachbarn derselben Art hat – also fast immer.

Welche der beiden

Genau dieses Element: wenn es das nur einmal gibt und Sie mitbekommen wollen, sobald ein zweites mitgezählt wird.
Alle ähnlichen Elemente: wenn sich die Sache wiederholt und Sie die Summe wollen.

The picker panel after a click, naming the selected element and showing its selector, with Exact and Generic offered as match modes — Nach dem Klick, mit Generic gewählt. Alle sechs „Add to cart“-Buttons sind umrandet, und die Adresse, die die Regel speichert, enthält keine Position. Exact hätte nur den angeklickten Button gezählt.

Die Bedingungen einer Regel

Eine Regel ist eine Liste von Bedingungen, und ein Event muss alle erfüllen, um gezählt zu werden. Beim Speichern aus dem Picker bestimmen vier Ankreuzfelder, was in diese Liste kommt. Weniger Bedingungen heißt, die Regel erfasst mehr.

The picker panel listing the conditions for the new rule, with the selector ticked and the tag, text and page path offered — Die vier Ankreuzfelder, die bestimmen, was in die Regel kommt. Selector ist schon angehakt; Tag, Text und Page path stehen zur Wahl – und jede zusätzliche Bedingung lässt die Regel weniger erfassen.

Selector: die Adresse des Elements innerhalb der Seite. Schon angehakt, und als Einzige. Gespeichert wird die genaue oder die allgemeine Adresse, je nachdem, was Sie oben gewählt haben. Sie können den Haken wegnehmen, dann hat die Regel aber keine Adresse mehr, auf die sie zeigt.
Tag: die Art des Elements – button, a, input. Schnell hinzugefügt, aber für sich allein selten ausreichend. Die meisten Seiten haben Hunderte von Buttons.
Text: die sichtbare Beschriftung. Sie verengt die Regel auf Elemente, die diesen Text tragen. Es ist eine Bedingung wie jede andere und kein Ersatz für den Selektor: Passt der Selektor nicht mehr, passt auch die Regel nicht mehr. Auf einer übersetzten Website lautet die Beschriftung in jeder Sprache anders, und eine Regel auf einer Sprachfassung zählt nur diese.
Page path: beschränkt die Regel auf die Seite, auf der Sie waren. Der Picker speichert deren Pfad und vergleicht mit enthält – wählen Sie etwas auf /pricing aus, bekommt die Regel enthält /pricing. Haken Sie sie an, wenn es das Element nur auf dieser Seite gibt. Lassen Sie sie weg bei Kopf- oder Fußzeilen, die überall zählen sollen. Vorsicht auf der Startseite: Dort ist der Pfad /, und jeder Pfad enthält / – die Bedingung lässt dann alles durch. URL-Parameter gehören nie zum Pfad, /search passt also unabhängig davon, wonach gesucht wurde.

Eng anfangen, dann erweitern. Speichern Sie zunächst nur mit dem Selektor und scannen Sie die Seite, um zu sehen, was hängen bleibt. Lassen Sie dann eine Bedingung weg oder wechseln Sie auf Alle ähnlichen Elemente. Eine Regel später zu erweitern ist einfacher, als eine zu bemerken, die zu viel mitzählt.

Diese vier bekommen Sie beim Anlegen einer Regel. Bearbeiten Sie eine bestehende Regel, öffnet sich ein anderes Formular – Edit neben der Regel in den Scan-Ergebnissen –, in dem eine Bedingung aus Eigenschaft, Vergleich und Wert besteht. Zwei Eigenschaften gibt es nur dort. Event Type beschränkt eine Regel auf Seitenaufrufe, Klicks, abgeschickte Formulare oder Ihre eigenen Custom Events. Site address tut für eine ganze Website, was Page path für eine einzelne Seite tut.

The picker's Edit Feature Rule form, with the feature name, one condition built from a property, a comparison and a value, and a button to add another — Eine bestehende Regel bearbeiten. Eine Bedingung besteht hier aus Eigenschaft, Vergleich und Wert, und die Eigenschaftsliste enthält die beiden, die die Ankreuzfelder nie anbieten.

Prüfen, was eine Regel einfängt

Scan Page markiert jedes Element der aktuellen Seite grün, auf das eine Ihrer Regeln passt, und schreibt den Namen des Features daneben. Tun Sie das, bevor Sie sich auf die Zahlen einer Regel verlassen. So sehen Sie am schnellsten, dass Alle ähnlichen Elemente weiter gegriffen hat, als Sie wollten. Ein zweiter Druck schaltet auf Scan: Auto, das sich beim Weiterklicken von selbst wiederholt. Probieren Sie mehr als eine Seite: Eine Regel ohne Seitenbedingung gilt überall.

A scanned page with every matching element outlined in green and labelled with the feature name, and the panel showing how many were found — Nach einem Scan. Alles, worauf die Regel zutrifft, ist auf der Seite grün markiert und trägt den Namen des Features; das Panel zählt auf, wie viele Elemente das waren.

Derselbe Scan listet die Elemente auf, die in Ihrem Code bereits ein data-track-Attribut tragen. Die sind schon ohne Regel benannt – wer sie hier sieht, spart sich eine zweite Regel für etwas, das längst gezählt wird.

Wie es weitergeht

Die Zahlen, die diese Regeln erzeugen, stehen unter Feature-Tracking. Können Sie den Code Ihrer Website ändern, erledigt Benutzerdefinierte Events dieselbe Aufgabe mit einem Attribut oder einem Funktionsaufruf.