GitHub NPM

Umami Analytics: Datenschutzfreundliche Webanalyse für unsere Projekte

In der digitalen Ära ist es unerlässlich, Einblicke in die Nutzung unserer Websites zu gewinnen. Doch in einer Zeit, in der Datenschutz und Privatsphäre immer wichtiger werden, haben wir uns für Umami Analytics entschieden, eine Alternative zu den gängigen Analysetools wie Google Analytics. Warum? Weil es uns ermöglicht, mit dem kleinstmöglichen Fußabdruck wertvolle Informationen über die Nutzung unserer Projekte zu sammeln.

Warum wir Umami für unsere Projekte verwenden

• Datenschutz im Vordergrund: Umami sammelt keine persönlichen Daten, verwendet keine Cookies und verfolgt Benutzer nicht über verschiedene Websites hinweg. Dies bedeutet, dass wir unseren Nutzern eine datenschutzfreundliche Erfahrung bieten können, ohne auf wertvolle Einblicke verzichten zu müssen.

• Einfachheit und Klarheit: Anstatt uns durch komplexe Dashboards und Berichte zu wühlen, bietet Umami klare und einfache Analysen. Alles, was wir wissen müssen, passt auf eine einzige Seite.

• Open Source und Transparenz: Wir schätzen Transparenz und Community-Unterstützung. Mit Umami wissen wir genau, was im Hintergrund passiert, und können uns auf eine aktive Community verlassen.

Unser Umami Logger Plugin

Um die Integration von Umami in unsere Projekte zu erleichtern, haben wir das umami-logger-typescript Plugin entwickelt. Es ist nicht nur einfach zu verwenden, sondern auch leistungsstark.

Hauptmerkmale:

• Einfache Einrichtung: Mit nur wenigen Zeilen Code ist das Plugin einsatzbereit.
• Automatische Metadatenerfassung: Es erfasst automatisch wichtige Browser-Metadaten, sodass wir immer den Kontext der Benutzeraktivität haben.
• TypeScript-Unterstützung: Für diejenigen, die TypeScript verwenden, ist dieses Plugin vollständig kompatibel.

Installation

npm install @bitprojects/umami-logger-typescript

oder

yarn add @bitprojects/umami-logger-typescript

Verwendung

import Umami from '@bitprojects/umami-logger-typescript';

Umami.initialize({
    baseUrl: 'https://umami.is',
    websiteId: 'your-website-id',
});

// Loggen von Ereignissen
Umami.trackEvent('some-event', { foo: 'bar' });

Integration in Vue Router

Für Projekte, die Vue Router verwenden, haben wir den Prozess der Seitenaufrufverfolgung vereinfacht:

import VueRouter from 'vue-router';
import Umami from 'umami-logger-typescript';

const router = new VueRouter({
  // your routes here
});

router.beforeEach((to, from, next) => {
  Umami.trackPageView(to.path);  // Verwenden Sie 'to.path' als URL
  next();
});

Abschließende Gedanken

Umami Analytics hat sich als unschätzbares Tool für unsere Projekte erwiesen. Es respektiert nicht nur die Privatsphäre unserer Benutzer, sondern gibt uns auch die Einblicke, die wir benötigen, um unsere Websites ständig zu verbessern. Mit unserem umami-logger-typescript Plugin wird die Integration noch nahtloser. Probieren Sie es aus und erleben Sie den Unterschied!