Installatie: voeg het mandera-script toe

Installeer mandera op je website, controleer of de tracking werkt en los de meest voorkomende installatieproblemen op.

mandera begint met het verzamelen van gegevens zodra het tracking-snippet op je website is geladen. Voeg het toe aan elke pagina die je wilt meten en controleer vervolgens of het goed is geïnstalleerd in je browser en in het mandera-dashboard.

Gebruik je een specifiek CMS of een websitebouwer? Kies hieronder je systeem om direct naar de bijbehorende installatiehandleiding te gaan:

Voordat je installeert

Wat je nodig hebt

Zorg ervoor dat je het volgende hebt voordat je mandera installeert:

toegang tot je mandera-dashboard
een website gemaakt in mandera
het tracking-snippet voor die website
toegang tot je CMS, tagmanager of websitecode

Je vindt je exacte tracking-snippet in je mandera-dashboard onder Settings.

Waar moet je het fragment plaatsen?

Het mandera-trackingfragment moet worden toegevoegd aan de <head> gedeelte van je website.

Voor de meeste websites moet het snippet worden geladen op elke openbare pagina die je door mandera wilt laten meten. Afhankelijk van je opzet kun je het toevoegen via je CMS, tagmanager of de algemene siteheader.

Algemene instellingen

Trackingcode

Om te beginnen met het verzamelen van gegevens, voeg je het mandera-trackingfragment toe aan je website.

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

De waarden in je snippet worden gegenereerd voor je website. Kopieer de voorbeeldwaarden hierboven niet.

Zorg ervoor dat het fragment precies zo blijft als het in je mandera-dashboard wordt weergegeven. Als een van de vereiste waarden ontbreekt of is gewijzigd, ontvangt mandera mogelijk geen gegevens van je website.

Vereiste attributen

Het fragment heeft deze onderdelen nodig om goed te werken:

Deel	Wat het doet
`bron`	Laadt het mandera-analysescript.
`mandera-org`	Verbindt het script met je organisatie.
`data-eigenschap-id`	Koppelt het script aan de website die je in mandera hebt gemaakt.
`alsof`	Laat het script laden zonder je website te blokkeren.

Installatiemethoden

Google Tag Manager

Gebruik deze methode als je website al gebruikmaakt van Google Tag Manager.

Open Google Tag Manager.
Kies de container voor je website.
Maak een nieuwe tag.
Kies een eigen HTML-tag.
Plak het mandera-trackingfragment in het HTML-veld.
Zet de trigger op alle pagina's.
Bewaar en publiceer de container.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de volgende stappen.

Zorg ervoor dat de Google Tag Manager-container zelf al op je website is geïnstalleerd. Als de container niet wordt geladen, wordt het mandera-snippet ook niet geladen.

Handleiding HTML

Gebruik deze methode als je de code van je website direct kunt aanpassen.

Open het globale HTML-sjabloon voor je website.
Vind de <head> sectie.
Plak het mandera-trackingfragment vóór de afsluitende </head> tag.
Sla je wijzigingen op en zet ze live.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de volgende stappen.

Als je website aparte templates gebruikt voor verschillende paginatypes, zorg er dan voor dat de code overal in staat waar je wilt meten.

Single-page applicaties

Single-page-applicaties worden volledig ondersteund. mandera detecteert routewijzigingen aan de clientzijde en telt deze mee als paginaweergaven, dus apps die zijn gebouwd met React, Vue, Next.js of soortgelijke frameworks hebben geen extra instellingen nodig. Alleen padwijzigingen tellen als nieuwe paginaweergaven, en pagina’s die minder dan drie seconden worden bekeken, worden als ruis beschouwd en genegeerd, behalve de laatste pagina van een bezoek.

Tracken uitschakelen

mandera filtert je eigen dashboardbezoeken en botverkeer automatisch weg, dus je hoeft jezelf niet uit te sluiten. Als je wilt dat mandera je website helemaal niet meer meet, verwijder dan het tracking-snippet uit je CMS, tagmanager of sjabloon. Gegevens die al zijn verzameld, blijven beschikbaar in je dashboard.

Check de setup

1. Open je website

Open een willekeurige openbare pagina waar het fragment actief moet zijn.

2. Open de ontwikkelaarstools van je browser

Open de ontwikkelaarstools in je browser en ga naar het tabblad Netwerk.

3. Vernieuw de pagina

Ververs de pagina terwijl het tabblad Netwerk open is.

4. Zoek naar het script mandera

Zoeken naar analytics.js of je mandera-webpagina URL. Als het script met de status ‘geslaagd’ wordt weergegeven, wordt het fragment geladen.

5. Bekijk het mandera-dashboard

Open de analytics suite in mandera en kijk of er gegevens verschijnen.

Data verschijnt misschien niet direct. Als het script goed laadt maar er geen gegevens verschijnen, ga dan verder met de onderstaande stappen voor probleemoplossing.

Probleemoplossing

Er worden geen gegevens weergegeven in mandera

Check deze punten eerst:

