Interaktionen

Mit der neusten Version von Convertly können Sie nun das Tracking von Interaktionen für Ihre Storefront implementieren. Dies ist besonders interessant, wenn Sie die Performance spezifischer Elemente in der Storefront in Experimenten auswerten möchten.
Die Implementierung ist sehr einfach und erfordert bedingt technische Kenntnisse. Sie können beliebige Elemente in Ihrer Storefront auswählen – sobald ein Experiment gestartet ist, werden die Interaktionen gespeichert und können in Experimenten ausgewertet werden.

Verfügbare Interaktionen

Neue Interaktionstypen werden in Zukunft ergänzt – die Dokumentation wird entsprechend erweitert.

Klick

Interaktion erstellen

  1. Rufen Sie das Dashboard von Convertly auf.
  2. Klicken Sie auf „Interaktion erstellen“.
  3. Wählen Sie einen eindeutigen Namen für die Interaktion aus.
  4. Wählen Sie den Typ „Klick“ als Interaktion aus.
  5. Aktivieren Sie die Option „Interaktion einmalig zählen“, wenn Sie möchten, dass die Interaktion nur einmal pro Sitzung gezählt wird.
  6. Geben Sie einen CSS-Selektor (siehe CSS-Selektor Hilfe) für das Element ein, das Sie tracken möchten.
  7. Klicken Sie auf „Speichern“.

Auswertung

Sobald ein Experiment gestartet wurde, stehen die Auswertungen bereit. In dieser Auswertung stehen die Interaktionen unter dem Tab „Interaktionen“ zur Auswahl.
Dort werden alle erfasste Interaktionen angezeigt – die Anzahl der Interaktionen werden aufsummiert dargestellt.

Wichtig: Wenn Sie die Option „Interaktion einmalig zählen“ aktiviert haben, wird die Interaktion nur einmal pro Sitzung gezählt. Dies ist relevant um sehr präsente Elemente wie z.B. Buttons nur einmal zu zählen.

CSS-Selektor Hilfe

CSS-Selektoren sind eine Möglichkeit, um bestimmte Elemente in der HTML-Struktur zu auszuwählen.

Um den CSS-Selektor eines bestimmten Elements (wie z.B. ein Button) zu erhalten, gibt es diverse Möglichkeiten. Eine einfache Möglichkeit ist es eine Browser-Extension wie z.B. „SelectorGadget“ zu verwenden.
Natürlich gibt es auch Methoden ohne Browser-Extension. In diesem Fall stellt sogar „SelectorGadget“ ein Lesezeichen bereit, mit dem man durch das aktivieren des Lesezeichens das gewünschte Element in der HTML-Struktur selektieren kann.

Dazu müssen Sie folgenden Link in ihr Lesezeichen-Menü des Browsers schieben: CSS-Selektor Lesezeichen
(SelectorGadget; Github)

Danach können Sie folgende Schritte ausführen:

  1. Besuchen Sie die Seite mit Ihrem gewünschten Element.
  2. Aktivieren Sie das Lesezeichen.
  3. Klicken Sie auf das gewünschte Element in der HTML-Struktur.
  4. Der CSS-Selektor wird in der eingeblendeten Leiste angezeigt.
  5. Kopieren Sie den CSS-Selektor und fügen Sie ihn in das Feld „CSS-Selektor“ ein.
  6. Klicken Sie auf „Speichern“.

Achtung: Der CSS-Selektor ist nicht immer eindeutig. Wenn Sie beispielsweise einen Button mit dem selben Namen haben, werden alle Interaktionen mit diesem Namen als gleichwertig betrachtet.
Konsultieren Sie einen Entwickler, wenn Sie nicht sicher sind, welcher CSS-Selektor für das gewünschte Element geeignet ist.