Ereignisverfolgung

Erkennen Sie jede Aktion oder jedes Ereignis auf Ihrer Webseite!

In diesem Untermodul können Sie Ihre eigenen Tags für jedes Ereignis, das Sie verfolgen möchten, erstellen, sie zu Ihrer Webseite hinzufügen und sehen, wie sich das Auslösen eines Ereignisses im Laufe der Zeit entwickelt. Sie können auch das Auto-Tracking nutzen, um Ihre Webseite nach Standardelementen zu scannen, ohne zusätzlichen Code hinzufügen zu müssen, und diese sofort einsehen. Diese Funktion hilft Ihnen ungemein beim Trackingvon Ereignissen, die Sie überwachen wollen.

Wichtiger Hinweis: Die manuelle Ereignisverfolgung ist für Wix-Webseiten nicht verfügbar (es können keine benutzerdefinierten Tags erstellt werden, da es keine Kontrolle über den Code für bestimmte Elemente auf der Seite gibt). Das Auto-Tracking wird jedoch funktionieren.

Dieser Support-Artikel ist in die folgenden Abschnitte gegliedert:

  1. Überblick
  2. Ereignis-Tag-Generator

Direkt über den Kacheln sehen Sie eine Datumsauswahl. Hiermit können Sie einen bestimmten Zeitraum oder einen bestimmten Tag auswählen, für den die Daten auf dem Dashboard angezeigt werden sollen.

Es ist wichtig, die Darstellung der Daten auf bestimmte Daten oder Zeiträume zu beschränken, in denen Sie potenzielle Kampagnen durchgeführt oder andere Strategien umgesetzt haben. So können Sie die Wirksamkeit dieser Maßnahmen bewerten und die gewonnenen Erkenntnisse für die künftige Planung nutzen.

 

Einige allgemeine Hinweise

  • Stellen Sie sicher, dass Sie Ihre App und den Tracking-Code auf die neueste Version aktualisiert haben (ersetzen Sie den aktuellen Tracking-Code durch den kürzlich veröffentlichten), damit Sie von dieser Funktion profitieren können.
  • Das Limit für die einbezogenen Ereignisse besteht auf monatlicher Basis. Wenn Sie Ihre Daten zurücksetzen, wird der Zähler der ausgelösten Ereignisse nicht zurückgesetzt. Die Aufzeichnung beginnt im nächsten Monat oder ab dem Zeitpunkt, an dem ein Upgrade stattfindet und das Limit aufgehoben wird.
  • Viele Elemente enthalten Beschreibungen, wenn Sie mit dem Mauszeiger über sie fahren. Lassen Sie Ihren Mauszeiger einfach über verschiedene Elemente gleiten und entdecken Sie, wie viele Daten tatsächlich in einer Kachel stecken.

Übersicht

Die erste Registerkarte dieses Untermoduls ist die "Übersicht". Sie ist in zwei Abschnitte unterteilt: "Alle ausgelösten Ereignisse" und das "Liniendiagramm".

Zusammen bieten diese Abschnitte einen vollständigen und aufschlussreichen Überblick über die ausgelösten Ereignisse.

Diese Tabelle gibt einen Überblick über alle Ereignisse, die im ausgewählten Zeitraum ausgelöst wurden. Jede Zeile steht für das Auslösen eines Ereignisses. Wenn also dasselbe Ereignis im ausgewählten Zeitraum 20 Mal ausgelöst wurde, gibt es 20 Zeilen für dieses Ereignis.