de codefragment is geïnstalleerd op de pagina die je aan het testen bent
het stukje zit binnenin de <head> sectie
het organisatie-id is hetzelfde gebleven
het website ID is hetzelfde gebleven
je websitecache is geleegd
je tagmanagerwijzigingen zijn gepubliceerd
Je browser of advertentieblokker blokkeert het script niet

Het script lijkt niet in het Netwerk-tabblad te staan

Als je het script niet kunt vinden in het Netwerk-tabblad, wordt het snippet waarschijnlijk niet geladen.

Check ff of het op het juiste template, CMS-veld of Tag Manager container is gezet.

Het script verschijnt wel, maar de data wordt nog steeds niet weergegeven

Als het script wel wordt geladen maar er geen gegevens verschijnen, controleer dan of de pagina openbaar is, of je in mandera de juiste website hebt geselecteerd en of het fragment bij dezelfde website hoort als die je nu bekijkt.

Slechts enkele pagina's worden gevolgd

Als er maar een paar pagina’s in mandera verschijnen, is het fragment misschien niet globaal geïnstalleerd.

Voeg het toe aan de globale header of alle relevante templates.

Google Tag Manager activeert de tag niet

Controleer of de tag de ‘all pages’-trigger gebruikt, of de container is gepubliceerd en of de Google Tag Manager-container op de website wordt geladen.

Gidsen per CMS

WordPress

mandera werkt met klassieke WordPress-thema’s, blokthema’s en headless WordPress-configuraties. Kies de methode die het beste bij je website past.

Methode 1: Voeg het stukje code toe aan de header van je thema

Je kunt het mandera-fragment rechtstreeks toevoegen aan het koptekst.php bestand.

Ga in WordPress naar Weergave → Thema-editor.
Doe open koptekst.php bestand.
Plak het mandera-fragment vóór de afsluitende </head> tag.
Vervang de plaatshouderwaarden door de waarden uit je mandera-dashboard.
Klik op Bestand bijwerken.
Open je website en controleer de installatie.

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Als je je thema bijwerkt of wisselt, moet je het stukje code mogelijk opnieuw toevoegen.

Methode 2: Gebruik een plugin voor het injecteren van headers

Je kunt mandera ook installeren zonder de themabestanden aan te passen.

Installeer een plugin zoals WPCode of Header Footer Code Manager.
Open de instellingen van de plugin.
Plak het mandera-fragment in het gedeelte ‘Header’.
Sla je wijzigingen op.
Leeg je website cache als je een caching plugin gebruikt.
Open je website en controleer de installatie.

Deze methode is meestal stabieler bij thema-updates omdat het codefragment door de plugin wordt beheerd.

Methode 3: Voeg het fragment toe via functions.php

Je kunt de code ook programmatisch toevoegen via je thema's functies.php bestand.

function mandera_tracking_script() {
    ?>
    <script
      src="https://<your-mandera-web-url>/analytics.js"
      mandera-org="ORG_ID"
      data-property-id="PROPERTY_ID"
      async
    ></script>
    <?php
}
add_action('wp_head', 'mandera_tracking_script');

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Voor productieomgevingen kun je deze waarden beter opslaan als WordPress-opties of constanten, in plaats van ze vast in het thema te coderen.

Zonder kop WordPress

Als je WordPress gebruikt als headless CMS met een frontend-framework zoals Next.js, Nuxt of Gatsby, installeer dan mandera in je frontend-app in plaats van de WordPress-backend.

Voeg het snippet toe aan je frontend <head> sectie. Als je frontend client-side routing gebruikt, lees dan ook de opmerking over single-page applications hierboven.

Shopify

Je kunt mandera op Shopify installeren door het tracking-snippet aan je webshop toe te voegen. De aanbevolen manier is om het snippet globaal te laden, zodat het wordt weergegeven op de openbare pagina’s die je door mandera wilt laten meten.

Dit zijn meestal pagina's zoals je homepage, productpagina's, collectiepagina's en contentpagina's.

Methode 1: Voeg het codefragment toe aan je Shopify thema

Gebruik deze methode als je toegang hebt tot de code van je Shopify-thema en mandera rechtstreeks in je actieve thema wilt installeren.

Voordat je je thema gaat bewerken, is het slim om eerst een kopie te maken van je actieve thema als back-up.

Open je Shopify admin-gedeelte.
Ga naar Online Winkel → Thema's.
Zoek je actieve thema.
Open het thema-menu en kies Code bewerken.
Open in de map Layout thema.liquid.
Zoek de afsluiter </head> tag.
Plak het mandera-trackingfragment direct vóór de afsluitende </head> tag.
Sla je wijzigingen op.
Open je winkel in een nieuw browsertabblad.
Check de installatie met de stappen hierboven.

Voeg dit stukje toe vóór de afsluiting </head> inloggen thema.liquid:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Als je je Shopify-thema later bijwerkt, dupliceert of verwisselt, controleer dan of het mandera-fragment nog steeds in het actieve thema zit.

Methode 2: Gebruik een eigen code app

Als je je thema-code liever niet direct aanpast, kun je een Shopify-app gebruiken waarmee je aangepaste code kunt toevoegen aan de header van je winkel.

Gebruik deze methode als je winkel al een vertrouwde header-, footer- of aangepaste code-app gebruikt, of als je liever een no-code setup wilt.

