Hoe je 100% van Google Analytics-events op je website verzamelt

Wist je dat Google Analytics door meer dan 50% van het web wordt gebruikt? Dat zijn tienduizenden miljoenen websites!

De kans is dus groot dat jouw website ook Google Analytics gebruikt en dat je de data en rapportagemogelijkheden wilt benutten om gefundeerde beslissingen te nemen over je site, content-roadmap, product en de toekomst van je bedrijf.

Als dat zo is, lees dan vooral verder in deze praktische tutorial en ontdek waarom en hoe je 100% van de webinteracties op je website kunt verzamelen.

Maar ik dacht dat ik al 100% van de webinteracties verzamelde?

Helaas geldt dat voor de meeste websites niet, door verschillende beperkingen. Dit zijn fundamentele technologische beperkingen die in de afgelopen 10 jaar steeds zwaarder zijn gaan wegen. 

Ik heb het over drie hoofdoorzaken:

#1 Bewustzijn rond privacy en nieuwe regelgeving

Steeds meer landen voeren specifieke wetten in om de privacy van consumenten te beschermen, waarbij toestemming van de gebruiker nodig is voor dataverzameling — een grote verbetering voor de privacy van consumenten.

Een minder voor de hand liggend gevolg is dat minder dan de helft van de bezoekers volledige toestemming geeft. According to recent studies, the average cookie consent rate is 31%. Met andere woorden: meer dan twee derde van je bezoekers accepteert geen third-party cookies; daardoor komen hun pageviews en events niet daadwerkelijk in Google Analytics terecht.

#2 Adblockers

Hoewel ze specifiek zijn ontworpen om advertenties te blokkeren, voorkomen adblockers dataverzameling door automatisch HTTP-verbindingen naar populaire analytics-API’s zoals Google Analytics te blokkeren.

De wereldwijde adoptie is het afgelopen decennium gestegen van 3% naar ruim 11%. En in Europa en Noord-Amerika gebruikt ~50% van de bezoekers adblockers.

Met andere woorden: adblockers kunnen meer dan 50% van je website-interacties blokkeren, vooral als je doelgroep technisch en hoogopgeleid is.

#3 Webperformance & mobiele adoptie

Trage of onstabiele internetverbindingen, vaak op mobiele apparaten, kunnen de datastroom van het apparaat naar de trackingservers verstoren, wat tot nog eens 10% dataverlies leidt. In 2024 wordt bijna 60% van het wereldwijde webverkeer gegenereerd door mobiele apparaten, vergeleken met minder dan 30% tien jaar geleden.

Daarbovenop ondersteunen moderne webframeworks oudere browsers niet volledig in het kader van efficiëntie — wat goed is voor de overgrote meerderheid van de bezoekers. Aan de andere kant is het vrij gebruikelijk dat populaire websites ~90% compatibiliteitsscores hebben, wat extra dataverlies oplevert. Bij Edgee hebben we extreme gevallen gezien waarbij een compatibiliteitskloof van 10% tot meer dan 40% dataverlies leidde.

Oké, wat kan ik daaraan doen?

Als website-eigenaar of developer is het frustrerend om te beseffen dat je weinig controle hebt over de drie belangrijkste oorzaken van dataverlies die we net hebben besproken. Je moet voldoen aan regelgeving en de privacy van je gebruikers respecteren. Je kunt bezoekers niet dwingen hun browser te upgraden of mobiel browsen te vermijden terwijl je een goede gebruikerservaring biedt.

Het goede nieuws is dat je compliant kunt blijven, de privacy van gebruikers kunt respecteren en client-side beperkingen kunt omzeilen met edge computing.

Edge computing to the rescue

Edge computing is een verzameling technologieën en architecturen waarmee je rekenkracht en dataopslag dichter bij de gebruiker brengt om de latency te verlagen, vergeleken met gecentraliseerde datacenters. Op dezelfde manier kun je met edge computing rekenwerk verplaatsen van de browser naar de laag tussen client en server, waardoor je effectief beperkingen van adblockers, cookies, mobiele connectiviteit en JavaScript-compatibiliteit omzeilt.

Gelukkig helpen tools zoals Edgee organisaties om client-side SDK’s zoals Google Analytics om te zetten in WebAssembly-componenten die op de edge draaien. Dit betekent dat je de Google Analytics SDK van je website kunt verwijderen, en Edgee zorgt voor het verzenden van pageviews en custom events naar GA, zelfs vóórdat de pagina aan de browser wordt geserveerd.

Technisch gezien omvat dit een set technieken om ervoor te zorgen dat bots automatisch worden uitgesloten en dat adblockers client-gegenereerde events niet onderscheppen.

Laten we Edgee in de praktijk bekijken

Tot zover duidelijk! Maar hoe werkt het nu eigenlijk? En belangrijker: hoe integreer je Edgee efficiënt in je website zonder eindeloos veel tijd te besteden of je Google Analytics-rapporten te moeten aanpassen? Ik laat het je zien!

De onderstaande stappen vereisen geen creditcard en brengen geen onverwachte kosten met zich mee, want Edgee heeft een gratis tier.

Je kunt in 5 stappen aan de slag met Edgee:

1. Maak een nieuw gratis Edgee-account aan
2. Maak een nieuw Edgee-project en stel je backend-URL in, zoals https://youwebsite.com
3. Voeg een Google Analytics-component toe aan je project, door deze te kiezen uit een lijst met kant-en-klare componenten
4. Integreer de Edgee SDK in je HTML-code en werk de event-mapping bij
5. Integreer Edgee met je architectuur (CDN-achtig)

Wacht, waarom heb ik een nieuwe client-side SDK nodig?

