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.

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 deal wordt op het dashboard weergegeven met de volgende gegevens:

• Naam van het doelproject
• Aantal releases
• 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 link naar de pagina vertrekt onmiddellijk, Soms kan de browser de tracking niet op tijd verzenden.

Oplossing:
► Kort uitstellen van doorsturen en alleen na volgen uitvoeren.

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:

• minder onderhoudbaar
• wordt vaak overschreven door paginabouwers
• technisch onrein

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 Vorm systemen met hun eigen succeslogica (bijv. smart builder)

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

→ Corrigeer voor gereedschappen die hun eigen „succes“-haak hebben.

4.4 Traceren via de bedankpagina (fallback)

Als dit niet werkt:

1. Vorm succesvol
2. Redirect naar nieuwe pagina (bijv. /dank/)
3. Gebruik pageview tracking code op deze pagina

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.