Installeer of open je eigen code-app in Shopify.
Maak een nieuwe code snippet aan.
Kies het kopgedeelte als de plaatsing.
Plak het mandera-trackingfragment in het codeveld.
Zet het stukje code op alle winkelpagina's die je wilt meten.
Opslaan en de snippet inschakelen.
Open je winkel in een nieuw browsertabblad.
Check de installatie met de stappen hierboven.

Zorg ervoor dat de app het codefragment op je openbare winkelpagina’s laadt. Als de app alleen code toevoegt aan bepaalde sjablonen of pagina’s, verzamelt mandera mogelijk alleen gegevens uit die delen.

Methode 3: Gebruik de Google Tag Manager

Als je Shopify-winkel al gebruikmaakt van Google Tag Manager, kun je het mandera-snippet via GTM toevoegen in plaats van de code van je thema rechtstreeks te bewerken.

Open Google Tag Manager.
Kies de container die je op je Shopify-winkel gebruikt.
Maak een nieuwe tag.
Kies een eigen HTML-tag.
Plak het mandera-trackingfragment in het HTML-veld.
Zet de trigger op alle pagina's.
Bewaar en publiceer de container.
Open je Shopify winkel in een nieuw browsertabblad.
Check de installatie met de stappen hierboven.

Zorg ervoor dat de Google Tag Manager-container zelf al in je Shopify-winkel is geïnstalleerd. Als de GTM-container niet wordt geladen, wordt het mandera-snippet ook niet geladen.

Shopify checkout pagina's

De standaardconfiguratie van mandera is bedoeld voor de openbare pagina’s van je Shopify-webwinkel.

De pagina’s voor het afrekenen, na de aankoop en de bestelstatus kunnen zich anders gedragen, omdat Shopify deze onderdelen apart behandelt van het reguliere winkelthema. Voor de basisconfiguratie van mandera moet je eerst controleren of het snippet correct wordt geladen op pagina’s zoals de startpagina, productpagina’s, collectiepagina’s en inhoudspagina’s.

Als je checkout-gerelateerde gebeurtenissen of omzetgegevens wilt meten, heb je daarvoor mogelijk een aparte Shopify-specifieke instelling nodig.

Probleemoplossing voor Shopify

Als er geen gegevens in mandera staan, controleer dan eerst het volgende:

het stukje code is toegevoegd aan het actieve Shopify thema of een globale aangepaste code app
dat stukje code staat in de head sectie
de waarden uit je mandera-dashboard zijn exact overgenomen
Je Shopify wijzigingen zijn opgeslagen en gepubliceerd
Je winkel is openbaar en niet beveiligd met een wachtwoord
Je browser of advertentieblokker blokkeert het script niet
je app met aangepaste code of je Google Tag Manager-container is actief
het fragment is niet twee keer geïnstalleerd

Als je onlangs je thema hebt gewijzigd of bijgewerkt, open dan het actieve thema nog eens en kijk of het mandera-fragment er nog steeds in staat.

Wix

Je kunt mandera op Wix installeren door het trackingsnippet als aangepaste code toe te voegen in je Wix-dashboard. Zo wordt het snippet geladen op alle openbare pagina’s die je door mandera wilt laten meten.

Gebruik deze methode als je website met Wix is gebouwd en je bij de site-instellingen kunt.

Voordat je installeert: Zorg ervoor dat je Wix-site gepubliceerd is en verbonden met een domein. Instellingen voor aangepaste code kunnen afhangen van je Wix-setup en abonnement.

Methode 1: Voeg de snippet toe via Aangepaste Code

De aanbevolen manier om mandera op Wix te installeren, is door het trackingsnippet toe te voegen aan de head-sectie van je site.

Open je Wix dashboard.
Kies de website waarop je mandera wilt installeren.
Ga naar Settings.
Open Custom Code onder Development & Integrations.
Klik op + Aangepaste code toevoegen.
Plak het mandera-trackingfragment in het codeveld.
Geef de code een duidelijke naam, bijvoorbeeld mandera analytics.
Onder 'Code toevoegen aan pagina's' kies je 'Alle pagina's'.
Kies of de code één keer per bezoek geladen moet worden of op elke pagina die een bezoeker opent.
Kies bij Plaatscode voor Hoofd.
Klik op Toepassen.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Voeg dit stukje code toe aan het Wix Custom Code veld:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Voor de meeste Wix websites is 'Alle pagina's' de beste optie, omdat dit de snippet ook toepast op nieuwe pagina's die je later aanmaakt.

Wix kan vragen of de code één keer per bezoek moet worden geladen of op elke pagina die een bezoeker opent. Voor een standaard mandera-installatie kun je het beste beginnen met ‘Code één keer per bezoek laden’, als deze optie beschikbaar is. Controleer na de installatie of het script te zien is op het tabblad ‘Netwerk’ van je browser en of er gegevens in mandera verschijnen.

Als je merkt dat paginawijzigingen niet worden weergegeven zoals verwacht, controleer dan de configuratie en probeer de alternatieve laadoptie.

Methode 2: Gebruik een eigen code app

