Analytics ist der Prozess der Erfassung und Analyse von Daten darüber, wie Besucher mit Ihrer Website interagieren. Diese Informationen sind von entscheidender Bedeutung, da sie es Ihnen ermöglichen, fundierte Entscheidungen zur Verbesserung Ihrer Website zu treffen.
Google Analytics ist eine gute Wahl, es könnten jedoch Bedenken hinsichtlich des Datenschutzes und der Einhaltung der DSGVO bestehen.
Bei der Auswahl eines Analysetools ist es wichtig, dass es:
Umami Analytics überprüft alle diese Kästchen.
Umami Analytics ist ein einfaches, schnelles und datenschutzorientiertes Tool, mit dem Sie die Website-Nutzung verfolgen können, ohne die Privatsphäre der Benutzer zu gefährden. Es ist eine Open-Source-Alternative zu Google Analytics. Ein großes Plus ist, dass Umami Analytics der DSGVO (Datenschutz-Grundverordnung) entspricht.
Es gibt zwei Möglichkeiten, UMAMI Analytics zu verwenden
In diesem Artikel befassen wir uns mit der Selbsthosting-Option. Wir werden Supabase (kostenloser Tarif) für die Datenbank (Postgres) und Vercel (kostenloser Tarif/Hobby-Plan) für das Hosting von Umami verwenden.
Lassen Sie uns untersuchen, wie Sie Umami-Analysen mit Vercel + Supabase kostenlos selbst hosten können
Datei db/postgresql/schema.prisma bearbeiten (directUrl hinzufügen)
datasource db {
provider = "postgresql"
url = env("DATABASE_URL")
directUrl = env("DIRECT_DATABASE_URL") //add this line
relationMode = "prisma"
}
DATABASE_URL = postgres://[user]:[password]@aws-0-[aws-region].pooler.supabase.com:6543/postgres?**pgbouncer=true&connection_limit=1** DIRECT_DATABASE_URL = postgres://[user]:[password]@aws-0-[aws-region].pooler.supabase.com:**5432**/postgres
? DATABASE_URL ist dieselbe wie die Verbindungs-URL, die von supabase kopiert wurde (in Schritt 2), aber Sie müssen ?pgbouncer=true&connect_timeout=1 am Ende der URL
hinzufügen? DATABASE_URL ist dieselbe wie die von supabase kopierte Verbindungs-URL (in Schritt 2), aber Sie müssen den Port von 6543 durch 5432 ersetzen
Führen Sie nun die folgenden Befehle aus (um Abhängigkeiten zu installieren und die Datenbankverbindung einzurichten)
yarn install yarn build-db
Dann würden wir eine Basismigration erstellen, indem wir die folgenden Schritte befolgen
Wenn Sie einen Ordner „prisma/migrations“ haben, löschen, verschieben, benennen oder archivieren Sie diesen Ordner.
Run the following command to create a migrations directory inside with your preferred name. This example will use 01_init for the migration name:
mkdir -p prisma/migrations/01_init
Generate a migration and save it to a file using prisma migrate diff
npx prisma migrate diff \ --from-empty \ --to-schema-datamodel prisma/schema.prisma \ --script > prisma/migrations/01_init/migration.sql
Run the prisma migrate resolve command for each migration that should be ignored:
npx prisma migrate resolve --applied 01_init
This command adds the target migration to the _prisma_migrations table and marks it as applied. When you run prisma migrate deploy to apply new migrations, Prisma Migrate:
username : admin password : umami
Name : provide any name of your choice Domain : your [website](https://www.invoizly.com) domain (eg. invoizly.com)
In Next.JS projects to load a third-party script for multiple routes, import next/script and include the script directly in your layout component:
import Script from 'next/script'
export default function Layout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="en" className="dark">
<body className={cn(`${inter.className} antialiased`)}>
<Navbar />
{children}
<Footer />
</body>
<Script
defer
src="https://[your-analytics-app].vercel.app/script.js"
data-website-id="xxxx-xxx-xxxx-xxxx-xxxxx"
/>
</>
)
}
After adding the Sript in your root layout, deploy your app and visit your web page. you will be able to track the visits on your analytics dashboard page.
Hope with help of this article you will be able to set up analytics for your application quickly and easily, without relying on third-party services. Since Vercel and Supabase both provides generous free tier, you can run your analytics for free in the initial days while being GDPR compliant.
Invoizly is all about making invoicing easy and free. With Invoizly, you can quickly create high-quality, customizable invoices that look professional. It’s designed to be super user-friendly, so you can focus on your business instead of getting bogged down in paperwork.
Cover image by Marissa Grootes on Unsplash
Das obige ist der detaillierte Inhalt vonSelbsthostende Umami Analytics: Eine vollständige Anleitung zur kostenlosen Bereitstellung mit Vercel und Supabase. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