Die Tabelle enthält die folgenden Spalten:

  1. Kategorie: Zeigt den Wert an, den Sie bei einem manuell erstellten Ereignis-Tag eines ausgelösten Ereignisses für das Feld "Kategorie" manuell eingegeben haben, oder - bei automatisch verfolgten Ereignissen - den Ereignistyp wie Eingabe, Auswahl, Textfeld, Schaltfläche, Radiobutton, Kontrollkästchen, usw..
  2. Aktion: Zeigt den Wert an, den Sie manuell für ein manuell erstelltes Ereignis-Tag eines ausgelösten Ereignisses für das Feld "Aktion" eingegeben haben, oder - bei automatisch verfolgten Ereignissen - die Aktion, bei der das Ereignis ausgelöst wurde, wie z. B. bei Mouse-Over, bei Klick, usw..
  3. Kennzeichnung: Zeigt den Wert an, den Sie manuell für ein manuell erstelltes Ereignis-Tag eines ausgelösten Ereignisses für das Feld "Kennzeichnung" eingegeben haben, oder - für automatisch verfolgte Ereignisse - den Namen der Seite, auf der das Ereignis automatisch verfolgt wurde.
  4. Ereigniswert: Zeigt entweder den Wert an, den Sie manuell für ein manuell erstelltes Ereignis-Tag eines ausgelösten Ereignisses für das Feld "Ereigniswert" eingegeben haben, oder - bei automatisch verfolgten Ereignissen - ist es immer 1 (optionales Feld).
  5. Feldobjekt: Dies ist ein optionales Feld, das für zusätzliche Parameter verwendet wird.
  6. Ort: Liefert Details über die Seite (Seitentitel/URL), auf der das Ereignis ausgelöst wurde. Wenn Sie darauf klicken, wird die entsprechende Seite in einer neuen Registerkarte geöffnet.
  7. Zeitpunkt der Erfassung: Hier finden Sie das genaue Datum und die Uhrzeit, zu der das Ereignis ausgelöst wurde.
  8. Gerätetyp: Hier erfahren Sie, mit welchem Gerätetyp das Ereignis auf Ihrer Webseite ausgelöst wurde.
  9. Ereignistyp: Gibt an, ob das ausgelöste Ereignis über ein Ereignis-Tag verfolgt wurde, das manuell erstellt (und dem Quellcode Ihrer Webseite manuell hinzugefügt) wurde, oder ob ein Ereignis automatisch generiert und von unserer Plattform selbst verfolgt wurde.

Das Liniendiagramm spiegelt im Wesentlichen die Daten wider, die Ihnen in der obigen Tabelle präsentiert werden. Sie werden feststellen, dass standardmäßig nur eine Zeile sichtbar ist, die sich auf die gesamte Menge der in der obigen Tabelle angezeigten oder gefilterten Ereignisse bezieht.

 

Die Tabelle ermöglicht verschiedene Filter- und Gruppierungsoptionen. Der Hauptunterschied zwischen Filtern und Gruppieren ist relativ einfach:

  • Das Filtern schränkt die angezeigten Ereignisse in der Tabelle durch Anwendung des gewählten Filters ein. Sie können die Filter je nach den benötigten Daten kombinieren.

 

  • Bei der Gruppierung wird die Anzahl der in der Tabelle angezeigten Ereignisse nicht verringert, sondern es werden Ereignisse auf der Grundlage des angegebenen Feldes miteinander verknüpft. Unter der Tabelle können Sie eine detaillierte Aufschlüsselung und die Gesamtzahl für jedes Element in der Gruppe aufrufen.

 

Spielen Sie damit auf der Tabelle und Sie werden den Unterschied leicht verstehen. Beide Ansätze bieten Ihnen einfache, aber leistungsstarke Möglichkeiten, Ihre Daten anzuzeigen und interessante Fakten daraus zu gewinnen.

Wichtige Hinweise:

  • Je mehr Filter Sie für die obige Tabelle aktivieren, desto weniger Ereignisse werden in der Tabelle angezeigt. Dadurch verringert sich auch die Anzahl der Ereignisse, die im Liniendiagramm unter der Tabelle angezeigt werden.
  • Sie können ganz einfach Filtervorlagen für Ihre eingestellten Filterkombinationen erstellen. Wenn Sie der Haupttabelle eine Filterkombination hinzugefügt haben, die Sie in Zukunft wahrscheinlich häufiger verwenden werden, klicken Sie einfach auf die Schaltfläche "Filter als Vorlage speichern".
  • Es ist wichtig, das Verhalten des Liniendiagramms zu beachten. Sobald Sie die Daten in der obigen Tabelle gruppiert haben, werden Sie sehen, dass der Filter im Voraus festgelegt werden muss, wenn der Benutzer das Liniendiagramm einer bestimmten Gruppe sehen möchte. Sie können auch Elemente in dieser Gruppe auswählen bzw. abwählen, um die benötigten Daten zu vereinfachen. Wenn Sie die Markierung eines Elements aufheben, wird die zugehörige Linie im Diagramm entfernt.

Die zweite Registerkarte dieses Untermoduls heißt "Ereignis-Tag-Generator". Wann immer Sie Lust haben, ein neues Ereignis-Tag zu erstellen, um zu verfolgen, was auf Ihrer Webseite passiert, können Sie dies ganz einfach innerhalb der Anwendung erledigen.