Als je de native Custom Code-instellingen in Wix niet kunt benaderen, kun je een betrouwbare Wix-app gebruiken waarmee je aangepaste code kunt toevoegen aan de head-sectie van je site.

Gebruik deze methode alleen als de app de snippet wereldwijd in de head-sectie kan plaatsen.

Installeer of open je eigen code-app in Wix.
Maak een nieuwe custom code snippet.
Plak het mandera-trackingfragment in het codeveld.
Zet de plaatsing op Hoofd.
Pas het fragment toe op alle openbare pagina's die je wilt meten.
Opslaan en de snippet inschakelen.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Als de app alleen code toevoegt aan één pagina, iframe of zichtbaar ingesloten element, is deze niet geschikt voor de standaard mandera-installatie.

Methode 3: Gebruik de Google Tag Manager

Als je Wix-website al gebruikmaakt van Google Tag Manager, kun je mandera ook via GTM installeren.

Open Google Tag Manager.
Kies de container die je op je Wix-website gebruikt.
Maak een nieuwe tag.
Kies een eigen HTML-tag.
Plak het mandera-trackingfragment in het HTML-veld.
Zet de trigger op alle pagina's.
Bewaar en publiceer de container.
Open je Wix website in een nieuw browsertabblad.
Check de installatie met de stappen hierboven.

Zorg ervoor dat de Google Tag Manager-container zelf al is gekoppeld aan je Wix-website. Als de container niet wordt geladen, wordt het mandera-snippet ook niet geladen.

Wix problemen oplossen

Als er geen gegevens in mandera staan, controleer dan eerst het volgende:

Je Wix-site is gepubliceerd
je Wix-site is gekoppeld aan een domein
het stukje code werd toegevoegd via Custom Code of een globale custom code app
het stukje code staat in het head-gedeelte
het stukje wordt toegepast op alle relevante pagina's
de waarden uit je mandera-dashboard zijn exact overgenomen
je wijzigingen zijn toegepast en opgeslagen
Je browser of advertentieblokker blokkeert het script niet
het fragment is niet twee keer geïnstalleerd

Als het script niet in de Netwerk tab verschijnt, open dan opnieuw de Wix Custom Code instellingen en controleer of het stukje code actief is, op de juiste plek staat en op de juiste pagina's is toegepast.

Joomla

Je kunt mandera in Joomla installeren door het tracking-snippet toe te voegen aan de head-sectie van je website. Afhankelijk van hoe je Joomla hebt ingesteld, kun je dit doen via de instellingen van je template, je templatebestanden of via de Google Tag Manager.

Gebruik de methode die het beste bij je website past en de rechten die je hebt in Joomla.

Voordat je begint met installeren: Zorg dat je toegang hebt tot je Joomla beheergedeelte en weet welk template of template stijl actief is op de pagina's die je wilt meten.

Methode 1: Gebruik de aangepaste code-instellingen van je template

Veel Joomla-templates en templateframeworks hebben een veld voor aangepaste code waar je scripts in kunt zetten die je in de head-sectie van je website wilt hebben.

Gebruik deze methode als je actieve template een veld heeft zoals Aangepaste code, Head-code, Voor of iets dergelijks.

Open je Joomla admin-gedeelte.
Ga naar Systeem of Extensies, afhankelijk van je Joomla-versie.
Open de sectie Sjabloonstijlen of Sjablonen.
Kies de actieve sjabloon of sjabloonstijl die voor je website wordt gebruikt.
Zoek naar een sectie zoals "Custom Code", "Head Code" of iets dergelijks in de instellingen van de template.
Plak het mandera-trackingfragment in het veld voor de head-sectie.
Sla je wijzigingen op.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Voeg dit stukje code toe aan het aangepaste codeveld voor de head-sectie:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Als je website verschillende sjabloonstijlen gebruikt voor verschillende pagina’s, herhaal dan de instellingen voor elke sjabloonstijl die je door mandera wilt laten meten.

Methode 2: Voeg het stukje code toe aan je sjabloonbestand

Als je sjabloon geen veld voor aangepaste code bevat, kun je het mandera-fragment rechtstreeks aan het sjabloonbestand toevoegen.

Gebruik deze methode alleen als je je comfortabel voelt met het bewerken van templatebestanden of als je ondersteuning hebt van een ontwikkelaar.

Open je Joomla admin-gedeelte.
Ga naar Systeem of Extensies, afhankelijk van je Joomla-versie.
Open de sectie Sjablonen.
Kies het sjabloon voor de actieve site.
Open het hoofd sjabloonbestand, meestal index.php.
Zoek de afsluiter </head> tag.
Plak het mandera-trackingfragment direct vóór de afsluitende </head> tag.
Sla je wijzigingen op.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Bewerk de core bestanden van Joomla niet. De snippet moet worden toegevoegd via je template of template-instellingen, niet via de core Joomla installatie.

Als je je Joomla-sjabloon later bijwerkt, vervangt of verandert, kijk dan even of het mandera-fragment er nog steeds in zit.

Methode 3: Gebruik de Google Tag Manager

Als je Joomla-website al gebruikmaakt van Google Tag Manager, kun je het mandera-snippet via GTM toevoegen in plaats van je sjabloon aan te passen.

