Voor developers & website-eigenaren

Bouw betere analytics in je custom website

Of je nu React, Vue, PHP of pure HTML draait — integreer server-side tracking zonder concessies aan performance. Volledige controle, geen vendor lock-in.

React

Vue

PHP

JavaScript

Next.js

Geen vendor lock-in•Elke tech stack

Waarom server-side tracking voor custom websites?

Moderne webontwikkeling vraagt om betere tracking-oplossingen. Server-side tracking geeft je volledige controle.

Sterkere privacy & compliance

Met server-side tracking voldoet je custom website aan AVG, CCPA en andere privacywetgeving, terwijl je eigenaar van je data blijft.

Betere site-performance

Verlaag de client-side JavaScript-belasting en verbeter je page speed-scores. Je custom site laadt sneller dankzij server-side verwerking.

Nauwkeurigere dataverzameling

Omzeil ad blockers en tracking-preventie. Krijg complete, accurate analytics-data van al je bezoekers.

Flexibele implementatie

Integreert met elke tech stack. Of je nu React, Vue, PHP of een ander framework gebruikt — server-side tracking past zich aan.

Traditionele vs server-side implementatie

Traditioneel client-side

Je custom website

Meerdere tracking-scripts vertragen het laden

Browser van de bezoeker

Ad blockers en privacy-tools blokkeren tracking

Analytics-platforms

Onvolledige en onbetrouwbare data

Server-side met Tracking Hippo

Je custom website

Eén lichtgewicht GTM-script

Tracking Hippo-server

Veilige server-side dataverwerking

Analytics-platforms

Complete, nauwkeurige en compliant data

Eenvoudige integratie voor custom websites

Implementeer server-side tracking op je custom website in slechts 3 stappen

Zet je GTM-container op

Maak en configureer je Google Tag Manager-container voor server-side tracking.

Maak een nieuwe GTM-container met containertype 'Server'
Behoud je bestaande 'Web'-container voor client-side
Configureer je tracking-tags en triggers in de servercontainer
Publiceer de configuratie van je servercontainer

GTM container-configuratie

New Container Creation

✓ Container type: Server
✓ Target platform: Server
✓ Container name: YourSite-Server
✓ Country: Your region

Voeg het GTM-script toe aan je site

Plaats het Google Tag Manager-script in de HTML van je custom website, gericht op je Tracking Hippo-server.

Plaats het GTM head-script vóór de sluitende </head>-tag
Vervang 'googletagmanager.com' door je Tracking Hippo server-URL
Plaats het GTM body-script direct na de <body>-tag
Configureer de dataLayer voor custom events

GTM-script implementatie

<!-- Google Tag Manager with Tracking Hippo Server -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://your-server.trackinghippo.io/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

<!-- GTM Body Script -->
<noscript><iframe src="https://your-server.trackinghippo.io/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

Configureer de server-URL

Wijs je GTM-container naar je Tracking Hippo-server voor server-side verwerking.

Haal je Tracking Hippo server-URL op uit het dashboard
Werk de server-URL-instelling van je GTM-container bij
Configureer custom domeinen waar nodig
Verifieer de server-side dataflow

Tracking Hippo server-configuratie

Tracking Hippo Configuration

Server URL: https://your-server.trackinghippo.io
Status: ✓ Connected
Data flow: ✓ Active

Implementatievoorbeelden

Kant-en-klare codevoorbeelden voor veelvoorkomende scenario's

Custom event tracking

// Custom event tracking
dataLayer.push({
  'event': 'purchase',
  'transaction_id': '12345',
  'value': 25.00,
  'currency': 'USD',
  'items': [{
    'item_id': 'SKU123',
    'item_name': 'Product Name',
    'category': 'Category',
    'quantity': 1,
    'price': 25.00
  }]
});

React-integratie

// React implementation
import { useEffect } from 'react';

const useGTM = () => {
  useEffect(() => {
    // Track page view
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      event: 'page_view',
      page_title: document.title,
      page_location: window.location.href
    });
  }, []);
};

Alles wat je custom website nodig heeft

Directe server-to-server integratie

Werkt met elke web tech stack

Custom event tracking en analytics

AVG-conforme dataverwerking

Europese serverinfrastructuur

Bestand tegen ad blockers

Verbeterde conversie-tracking

Real-time dataverwerking

Klaar om te beginnen?

Til de analytics van je custom website naar een hoger niveau met server-side tracking. Start je gratis proef vandaag en zie het verschil.

Geen creditcard nodig • €10 gratis proeftegoed