Wichtiger Hinweis: Manuelles Ereignis-Tracking ist für Wix-Webseiten nicht verfügbar (es können keine benutzerdefinierten Tags erstellt werden, da es keine Kontrolle über den Code für bestimmte Elemente auf der Seite gibt). Das Auto-Tracking wird jedoch funktionieren.

Eine Anleitung zum Hinzufügen des Ereignis-Tags finden Sie weiter unten. Im Allgemeinen kann ein Ereignis-Tag aus den folgenden Feldern bestehen:

  1. Ereigniskategorie: Das Objekt, mit dem interagiert wurde, z. B. ein Bild oder eine Schaltfläche (Pflichtfeld).
  2. Ereignis-Aktion: Definieren Sie, bei welcher Aktion das Ereignis ausgelöst werden soll, z. B. Wiedergabe, Klick, Pause usw. (Pflichtfeld)
  3. Ereignis-Bezeichnung: Kann ein Name oder ein Wort sein, das die Merkmale oder Eigenschaften des spezifischen Ereignisses beschreibt, um ähnliche Ereignisse leicht unterscheiden zu können, z. B. Produktvideo, Support-Bild usw. (optionales Feld)
  4. Ereigniswert: Ein numerischer Wert, der dem Ereignis zugeordnet ist, z. B. 1, 2, 3 usw. (optionales Feld)
  5. Feldobjekt: Alle zusätzlichen Parameter, die Sie selbst hinzufügen möchten, um das Ereignis zu identifizieren (optionales Feld)
  6. Aktion verknüpfen: Wählen Sie die Aktion, bei der das Ereignis ausgelöst werden soll, z. B. onclick, onmouseover, onkeyup usw. (Pflichtfeld)

Nachdem Sie alle oben genannten Felder definiert und die Aktion ausgewählt haben, bei der das Ereignis ausgelöst werden soll, klicken Sie auf die Schaltfläche "Ereignis-Tag generieren". Nachdem das Ereignis-Tag erstellt wurde, wird das nächste Fenster angezeigt, in dem Sie das erstellte Ereignis-Tag kopieren können. Sie können auch ein weiteres Tag erstellen, indem Sie auf die Schaltfläche "Ein anderes Ereignis-Tag erstellen" klicken.

Das erstellte Ereignis-Tag muss anschließend in den Quellcode Ihrer Webseite integriert werden, um das Ereignis zu verfolgen, für das Sie das Tag erstellt haben.

 

Hier finden Sie eine Liste der verwendeten HTML-Ereignisse (Aktionen) und ihre Beschreibung:

  1. onclick: Der Benutzer klickt auf ein HTML-Element
  2. onmouseover: Der Benutzer bewegt die Maus über ein HTML-Element
  3. onkeyup: Der Benutzer lässt eine Taste los
  4. onkeypress: Der Benutzer drückt eine Taste
  5. onchange: Ein HTML-Element wurde verändert

Einbindung eines Ereignis-Tags in Ihre Webseite

Sobald Sie Ihr neues Ereignis-Tag erstellt haben, müssen Sie es in Ihre Webseite integrieren, damit die Anwendung das Auslösen dieses Ereignisses verfolgen kann. Jedes erstellte Tag muss in jedem einzelnen Element, das Sie verfolgen möchten, hinzugefügt werden.

Es ist ziemlich einfach und es gibt verschiedene Möglichkeiten, dies zu tun (abhängig von der Webseiten-Baukasten-Plattform). Unten finden Sie ein Beispiel für HTML:

HTML-Anweisungen

Bearbeiten Sie Ihren HTML-Quellcode und fügen Sie den Ereignis-Tag zu den gewünschten Elementen hinzu.

Sie können den Tag, den unsere App für Ihr Ereignis erstellt, entweder als JavaScript-Snippet oder direkt zu dem Element hinzufügen, wie in der folgenden Anleitung beschrieben.

Hier finden ein Beispiel für eine Schaltfläche in HTML und wie es aussehen sollte, damit der Klick auf diese Schaltfläche als Ereignis verfolgt wird:

<button id="important-btn">Klick mich!</button>

Option A: JS-Snippet

<script>
document.getElementById("important-btn")
  .addEventListener("click", function(){
    va("send", "event", "example-category", "btn-click", "Wichtige Schaltfläche")
  });