Open Google Tag Manager.
Kies de container die je op je Joomla website gebruikt.
Maak een nieuwe tag.
Kies een eigen HTML-tag.
Plak het mandera-trackingfragment in het HTML-veld.
Zet de trigger op alle pagina's.
Bewaar en publiceer de container.
Open je Joomla website in een nieuw tabblad van je browser.
Check de installatie met de stappen hierboven.

Zorg ervoor dat de Google Tag Manager-container zelf al op je Joomla-website is geïnstalleerd. Als de GTM-container niet wordt geladen, wordt het mandera-snippet ook niet geladen.

Problemen oplossen voor Joomla

Als er geen gegevens in mandera staan, controleer dan eerst het volgende:

Het stukje code is toegevoegd aan de actieve Joomla template of template stijl
het stukje code staat in het head-gedeelte
de waarden uit je mandera-dashboard zijn exact overgenomen
je Joomla-wijzigingen zijn opgeslagen
je websitecache is geleegd
je cache of optimalisatieplugin voorkomt niet dat het stukje code geladen wordt
de juiste template stijl is gebruikt op de pagina die je test
Je browser of advertentieblokker blokkeert het script niet
het fragment is niet twee keer geïnstalleerd

Als het script niet in het Netwerk-tabblad verschijnt, kijk dan of de pagina die je test een ander template-thema gebruikt. In Joomla kunnen verschillende menu-items verschillende template-thema's gebruiken, dus het fragment moet misschien op meer dan één plek toegevoegd worden.

TYPO3

Je kunt mandera in TYPO3 installeren door het tracking-snippet toe te voegen aan de head-sectie van je website. Afhankelijk van je opzet kun je dit doen via TypoScript, je sitepakket of Google Tag Manager.

Gebruik de methode die het beste bij je TYPO3-setup en je toegangsrechten past.

Voordat je installeert: Zorg dat je toegang hebt tot de TYPO3 backend, weet waar je hoofd TypoScript setup beheerd wordt en dat je de TYPO3 cache kunt legen na het doorvoeren van wijzigingen.

Methode 1: Voeg het snippet toe via TypoScript headerData

De meest directe manier om mandera in TYPO3 te installeren, is door het volledige tracking-snippet via TypoScript headerData toe te voegen.

Gebruik deze methode als je de TypoScript-instellingen van je website kunt bewerken en het volledige mandera-fragment in TYPO3 wilt plakken.

Open je TYPO3 backend.
Ga naar de module Sjabloon.
Kies de rootpagina of site root waar je hoofd TypoScript setup is geconfigureerd.
Open de TypoScript setup-editor.
Plak het TypoScript blok hieronder in je setup.
Vervang de plaatshouderwaarden door de waarden uit je mandera-dashboard.
Sla je wijzigingen op.
Wis de TYPO3 cache.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Voeg dit blok toe aan je TypoScript setup:

page.headerData.999 = TEXT
page.headerData.999.value (

)

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Als pagina.headerGegevens.999 is al in gebruik in je setup, kies een ander nummer dat nog niet gebruikt wordt.

Methode 2: Voeg het script toe via includeJS

Als je TYPO3-installatie door een ontwikkelaar wordt beheerd of via een sitepakket, kun je het mandera-script ook toevoegen via pagina.includeJS.

Gebruik deze methode als je liever het externe JavaScript-bestand beheert via TypoScript in plaats van de volledige script tag in te plakken koptekstgegevens.

Open je TYPO3 backend of je site package bestanden.
Open het hoofd TypoScript setup voor je website.
Plak het TypoScript blok hieronder in je setup.
Vervang de plaatshouderwaarden door de waarden uit je mandera-dashboard.
Sla je wijzigingen op.
Wis de TYPO3 cache.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Voeg dit blok toe aan je TypoScript setup:

page.includeJS {
  mandera = https:///analytics.js
  mandera.async = 1
  mandera.data.mandera-org = ORG_ID
  mandera.data.data-property-id = PROPERTY_ID
}

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Deze methode is vooral handig voor door ontwikkelaars beheerde TYPO3-installaties waarbij scripts centraal worden afgehandeld via TypoScript of een sitepackage.

Methode 3: Gebruik de Google Tag Manager

Als je TYPO3-website al gebruikmaakt van de Google Tag Manager, kun je het mandera-snippet via GTM toevoegen in plaats van de instellingen van je TYPO3-sjabloon aan te passen.

Open Google Tag Manager.
Kies de container die op je TYPO3 website gebruikt wordt.
Maak een nieuwe tag.
Kies een eigen HTML-tag.
Plak het mandera-trackingfragment in het HTML-veld.
Zet de trigger op alle pagina's.
Bewaar en publiceer de container.
Open je TYPO3 website in een nieuw browsertabblad.
Check de installatie met de stappen hierboven.

Zorg ervoor dat de Google Tag Manager-container zelf al op je TYPO3-website is geïnstalleerd. Als de container niet wordt geladen, wordt het mandera-snippet ook niet geladen.

Problemen oplossen voor TYPO3

Als er geen gegevens in mandera staan, controleer dan eerst het volgende:

