Het tracking script installeren op je website

Script kopiëren

Voordat je het script kunt installeren, moet je tracking eerst activeren in je projectinstellingen. Heb je dat nog niet gedaan? Volg dan eerst de stappen in Website tracking activeren.

Zodra tracking actief is, vind je de embed code in Projectinstellingen > Analytics. De code ziet er als volgt uit:

<script defer src="https://t.skeo.nl/js/script.js" data-id="ss-a1b2c3d4e5f6"></script>

Vervang ss-a1b2c3d4e5f6 door je eigen tracking ID. Als je de code kopieert via de knop Code kopiëren in je projectinstellingen, is je tracking ID al automatisch ingevuld.

Script plaatsen in de head

Plak het script in de <head> sectie van je website, vóór de sluitende </head> tag. Het script gebruikt het defer attribuut, wat betekent dat het de laadtijd van je pagina niet vertraagt.

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <title>Mijn website</title>
    <!-- Andere meta tags en stylesheets -->
    <script defer src="https://t.skeo.nl/js/script.js" data-id="ss-a1b2c3d4e5f6"></script>
</head>
<body>
    <!-- Je website content -->
</body>
</html>

Installatie per platform

Het script werkt op alle typen websites. Hieronder vind je instructies voor de meest voorkomende platformen.

Statische HTML websites

Plak het script direct in het HTML bestand van je website, in de <head> sectie. Als je meerdere HTML pagina's hebt, voeg het script toe aan elke pagina of gebruik een gedeelde template.

WordPress

Ga naar Weergave > Thema-editor of gebruik een plugin zoals Insert Headers and Footers
Plak het script in de header sectie
Sla de wijzigingen op

Als je een child theme of een page builder gebruikt (Elementor, Divi), zoek dan naar de optie om code aan de header toe te voegen.

Astro, Next.js en andere frameworks

Voeg het script toe aan je hoofd-layout component. In Astro plaats je het in je BaseLayout.astro, in Next.js in _document.tsx of layout.tsx.

Single Page Applications (SPA)

Het Skeo script detecteert automatisch navigatie via pushState en replaceState. Je hoeft geen extra configuratie te doen voor React, Vue, Angular of andere SPA frameworks. Elke routewijziging wordt automatisch als paginaweergave geregistreerd.

Verificatie via DevTools

Na het plaatsen van het script kun je controleren of het correct werkt.

Open je website in de browser
Open DevTools met F12 of Cmd+Option+I (Mac)
Ga naar het tabblad Network
Filter op script.js of t.skeo.nl
Ververs de pagina

Je zou een request moeten zien naar https://t.skeo.nl/js/script.js met statuscode 200. Daarnaast verschijnt er een POST request naar https://t.skeo.nl/api/event bij elke paginaweergave.

Geen cookies nodig

Het Skeo script plaatst geen cookies en gebruikt geen localStorage. Hierdoor is het volledig GDPR/AVG compliant zonder dat je bezoekers om toestemming hoeft te vragen. Je hoeft geen cookiebanner te tonen voor dit script.

Meer over de technische werking lees je in Hoe tracking werkt (privacy en techniek).

Veelgemaakte fouten

| Probleem | Oplossing | |----------|-----------| | Script staat buiten <head> | Verplaats het script naar binnen de <head> tags | | Tracking ID ontbreekt | Controleer of data-id correct is ingevuld | | Script geblokkeerd door adblocker | Het script wordt gehost op t.skeo.nl, de meeste adblockers blokkeren dit niet | | Geen data na installatie | Wacht een paar minuten en controleer via DevTools of het script laadt |

Volgende stappen

Het analytics dashboard begrijpen: bekijk je eerste bezoekersdata
Hoe tracking werkt: technische details over privacy en dataverzameling
UTM parameters en verkeersbronnen: begrijp waar je bezoekers vandaan komen

Meer in Website tracking

Was dit artikel behulpzaam?