</script>
 

Option B: direkt in das Element

<h2 onclick="va('send', 'event', 'example-category', 'btn-click', 'important', 123);">Wichtige Schaltfläche</h2>

Beide Optionen sind semantisch korrekt und bewirken im Idealfall das Gleiche.

Option A lässt jedoch mehr Flexibilität zu. Sie könnten beispielsweise eine "twipla-track"-Klasse zu mehreren Elementen hinzufügen und die va-Methode dynamischer aufrufen, indem Sie sich auf JS-Fähigkeiten verlassen.

Die Einschränkung bei Option B besteht darin, dass sie von einem anderen JS-Code überschrieben werden könnte, der nach dem Rendern des DOM geladen wird ( element.onclick = function(){ ... }), so dass unser Code nie aufgerufen wird.

Im Vergleich dazu erlaubt Option A das Hinzufügen einer unbegrenzten Anzahl von Ereignis-Listenern (solange der Speicher des User-Agent-Geräts dies zulässt).

 

In diesem Abschnitt der Moduleinstellungen können Sie auswählen, welche Art von Ereignis von unserer Plattform verfolgt werden soll: manuell erstellte Ereignis-Tags, automatisch verfolgte Standardereignisse oder beides.

Sobald Sie darauf zugreifen, haben Sie zwei Arten von Einstellungen zur Verfügung:

  1. Allgemeine Einstellungen für die Verfolgung von Ereignissen: Mit dieser Einstellung können Siediefolgenden Optionen aktivieren oder deaktivieren:
    • Standardereignisse für die automatische Verfolgung definieren - nur die Verfolgung von automatisch identifizierten Ereignissen aktivieren/deaktivieren
    • Manuell erstellte Ereignis-Tags verfolgennur die Verfolgung von manuell hinzugefügten Ereignissen aktivieren/deaktivieren
  2. Automatisch verfolgte Standardereignisse: Diese Einstellung zeigt Ihnen, welche Elemente (Eingabe, Auswahl, Textfeld, Schaltfläche, Radiobutton, Kontrollkästchen) auf der Webseite mit der aktuellen Version automatisch identifiziert werden können, und welche Aktionen (onclick, onmouseover, onkeyup, ...) für jedes Element verfolgt werden können.

Wichtige Hinweise:

  • Diese Funktion ist eine 100%ige Ergänzung zu den manuellen Ereignis-Tags, so dass Sie keine manuell erstellten Tag-Schnipsel zu Ihrem Quellcode hinzufügen müssen. Schalten Sie das Auto-Tracking einfach EIN, um es zu starten.
  • Für Wix-Webseiten ist nur das Auto-Tracking möglich (zumindest im Moment), d.h. es gibt keine Möglichkeit, manuell erstellte Event-Tags zu verfolgen.
  • Die Bezeichnungen der Elemente werden automatisch aus Ihrer HTML-Seite bezogen, also direkt aus dem Code, wie sie bei der Erstellung der Webseite benannt wurden. Wenn Sie möchten, dass die Bezeichnung eines verfolgten Elements einen anderen Namen hat, müssen Sie dies direkt im HTML-Code der Seite ändern.
    Sowohl die Kategorie- als auch die Aktionsbeschriftung dieser automatisch verfolgten Elemente sind Standard (gemäß der oben aufgeführten Liste) und können nicht bearbeitet werden.
  • Elemente, die Teil eines Popup-Fensters sind oder etwas Dynamisches, das auf Ihrer Seite als Ergebnis bestimmter Aktionen des Benutzers erscheint, werden von unserem System möglicherweise nicht richtig behandelt (z. B. kann das Bewegen des Mauszeigers über ein Produktbild, das eine Schaltfläche "Jetzt kaufen" erscheinen lässt. Es gibt Fälle, in denen wir keine ausgelösten Ereignisse für dieses neu erschienene Element verfolgen können, da es sich nicht um etwas Statisches handelt, das von Anfang an auf der Seite war).
  • In Kürze werden wir auch andere Elemente hinzufügen, für die diese ausgelösten Ereignisse verfolgt werden können, wie z.B. Bilder, Links, Videos, etc..

Die Live-Vorschau zeigt genau an, welche Aktionen bei welchen Elementen ausgelöst wurden, und zwar direkt in einem Bild auf Ihrer Webseite.