het stukje is toegevoegd aan de actieve TypoScript-setup
het snippetje is toegevoegd aan de head sectie
de waarden uit je mandera-dashboard zijn exact overgenomen
de TYPO3 cache is geleegd
je sitepakket of implementatieproces bevat de laatste wijzigingen
de pagina die je aan het testen bent gebruikt dezelfde TypoScript-instellingen
Je browser of advertentieblokker blokkeert het script niet
het fragment is niet twee keer geïnstalleerd

Als het script niet in het Netwerk-tabblad verschijnt, check dan of de pagina die je test een andere site-setup, template-configuratie of TypoScript-conditie gebruikt. In TYPO3 kunnen verschillende delen van een website verschillende TypoScript-configuraties gebruiken.

Squarespace

Je kunt mandera op Squarespace installeren door het trackingsnippet toe te voegen via Code Injection. Hierdoor wordt het snippet geladen op alle openbare pagina’s die je door mandera wilt laten meten.

Gebruik deze methode als je website is gebouwd met Squarespace en je toegang hebt tot de site-instellingen.

Voordat je installeert: Zorg dat je Squarespace-site gepubliceerd is en dat je abonnement Code Injection ondersteunt.

Methode 1: Voeg het stukje code toe via Code Injection

De aanbevolen manier om mandera op Squarespace te installeren, is door het tracking-snippet toe te voegen aan het veld ‘Header Code Injection’.

Open je Squarespace dashboard.
Kies de website waarop je mandera wilt installeren.
Ga naar Settings.
Open Gevorderd.
Code injecteren.
Plak het mandera-trackingfragment in het veld ‘Header’.
Sla je wijzigingen op.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Voeg dit stukje toe aan het veld Header:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Code die je in het veld ‘Header’ toevoegt, wordt geladen in de head-sectie van je Squarespace-site. Dit is de beste plek voor het mandera-trackingfragment, omdat het overal moet worden geladen op de openbare pagina’s die je wilt meten.

Methode 2: Voeg het stukje code toe aan een specifieke pagina

Als je mandera eerst alleen op een specifieke Squarespace-pagina wilt testen, kun je het tracking-snippet toevoegen via code-injectie op paginaniveau.

Gebruik deze methode alleen voor testdoeleinden of voor pagina’s waarop mandera beperkt moet blijven tot een specifiek gedeelte van je website.

Open je Squarespace dashboard.
Ga naar Pagina's.
Kies de pagina waarop je mandera wilt installeren.
Open de pagina-instellingen.
Open Gevorderd.
Plak het mandera-trackingfragment in het veld voor de koptekstcode van de pagina.
Sla je wijzigingen op.
Open die pagina in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Als je wilt dat mandera je hele website meet, gebruik dan in plaats daarvan de methode ‘Global Header Code Injection’. Installatie op paginaniveau geldt alleen voor de geselecteerde pagina.

Methode 3: Gebruik de Google Tag Manager

Als je Squarespace-website al gebruikmaakt van Google Tag Manager, kun je het mandera-snippet via GTM toevoegen in plaats van het rechtstreeks via Squarespace Code Injection toe te voegen.

Open Google Tag Manager.
Kies de container die je op je Squarespace website gebruikt.
Maak een nieuwe tag.
Kies een eigen HTML-tag.
Plak het mandera-trackingfragment in het HTML-veld.
Zet de trigger op alle pagina's.
Bewaar en publiceer de container.
Open je Squarespace website in een nieuw browsertabblad.
Check de installatie met de stappen hierboven.

Zorg ervoor dat de Google Tag Manager-container zelf al op je Squarespace-website is geïnstalleerd. Als de container niet wordt geladen, wordt het mandera-snippet ook niet geladen.

Afrekenpagina's

De standaardconfiguratie van mandera is bedoeld voor de pagina’s van je openbare Squarespace-website.

Afrekenpagina’s kunnen zich anders gedragen, omdat Squarespace ze apart behandelt van gewone webpagina’s. Voor de standaard mandera-configuratie moet je eerst controleren of het snippet correct wordt geladen op openbare pagina’s, zoals de startpagina, dienstenpagina’s, productpagina’s, blogberichten en landingspagina’s.

Als je dingen rondom de checkout wilt meten, kijk dan even goed naar je Squarespace-setup en controleer wat er allemaal kan met jouw abonnement en hoe je winkel is ingesteld.

Problemen oplossen voor Squarespace

Als er geen gegevens in mandera staan, controleer dan eerst het volgende:

Je Squarespace site is gepubliceerd
jouw plan ondersteunt Code Injection
het stukje code is toegevoegd aan het veld 'Header Code Injection'
de waarden uit je mandera-dashboard zijn exact overgenomen
je wijzigingen zijn opgeslagen
de pagina die je aan het testen bent is publiek
Je browser of advertentieblokker blokkeert het script niet
het fragment is niet twee keer geïnstalleerd
Google Tag Manager wordt gepubliceerd als je mandera via GTM hebt geïnstalleerd

Als het script niet in het tabblad Netwerk verschijnt, open dan opnieuw de instellingen voor Code Injectie en controleer of het fragment nog steeds actief is in het veld Header.

Drupal

