Privacyvriendelijke websitestatistieken met Umami

Umami laat zien hoeveel mensen je website bezoeken, waar ze vandaan komen en welke pagina's ze lezen. Het werkt zonder cookies en slaat geen persoonsgegevens van je bezoekers op. Deze handleiding behandelt het bestellen, de eerste login, het toevoegen van je site en het lezen van de cijfers.

Wat je nodig hebt

• Een Headpat Space-account met een geverifieerd e-mailadres en ingevulde factuurgegevens.
• Een website waarvan je de HTML kunt bewerken, of een CMS of sitebouwer waarin je een script aan de <head> kunt toevoegen.

1. Bestel Umami

1. Log in op het paneel, open Apps in de zijbalk en klik op App aanmaken.
2. Zoek onder Template naar Umami en selecteer het.
3. Kies onder Pakket het pakket dat bij je past. Je kunt later naar een ander pakket overstappen.
4. Vul onder Details een Weergavenaam in, bijvoorbeeld "Statistieken". Zie je een veld Versie, laat het dan op Laatste (aanbevolen) staan.
5. Vink het vakje aan waarmee je bevestigt dat de levering direct mag beginnen, klik op App deployen en rond de betaling af.

De app en de bijbehorende database worden automatisch opgezet. De allereerste start kan een paar minuten duren, omdat Umami zijn database voorbereidt. Op de app-pagina toont de kaart Toegang het adres van je Umami. Wacht tot daar HTTPS actief staat en klik dan op Openen.

2. Log in en wijzig het standaardwachtwoord

Umami start met een standaard adminaccount dat bij elke nieuwe installatie hetzelfde is. Het paneel maakt voor deze app geen eigen login aan.

1. Vul op de loginpagina de gebruikersnaam admin en het wachtwoord umami in.
2. Open je profielinstellingen. Afhankelijk van de Umami-versie vind je die achter het profielicoon of onder Settings.
3. Klik op Change password, vul het huidige wachtwoord en twee keer een nieuw, sterk wachtwoord in en sla op.

Doe dit meteen. Het standaardwachtwoord is algemeen bekend en je loginpagina is vanaf het internet bereikbaar. Bewaar het nieuwe wachtwoord in een wachtwoordmanager. Het paneel kan het niet tonen en ook niet voor je resetten.

De namen in deze handleiding zijn die van de Engelse interface. Waar een knop precies zit, verschilt een beetje per Umami-versie.

3. Voeg je website toe

1. Open Settings en ga naar Websites. In nieuwere versies is Websites een eigen pagina.
2. Klik op Add website.
3. Vul onder Name een naam in die je herkent, bijvoorbeeld "Mijn webshop".
4. Vul onder Domain het domein in zonder https://, bijvoorbeeld example.com.
5. Klik op Save.

Je kunt zoveel websites toevoegen als je wilt en ze elk apart bekijken.

4. Plaats het trackingscript

1. Open in de lijst met websites de instellingen van je site, bijvoorbeeld met Edit ernaast.
2. Zoek daar Tracking code.
3. Kopieer de code. Die ziet er zo uit:

<script defer src="https://JOUW-UMAMI-ADRES/script.js" data-website-id="JOUW-WEBSITE-ID"></script>

4. Plak hem in de <head> van elke pagina die je wilt meten, vlak voor </head>.

Waar dat is, hangt af van hoe je site is gebouwd:

• Gewone HTML: plak de regel in elk HTML-bestand, of in het gedeelde header-template.
• WordPress: gebruik de header-instellingen van je thema of een plugin voor header-scripts. Bewerk themabestanden niet direct, want een update overschrijft ze.
• Andere CMS'en en sitebouwers: zoek naar een instelling met de naam "custom code", "header code" of "code injection".

Open daarna je website in een browser en klik door een paar pagina's. Binnen een paar seconden zie je je eigen bezoek in Umami onder Realtime.

5. Lees het dashboard

Open Websites en open je site, bijvoorbeeld met View ernaast.

De balk bovenaan toont de belangrijkste cijfers voor de gekozen periode:

Cijfer	Wat het betekent
Views	Hoeveel pagina's er in totaal zijn geladen
Visits	Hoeveel sessies er waren. Eén bezoek kan meerdere weergaven bevatten
Visitors	Hoeveel verschillende mensen er kwamen
Bounce rate	Het aandeel bezoeken dat maar één pagina zag
Visit duration	Hoe lang een bezoek gemiddeld duurde

Daaronder vind je de details:

• Pages: welke pagina's het meest worden gelezen.
• Referrers: de sites die bezoekers naar je toe stuurden, zoals zoekmachines of sociale media.
• Browsers, OS en Devices: wat je bezoekers gebruiken. Handig om te bepalen wat je test.
• Countries: waar je bezoekers zijn.

Met de datumkiezer wissel je tussen vandaag, de laatste 7 dagen, de laatste 30 dagen of een eigen periode. Klik op een rij, zoals een pagina of een verwijzer, om het hele dashboard daarop te filteren.

Goed om te weten

• Geen cookiebanner nodig voor Umami zelf: het plaatst geen cookies en slaat geen persoonsgegevens op. Andere tools op je site kunnen er nog wel een nodig hebben.
• Adblockers: sommige blokkeren analysescripts, ook zelf gehoste. Je cijfers liggen daardoor iets lager dan de werkelijkheid.
• Je eigen bezoeken: die tellen ook mee. Om jezelf uit te sluiten open je je website, open je de browserconsole en voer je localStorage.setItem("umami.disabled", 1) uit.
• Eigen domein: je kunt Umami op een adres als stats.example.com draaien. Zie Je eigen domein aan een app koppelen. Moet het script ook vanaf dat adres laden, open Umami dan daar, kopieer de trackingcode opnieuw en vervang hem op je site.
• Back-ups: alle statistieken staan in de database van de app, waarvan het paneel back-ups maakt. Zie Een back-up van je app maken en herstellen.