Trackboxx Conversie bijhouden

Met conversietracking van Trackboxx kun je meten welke acties bezoekers op je website ondernemen - bijvoorbeeld klikken op belangrijke links, verzonden formulieren of bekijken van bepaalde pagina's.
Deze gegevens helpen je om het succes van je marketing- en websitemaatregelen nauwkeurig te analyseren.

Belangrijk: Bij Trackboxx bieden we ook de mogelijkheid om conversies/doelen te volgen via automatische tracking. Deze methode is aanzienlijk eenvoudiger en vereist geen extra code op uw website. Klik hier voor het artikel. Automatische doelen

Welke conversietypes kan Trackboxx registreren?

Trackboxx ondersteunt de volgende gebeurtenissen:

• Klikken op links, knoppen of menu-items
• Weergave van bepaalde pagina's (bijv. een bedankpagina)
• Verzending van formulieren
• Eigen JavaScript-gebeurtenissen

Elke conversie wordt in het dashboard weergegeven met de volgende gegevens:

• Naam van de conversie
• Aantal activeringen
• Waarde (optioneel)
• Omrekeningskoers in de geselecteerde periode

1. conversie maken

Zo maak je een nieuw doelproject:

1. Klik op het tandwiel rechtsboven
2. Kies Websites
3. Selecteer de website en klik op Doelen
4. Klik op Doelproject maken
5. Naam en beschrijving toewijzen
6. Je ontvangt een code als deze:

Deze basis-ID wordt later geïntegreerd in de juiste codevoorbeelden.

2. klikken bijhouden

Je kunt klikken op verschillende manieren bijhouden.
Trackboxx raadt de JavaScript-variant, omdat het stabieler, flexibeler en GDPR-vriendelijker is.

2.1 Klikken volgen via JavaScript

a) Volgen via een CSS-ID

<a href="/contact/" id="contact-link">Neem contact met ons op</a>
Taal van de code: HTML, XML (xml)

Volgcode:

<script>
document.getElementById('contact-link').addEventListener('klik', () => {
    trackboxx('trackGoal', 'UW-ID');
});
</script>
Taal van de code: HTML, XML (xml)

b) Volgen via een CSS-klasse

<script>
document.querySelector('.contact-link'.').addEventListener('klik', () => {
    trackboxx('trackGoal', 'UW-ID');
});
</script>Taal van de code: HTML, XML (xml)

⚠️ Opmerking:
querySelector() tracks alleen het eerste element met deze klas.

Voor meerdere elementen tegelijk:

<script>
document.querySelectorAll('.contact-link'.').forEach(el => {
    el.addEventListener('klik', () => {
        trackboxx('trackGoal', 'UW-ID');
    });
});
</script>
Taal van de code: HTML, XML (xml)

2.2 Click tracking met onmiddellijke doorsturing (externe links, downloads, mailto, tel)

Als een bezoeker via een link de pagina direct verlaat, heeft de browser soms niet genoeg tijd om het trackingsignaal te verzenden.

Oplossing:
► Stel de doorverwijzing kort uit en voer deze pas uit nadat het trackingsignaal is verzonden.

Voorbeeld:

<script>
document.querySelectorAll('.externe-link'.').forEach(el => {
  el.addEventListener('klik', (e) => {
    e.preventDefault();
    trackboxx('trackGoal', 'UW-ID');
    setTimeout(() => {
      raam.location = el.href;
    }, 150);
  });
});
</script>
Taal van de code: HTML, XML (xml)

Aanbevolen voor:

• externe koppelingen
• PDF-downloads
• Mailto koppelingen
• Tel-Links
• Affiliate links

2.3 Click-tracking via inline HTML (klik op)

Deze methode werkt, maar is niet optimaal:

<a href="/contact/" klik op="trackboxx('trackGoal', 'DEINE-ID');">Neem contact met ons op</a>
Taal van de code: HTML, XML (xml)

⚠️ Nadelen:

• lastiger te onderhouden
• wordt vaak overschreven door paginabouwers
• technisch minder betrouwbaar

Aanbeveling: JavaScript in plaats van inline.

3. paginaweergaves (pageview-conversies)

Om te meten hoe vaak een bepaalde pagina wordt opgevraagd:

<script>
document.addEventListener('DOMContentLoaded', () => {
    trackboxx('trackGoal', 'UW-ID');
});
</script>
Taal van de code: HTML, XML (xml)

Ideaal voor:

• Pagina's bedankt
• Orderbevestigingen
• Succesvol verzonden pagina's

4. formuliertracering

Er zijn drie manieren:

4.1 Monitorformulier via indienen (als toegang mogelijk is)

<formulier indienen="trackboxx('trackGoal', 'DEINE-ID');">
Taal van de code: HTML, XML (xml)

Eenvoudig - werkt overal waar HTML kan worden bewerkt.

4.2 Formulierverzending volgen via JavaScript

Als eventListener vereist is:

<script>
document.querySelector('#contactformulier').addEventListener('indienen', () => {
    trackboxx('trackGoal', 'UW-ID');
});
</script>
Taal van de code: HTML, XML (xml)

4.3 Formuliersystemen met een eigen succeslogica (bijv. slimme builders)

<script>
sk('formulier', 'init'.', {
  bijSucces: functie() {
    trackboxx('trackGoal', 'UW-ID');
  }
});
</script>
Taal van de code: HTML, XML (xml)

→ Aanbevolen voor tools met een eigen “success”-hook.

4.4 Traceren via de bedankpagina (fallback)

Als dit niet werkt:

1. Formulier succesvol verzenden
2. Doorsturen naar een nieuwe pagina (bijv. /bedankt/)
3. Gebruik op die pagina de trackingcode voor paginaweergaven

Dit is de meest universele oplossing.

5. WordPress-specifieke tracking

5.1 Menu click tracking via CSS class

WordPress menu-item ontvangt bijv:

CSS-klassenieuw-hier
Taal van de code: HTTP (http)

Volgen:

<script>
document.querySelector('.nieuw-hier'.').addEventListener('klik', () => {
    trackboxx('trackGoal', 'UW-ID');
});
</script>
Taal van de code: HTML, XML (xml)

Automatische conversiecode generator

// Voer eerst uw conversie-ID in.

Gerelateerde artikelen:

Google Ads / Facebook Ads volgen via UTM - In dit artikel laten we je zien hoe je je betaalde campagnes op Google of Meta/Facebook kunt volgen en analyseren met Trackboxx.