Tracker hinzufuegen
Installation
Abschnitt betitelt „Installation“Fuegen Sie das folgende Snippet in den <head> jeder Seite ein, die Sie verfolgen moechten:
<script defer data-domain="yourdomain.com" src="https://app.metrixs.eu/tracker.js"></script>Ersetzen Sie yourdomain.com durch die Domain Ihrer Website (muss mit der in MetriXs registrierten Domain uebereinstimmen).
Optionen
Abschnitt betitelt „Optionen“| Attribut | Beschreibung |
|---|---|
data-domain |
Erforderlich. Ihre Website-Domain |
data-local-dev |
Setzen, um auf localhost zu verfolgen (standardmaessig deaktiviert) |
Benutzerdefinierte Events
Abschnitt betitelt „Benutzerdefinierte Events“Zusaetzlich zu automatischen Pageviews koennen Sie benutzerdefinierte Events fuer alles feuern, was Sie messen moechten, Button-Klicks, Video-Wiedergaben, Formular-Uebermittlungen, Scroll-Meilensteine. Benutzerdefinierte Events erscheinen in Ihrem Dashboard und tragen eigene Eigenschaften.
// Ein benutzerdefiniertes Event mit Eigenschaften feuernmetrixs('Signup CTA Click', { props: { location: 'hero' } })Optionen
Abschnitt betitelt „Optionen“| Option | Typ | Standard | Beschreibung |
|---|---|---|---|
name |
string |
— | Der Event-Name (z.B. 'Signup CTA Click'). Verwenden Sie 'pageview' fuer einen manuellen Pageview. |
props |
object |
{} |
Benutzerdefinierte Eigenschaften, die an das Event angehaengt werden. |
url |
string |
location.href |
Ueberschreibt die fuer dieses Event aufgezeichnete Seiten-URL (nuetzlich fuer SPA-Routenwechsel). |
interactive |
boolean |
true |
Auf false setzen fuer passive Signale, die nicht als echte Interaktion zaehlen sollen (damit sie die Absprungrate nicht senken). Die eingebauten Scroll-Tiefe-/Engagement-Events verwenden dies. |
callback |
function |
— | Wird aufgerufen, nachdem das Event gesendet wurde. |
// Nicht-interaktives Signal, verlaengert die Besuchsdauer ohne Beeintraechtigung der Absprungratemetrixs('scroll_to_bottom', { props: { article: 'gdpr' }, interactive: false })Benutzerdefinierte Events, die waehrend eines Besuchs feuern, verlaengern auch seine gemessene Dauer, da die Dauer als die Zeit zwischen dem ersten Pageview und dem letzten Event berechnet wird. Siehe Besuchsdauer fuer die Bedeutung.
Automatisch erfasste Events
Abschnitt betitelt „Automatisch erfasste Events“Der vollstaendige Tracker erfasst automatisch drei Event-Typen, kein Setup erforderlich:
| Event-Name | Wann es feuert | Eigenschaft |
|---|---|---|
Outbound Link: Click |
Ein Besucher klickt auf einen Link zu einer externen Domain | url |
File Download |
Ein Besucher klickt auf einen Link zu einer Datei (pdf, zip, mp4, …) | url |
404 |
Eine 404-Seite, nur wenn die Seite <meta name="metrixs:404" content="true"> setzt |
path |
Diese erscheinen in ihrer eigenen Automatisch erfasste Events-Karte im Dashboard. Um 404s zu erfassen, fuegen Sie das Meta-Tag zu Ihrer 404-Seiten-Vorlage hinzu:
<meta name="metrixs:404" content="true" />Der lite-Tracker (
tracker.lite.js) verzichtet auf Auto-Tracking, nur Pageviews. Verwenden Sie den vollstaendigentracker.js, wenn Sie ausgehende Links, Downloads und 404s erfassen moechten.
Siehe Benutzerdefinierte Events fuer die Anzeige und Aufschluesselung im Dashboard.
Selbst-Ausschluss
Abschnitt betitelt „Selbst-Ausschluss“Um Ihre eigenen Besuche auszuschliessen, fuehren Sie dies in Ihrer Browser-Konsole aus:
localStorage.setItem('metrixs_ignore', 'true')Leichtgewichtige Version
Abschnitt betitelt „Leichtgewichtige Version“Fuer minimale Bundle-Groesse verwenden Sie den Lite-Tracker:
<script defer data-domain="yourdomain.com" src="https://app.metrixs.eu/tracker.lite.js"></script>