Goede vraag! De Edgee SDK fungeert als brug en vervangt de JavaScript-SDK’s van alle componenten die je voor je project hebt ingeschakeld. Met andere woorden: de Edgee SDK zorgt dat onze edge-verwerkingsmogelijkheden worden geactiveerd. Wanneer Edgee dit script onderschept, worden analytics-events en andere services transparant en rechtstreeks aan de edge getriggerd. 

Het resultaat? Realtime analytics zonder de performance van je app te schaden. De edge compute-logica draait in minder dan 4 milliseconden in 99% van de gevallen (99e percentiel). Bovendien kun je met de SDK client-side events zoals knopklikken of custom acties tracken zonder de pagina te herladen, via directe communicatie met Edgee, waardoor dit niet kan worden geblokkeerd.

Dit is wat je aan je website moet toevoegen:

<script id="__EDGEE_SDK__" src="<YOUR_SDK_URL>" async></script>

En als je front-end een React-app is, kun je use the react-edgee package like this:

import EdgeeSdk from "react-edgee";
<EdgeeSdk src={"<YOUR_SDK_URL>"} />

Vervolgens moet je je JavaScript-code updaten om de Edgee SDK te gebruiken in plaats van Google Analytics:

// from this:
gtag('event', 'button-click', {
    color: ‘blue
});

// to this:
edgee.track({
    'name': 'button-click',
    'properties': {
        color: ‘blue
    }
});

Op dezelfde manier, als je user-specifieke properties instelt:

// from this:
gtag('config', '<tag_id>', {
  'user_id': '<user_id>'
});
// or this:
gtag('set', 'user_properties', {
  'user_id': '<user_id>',
  '<property_name>': '<property_value>',
});

// to this:
edgee.user({
    'user_id': '<user_id>',
    'anonymous_id': '<anonymous_user_id>',
    'properties': {
      '<property_name>': '<property_value>'
    }
});

Voor complexere integraties kun je bekijken hoe je je Edgee Data Layer configureert op de server en hoe je automatisch cookie-toestemming kunt mappen via de SDK of ingebouwde integraties voor tools zoals Axceptio, Didomi en OneTrust.

Migratiestrategieën

Een splinternieuwe website bouwen is spannend en laat ruimte om vrij te experimenteren. Maar in de meeste gevallen heb je al een gevestigde website met historische GA-rapporten, optimalisaties en waardevolle data. En je kunt je geen gaten of dubbele entries in je analytics veroorloven.

Daarom raad ik een van de volgende migratiestrategieën aan. Ze voegen wat complexiteit toe, maar maken incrementeel testen mogelijk, borgen betrouwbaarheid en leveren onderweg waardevolle inzichten op.

#1 Integreren en vergelijken

Deze strategie is vooral nuttig als je niet zeker weet hoe groot je dataverlies is. Is het 5%, 20% of 50% van het totaal? Afhankelijk van het antwoord besluit je mogelijk om een tool zoals Edgee zo snel mogelijk te prioriteren.

Een goede manier om dit te meten is door Edgee te integreren naast je bestaande Google Analytics-setup, met een nieuwe GA-property binnen hetzelfde account. Zo kun je een proof-of-concept enkele weken draaien (één maand is meestal genoeg) en de twee properties vergelijken om je datakloof te kwantificeren.

De implementatie is eenvoudig, want je hoeft je bestaande GA-code niet te wijzigen. Integreer simpelweg de Edgee SDK en voeg tracking-snippets toe voor pagina- en custom events.

Zodra het experiment is afgerond en je klaar bent om volledig over te stappen op edge-analytics, kun je naar de volgende strategie gaan en de oude implementatie uitfaseren.

#2 Integreren en vervangen

Deze strategie richt zich op het volledig vervangen van de oude JavaScript-implementatie in vier stappen.

Eerst integreer je de Edgee SDK en maak je een nieuwe Google Analytics-component in je project, maar laat je die uitgeschakeld.

Vervolgens schakel je de automatische pageview-analytics uit zoals dit:

gtag('config', '<tag_id>, {
  send_page_view: false,
});

Ten derde bereid je je voor om deze codewijziging te deployen en direct de (inactieve) component te activeren die je in de eerste stap hebt geconfigureerd. Zo voorkom je dat data wordt gedupliceerd of verloren gaat.

Tot slot zet je alle client-side tracking om naar de Edgee SDK. Je kunt dit incrementeel doen, maar ik raad aan om alle events in één keer om te zetten. Dat zorgt voor een schone migratie en stelt je in staat om overbodige SDK’s te verwijderen, wat de performance van je website verbetert.

In de Edgee-docs vind je een nog uitgebreidere migratiegids die zowel architectuur- als codewijzigingen behandelt.

Samenvatting en takeaways

In dit artikel hebben we de client-side uitdagingen verkend die je verhinderen om 100% van de website-interacties vast te leggen.

Vervolgens hebben we Edgee geïntroduceerd, een platform op basis van edge computing dat deze uitdagingen overwint en je nauwkeurige data geeft zonder privacy of performance op te offeren.

Tot slot: als je developer bent en meer wilt leren over hoe Edgee onder de motorkap werkt of hoe je eigen custom componenten integreert, neem dan gerust contact op op deze handige community-hub voor debugging.

Dit domein ontwikkelt zich razendsnel, en in 2025 komen er veel spannende updates en nieuwe componenten aan. In de tussentijd horen we graag meer over jouw use-cases en feedback!

Wil je je begrip van datagedreven besluitvorming verder verdiepen? Bekijk dan Marketing Analytics for Business—een cursus die je helpt analytics te gebruiken voor slimmere businessstrategieën.