Website tracker implementeren
Om een website-tracker op je website te plaatsen moet je wat javascript-code
toevoegen aan de <head>
-tag van je website. De precieze code die je moet
plaatsen is voor elke tracker uniek, en kun je terugvinden in de
integraties-module van de Marketing Suite. Hier
kun je een website racker aanmaken, en de benodigde code knippen en plakken in je website.
Bij het aanmaken van een nieuwe tracker moet je de volgende velden invoeren:
- Naam: de naam van de nieuwe tracker. Deze naam is vooral handig voor jezelf, bijvoorbeeld als je meerdere trackers hebt.
- Domein: het domein waarop de tracker gaat worden geplaatst. Je kunt ook meerdere domeinen
instellen en wildcards gebruiken, bijvoorbeeld
*.example.com
.
Script ophalen en implementeren
Na het aanmaken van de tracker vind je de bijbehorende JavaScript-code in het
tabblad Scripts. Klik op dit tabblad om het script te bekijken en te
kopiëren. Plaats deze code vervolgens in de <head>
-tag van de pagina's op je
website.
Gebruik je Google Tag Manager (GTM)? In het artikel Gebruik met Google Tag Manager leggen we stap voor stap uit hoe je de website tracker via GTM implementeert, zonder de HTML van je website aan te passen.
De JavaScript-code bevat een URL met een domein dat idealiter overeenkomt met het domein waarop je de website tracker gaat gebruiken. Het domein dat standaard door de tracker wordt gebruikt is gebaseerd op het sender domain dat aan je account is gekoppeld. Heb je meerdere senderdomains? Kies dan het sender domain dat het meest overeenkomt met het domein van de website waarop je de tracker wilt gebruiken.
Wil je een website tracker plaatsen op een heel andere domeinnaam? Dat kan op zich wel, maar het is verstandiger om tóch een senderdomain voor deze domeinnaam te configureren. Dit verbetert de tracking-mogelijkheden.
Aanbevolen gebruik van het "defer" attribuut
De HTML <script>
tag van de website tracker bevat standaard een defer
-attribuut.
Dit zorgt er voor dat het script pas wordt uitgevoerd nadat de volledige pagina is
geladen, zodat het laden van je website niet wordt vertraagd.
Als je naast het plaatsen van de tracker zelf ook eigen functies van de tracker wilt aanroepen, bijvoorbeeld om bezoekers te identificeren of aangepaste acties te registreren, moet je zorgen dat deze functies pas worden gebruikt nadat het script volledig is geladen. Er zijn twee manieren om dit veilig te doen:
Gebruik ook defer voor je eigen script
Als je een stukje eigen JavaScript toevoegt dat functies van de tracker aanroept, zet dit script dan ook in de
met het defer-attribuut. Hierdoor wordt automatisch gewacht tot de tracker volledig is geladen, voordat jouw code wordt uitgevoerd.<!-- gebruik "defer" ook voor je eigen code, zodat het pas wordt uitgevoerd na het inladen -->
<script defer>
copernica.trigger('my-event');
</script>
Wacht op het juiste moment
Als je geen defer kunt gebruiken, moet je ervoor zorgen dat functies pas worden aangeroepen nadat de pagina geladen is en het tracker-script is uitgevoerd. Dit kan bijvoorbeeld door de aanroepen te plaatsen in een klik-handler of een andere gebeurtenis die pas na het laden van de pagina plaatsvindt.
Voor veel gebruikers is dit niet nodig: als je alleen de tracker plaatst en geen extra functies aanroept, hoef je je hier geen zorgen over te maken. Het gebruik van defer voor het standaard-script is voldoende om alles correct te laten werken.
Security en veiligheid
Let op: bij het plaatsen van de website tracker wordt er standaard een cookie op het apparaat van de bezoeker geplaatst. Volgens de GDPR/AVG mag dit echter pas als de gebruiker hiervoor expliciete toestemming heeft gegeven. Het is daarom noodzakelijk om ervoor te zorgen dat de website tracker pas wordt ingeladen nadat de gebruiker consent heeft gegeven via bijvoorbeeld een cookiebanner. Zonder deze toestemming mag de tracker niet actief zijn.
Je moet er ook op alert zijn dat een website tracker veilig is, zeker als je deze gebruikt om je website te personaliseren of om profielgegevens bij te werken. Je moet je database goed inrichten en toegangsrechten instellen om te voorkomen dat er geen vertrouwelijke gegevens vanuit je database via de website tracker op je website terechtkomen. In de standaardconfiguratie zijn de meeste features daarom uitgeschakeld.