Je kunt mandera in Drupal installeren door het tracking-snippet toe te voegen aan de head-sectie van je website. Afhankelijk van hoe je Drupal hebt ingesteld, kun je dit doen via een module voor aangepaste code, je thema of Google Tag Manager.

Gebruik de methode die het beste bij je website past en de toegangsrechten die je in Drupal hebt.

Voordat je installeert: Zorg ervoor dat je toegang hebt tot je Drupal-beheeromgeving en weet of je website wordt beheerd via een aangepast thema, een sitepakket of bijdrage-modules.

Methode 1: Gebruik een module voor aangepaste code of een header-script

De makkelijkste manier om mandera op veel Drupal-websites te installeren, is door een betrouwbare module te gebruiken waarmee je scripts aan de head-sectie van je site kunt toevoegen.

Gebruik deze methode als je Drupal website al eigen code, een header script of een header/footer module gebruikt, of als je ontwikkelaar dit aanraadt.

Open je Drupal beheeromgeving.
Ga naar de module of configuratie-instellingen waar je eigen scripts voor de header kunt toevoegen.
Maak een nieuw script of open het veld voor hoofdsripts.
Plak het mandera-trackingfragment in het veld van de head-sectie.
Pas het fragment globaal toe of op alle openbare pagina's die je wilt meten.
Sla je wijzigingen op.
Wis de Drupal cache.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Voeg dit stukje toe aan het head-sectieveld:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Gebruik alleen modules die vertrouwd en onderhouden worden voor jouw Drupalversie. Als je niet zeker weet welke module je moet gebruiken, vraag het dan aan je Drupalontwikkelaar of sitebeheerder voordat je een nieuwe module installeert.

Methode 2: Voeg het script toe via je Drupal-thema

Als je Drupal-website door een ontwikkelaar wordt beheerd, kan het mandera-script worden toegevoegd via het actieve thema of het sitepakket.

Gebruik deze methode als jij of je ontwikkelaar de thema-bestanden kunnen aanpassen.

Open je Drupal-thema of sitepakket.
Open het thema bibliotheken.yml bestand.
Voeg het mandera-script toe als een externe JavaScript-bibliotheek.
Zorg dat de library in de header geladen wordt.
Voeg de bibliotheek globaal toe via de jouwe tema's info.yml bestand of een ander globaal thema ingesteld.
Vervang de plaatshouderwaarden door de waarden uit je mandera-dashboard.
Sla je wijzigingen op en zet ze live.
Wis de Drupal cache.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Voeg dit blok toe aan je bibliotheken.yml file:

mandera:
  header: true
  js:
    https:///analytics.js:
      type: external
      attributes:
        async: true
        mandera-org: ORG_ID
        data-property-id: PROPERTY_ID

Koppel de bibliotheek globaal in je thema info.yml file:

bibliotheken:
  - yourtheme/mandera

Vervangen jouw thema met de machinenaam van je actieve Drupal thema. Vervang ook ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Deze methode is vooral handig voor Drupal websites waar scripts centraal beheerd worden via een thema, subt thema of deployment workflow.

Methode 3: Gebruik de Google Tag Manager

Als je Drupal-website al gebruikmaakt van Google Tag Manager, kun je het mandera-snippet via GTM toevoegen in plaats van de instellingen van je Drupal-thema aan te passen.

Open Google Tag Manager.
Kies de container die op jouw Drupal website gebruikt wordt.
Maak een nieuwe tag.
Kies een eigen HTML-tag.
Plak het mandera-trackingfragment in het HTML-veld.
Zet de trigger op alle pagina's.
Bewaar en publiceer de container.
Open je Drupal website in een nieuw tabblad van je browser.
Check de installatie met de stappen hierboven.

Zorg ervoor dat de Google Tag Manager-container zelf al op je Drupal-website is geïnstalleerd. Als de container niet wordt geladen, wordt het mandera-snippet ook niet geladen.

Problemen oplossen voor Drupal

Als er geen gegevens in mandera staan, controleer dan eerst het volgende:

het stukje is toegevoegd aan de actieve Drupal-installatie
het stukje code staat in het head-gedeelte
het fragment wordt wereldwijd toegepast of op alle relevante pagina's
de waarden uit je mandera-dashboard zijn exact overgenomen
De Drupal cache is geleegd
je thema, subthema of sitepakket bevat de laatste wijzigingen
Je aangepaste codemodule is actief en correct geconfigureerd
Je browser of advertentieblokker blokkeert het script niet
het fragment is niet twee keer geïnstalleerd

Als het script niet in het tabblad Netwerk verschijnt, controleer dan of de pagina die je test een ander thema, domein, taalversie of siteconfiguratie gebruikt. Drupal websites kunnen verschillende setups hebben voor verschillende secties, dus het snippet moet mogelijk via het globale thema of siteconfiguratie worden toegevoegd.

Webflow

Je kunt mandera op Webflow installeren door het tracking-snippet toe te voegen aan je sitebrede aangepaste code. Hierdoor wordt het snippet geladen op alle openbare pagina’s die je door mandera wilt laten meten.

Gebruik deze methode als je website is gebouwd met Webflow en je toegang hebt tot de site-instellingen.