Innerhalb der Haupttabelle der verfolgten Ereignisse gibt es für die automatisch verfolgten Elemente eine Schaltfläche "Ereignis auf der Webseite anzeigen".

Klicken Sie darauf und eine Vorschau der Seite selbst wird in einem neuen Tab geöffnet, mit der Möglichkeit, wichtige Details über Ihre automatisch verfolgten Ereignisse zu sehen. In einer besser lesbaren Art und Weise, als nur die Tabelle der verfolgten Ereignisse, die Sie zuvor betrachtet haben.

Live-Tracking-Vorschau

Unten sehen Sie ein Beispiel des Bildschirms, den Sie sehen, wenn Sie auf die Schaltfläche "Ereignis auf der Webseite anzeigen" klicken. Hier gibt es drei wichtige Teile:

  1. Einstellungssymbol für den Live-Tracking-Modus: Tippen Sie darauf, um die Einstellungen zu öffnen.
  2. Schaltflächenelement: In diesem Beispiel handelt es sich um die Schaltfläche "Abonnieren".
  3. Aufschlüsselung der verfolgten Ereignisse für das Element BUTTON: Dieses Feld zeigt eine vollständige Aufschlüsselung der Ereignisse, die für dieses Schaltflächenelement für den ausgewählten Zeitraum verfolgt wurden. Es zeigt den/die Ereignistyp(en), die Aufschlüsselung für jeden der Gerätetypen und die Gesamtsumme.

 

Einstellungen für den Live-Tracking-Modus

Tippen Sie auf das Symbol für die Einstellungen des Live-Tracking-Modus, um die Einstellungsansicht zu öffnen. Jede Zeile dieses Einstellungsmenüs zeigt Ihre definierten Einstellungen und einige der automatisch getrackten Elemente betreffende Informationen:

  1. Ergebnisse auf Basis des Zeitraums: Alle angezeigten Ergebnisse beziehen sich im ausgewählten Zeitraum. Wenn Sie die Daten für einen anderen Zeitraum sehen möchten, gehen Sie zurück zur App, ändern Sie den Zeitraum und öffnen Sie die Vorschau erneut. Beachten Sie, dass die Zahlen nicht in Echtzeit aktualisiert werden, d. h. jedes Ereignis, das in diesem Zeitraum eintritt, ist nicht sichtbar, es sei denn, Sie laden die Seite neu oder schließen die Vorschau und kehren zu ihr zurück.
  2. Summe der automatisch verfolgten Elemente auf der Seite: Dies ist die Gesamtzahl der automatisch erkannten Elemente auf dieser Seite. Dies bedeutet nicht, dass auf allen Elementen Ereignisse verfolgt werden. Es handelt sich lediglich um die Anzahl der Elemente, die unter dieser URL automatisch verfolgt werden können. Bewegen Sie den Mauszeiger über jedes der hervorgehobenen Elemente, um weitere Details anzuzeigen.
  3. Summe der verfolgten Auto-Ereignisauslöser: Die Anzahl aller Ereignisauslöser, die für alle Ihre automatisch identifizierten Elemente im ausgewählten Zeitraum verfolgt wurden.
  4. Auslösersummen & alle automatisch verfolgten Standardereignisse anzeigen: Wenn Sie diese Option aktivieren, werden alle Standardelemente hervorgehoben, die von unserem System automatisch erkannt werden konnten (nur für Sie in diesem Live-Tracking-Modus sichtbar). Außerdem sehen Sie eine Summe aller Ereignisauslöser für jedes hervorgehobene Element im ausgewählten Zeitraum. Wenn Sie auf diese Auslösersummen klicken, erhalten Sie weitere Details darüber, wie diese Summe zustande kommt.

Wichtige Hinweise:

  • Um Ihnen ein optimales Nutzererlebnis zu bieten, deaktivieren Sie bitte alle AdBlocker, damit es nicht zu technischen Problemen bei der Nutzung kommt, und löschen Sie den Cache-Speicher Ihres Browsers (Strg+Umschalt+Entfernen).
  • Die angezeigte Anzahl an Auslösern bezieht sich immer auf den zuvor in der App ausgewählten Zeitraum.
  • Während der Ereignisvorschau wird Ihr Besuch NICHT gezählt und auch Ihre Aktionen führen nicht zu einer Zählung der Ereignisauslöser.