Voordat je installeert: Zorg dat je Webflow site gepubliceerd is en dat je site- of workspaceplan custom code ondersteunt.

Methode 1: Voeg het fragment toe via Site Settings

De aanbevolen manier om mandera op Webflow te installeren, is door het tracking-snippet toe te voegen aan het veld ‘Head Code’ voor de hele site.

Open je Webflow dashboard.
Kies de website waarop je mandera wilt installeren.
Open site Settings.
Ga naar het tabblad Aangepaste code.
Plak het mandera-trackingfragment in het veld ‘Head Code’.
Sla je wijzigingen op.
Publiceer je Webflow site.
Open je website in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Voeg dit stukje code toe aan het veld 'Site-brede Head Code':

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Code die je in het veld ‘Head Code’ voor de hele site invoert, wordt op je hele Webflow-site geladen. Dit is de beste optie voor de standaard mandera-configuratie, omdat het codefragment dan beschikbaar moet zijn op elke openbare pagina die je wilt meten.

Methode 2: Voeg het stukje code toe aan een specifieke pagina

Als je mandera eerst maar op één Webflow-pagina wilt testen, kun je het tracking-snippet toevoegen via aangepaste code op paginaniveau.

Gebruik deze methode alleen voor testdoeleinden of voor pagina’s waarop mandera beperkt moet blijven tot een specifiek deel van je website.

Je Webflow project openen in de Designer.
Open het venster Pagina's.
Kies de pagina waarop je mandera wilt installeren.
Open de pagina-instellingen.
Scroll naar de sectie Aangepaste code.
Plak het mandera-trackingfragment in de Inside <head> tag veld.
Sla je wijzigingen op.
Publiceer je Webflow site.
Open die pagina in een nieuw tabblad in je browser.
Check de installatie met de stappen hierboven.

Voeg dit stukje toe aan het paginaniveau Binnen <head> tag-veld

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Vervangen ORG_ID, Pandnummer en het script URL met de waarden uit je mandera-dashboard.

Als je wilt dat mandera je hele website meet, gebruik dan in plaats daarvan de ‘Head Code’-methode voor de hele site. Installatie op paginaniveau geldt alleen voor de geselecteerde pagina.

Methode 3: Gebruik de Google Tag Manager

Als je Webflow-website al gebruikmaakt van Google Tag Manager, kun je het mandera-snippet via GTM toevoegen in plaats van het rechtstreeks via de aangepaste code van Webflow toe te voegen.

Open Google Tag Manager.
Kies de container die op je Webflow website wordt gebruikt.
Maak een nieuwe tag.
Kies een eigen HTML-tag.
Plak het mandera-trackingfragment in het HTML-veld.
Zet de trigger op alle pagina's.
Bewaar en publiceer de container.
Open je Webflow website in een nieuw tabblad van je browser.
Check de installatie met de stappen hierboven.

Zorg ervoor dat de Google Tag Manager-container zelf al op je Webflow-website is geïnstalleerd. Als de container niet wordt geladen, wordt het mandera-snippet ook niet geladen.

Webflow Code Embed elementen

Gebruik geen standaard Code Embed-element voor de basisinstallatie van mandera. Code Embed-elementen zijn handig voor zichtbare insluitingen of pagina-inhoud, maar het mandera-trackingfragment moet globaal worden geladen in de head-sectie van je website.

Problemen oplossen voor Webflow

Als er geen gegevens in mandera staan, controleer dan eerst het volgende:

je Webflow site is gepubliceerd
Je site of werkruimteplan ondersteunt aangepaste code
het stukje is toegevoegd aan het veld Site-brede Head Code
de waarden uit je mandera-dashboard zijn exact overgenomen
je wijzigingen zijn opgeslagen en gepubliceerd
de pagina die je aan het testen bent is publiek
Je browser of advertentieblokker blokkeert het script niet
Google Tag Manager wordt gepubliceerd als je mandera via GTM hebt geïnstalleerd
het fragment is niet twee keer geïnstalleerd

Als het script niet in het netwerk tabblad verschijnt, open dan opnieuw de Webflow Custom Code instellingen en controleer of het stukje code nog steeds actief is in het Head Code veld. Publiceer daarna de site opnieuw en test de live website, niet alleen de Webflow preview.

Wat komt er hierna

Check je eerste data

Zodra het snippet is geïnstalleerd, kan mandera analysegegevens voor je website verzamelen. Deze gegevens worden weergegeven in de analysesuite en helpen het systeem inzicht te krijgen in het verkeer, de bronnen en de pagina’s.

Dezelfde opzet ondersteunt ook het bredere mandera-systeem. Zodra de betreffende onderdelen van je werkruimte klaar zijn, kunnen de analysegegevens worden gebruikt voor context, SEO-inzichten en groeimogelijkheden.

Ga verder met de systeemgidsen

Open na de installatie de Analytics Suite en kijk of er gegevens verschijnen. Volg daarna de systeemhandleidingen om te zien hoe mandera die gegevens gebruikt in de workflows voor Analytics, SEO, Context en Groei.

Gerelateerd

Aan de slag
Analytics Suite
Settings
Kernconcepten
Hoe wij volgen
Help

Laatst bijgewerkt: 12 juni 2026