Intastellar Consents op uw website installeren (JavaScript)
Deze gids is voor een gewone website (eigen HTML of een CMS dat niet in onze WordPress- of Shopify-artikelen staat). U hoeft geen ontwikkelaar te zijn om het verhaal hieronder te volgen — wie het fragment plakt, leest Volledig fragment om te plakken en de tabel met verplichte velden.
Gebruik een ander artikel als de site alleen via het volgende loopt:
- WordPress → WordPress — aan de slag
- Shopify → Shopify
- alleen Google Tag Manager → Google Tag Manager
Wat dit doet (en waarom het belangrijk is)
Intastellar Consents voegt een cookie- / toestemmingsbanner op uw site toe. In gewone taal:
- Bezoekers zien een duidelijke keuze vóór u zich op toestemming beroept voor niet-noodzakelijke cookies en vergelijkbare opslag.
- Noodzakelijke sitefuncties mogen nog draaien; analytics, advertenties en social pixels horen pas te draaien nadat u ze hebt aangesloten op de keuze van de bezoeker (bijvoorbeeld met Google Consent Mode en zorgvuldige tagvolgorde in GTM).
- De configuratie staat in
window.INTA; het product laadtuc.jsvan het CDN van Intastellar — hetzelfde „twee blokken in<head>”-model als op het productoverzicht van Intastellar Consents.
Dit helpcentrum legt het product uit, niet het recht. Voor juridische zekerheid schakelt u een gekwalificeerde adviseur in. Wat wij wél kunnen helpen verifiëren is technisch gedrag: banner zichtbaar, keuze opgeslagen en (als uw tags goed staan) minder trackingverzoeken vóór toestemming.
Voordat u begint
- Een pagina met uw privacybeleid op uw site die bezoekers kunnen openen (een werkende
https://…-link). Zonder dit blijft de banner vaak bewust verborgen. - De naam van uw bedrijf of site en, voor een professionele uitstraling, een logo-URL (
https://…). - Toegang tot de gedeelde head / layout zodat elke pagina hetzelfde snippet laadt — niet alleen één statische pagina.
Snel installeren (twee onderdelen in <head>)
Wie de HTML kan bewerken, doet het volgende:
- Open het sjabloon dat voor de hele site
<head>uitvoert. - Direct na
<head>plakt u eerst het kleine script datwindow.INTAzet, daarna de regel dieuc.jslaadt (volgorde telt). - Vul minimaal de verplichte velden in (zie volgende sectie).
- Publiceer en open de site in een privé- / incognitovenster.
Minimaal voorbeeld (vervang de drie verplichte waarden; voeg branding uit de aanbevolen lijst toe zodra u kunt):
<script>
window.INTA = {
policy_link: "https://yourdomain.com/privacy-policy",
settings: {
rootDomain: "yourdomain.com",
company: "Uw bedrijfsnaam",
arrange: "ltr",
color: "#111827",
logo: "https://yourdomain.com/logo.png",
design: "overlay",
},
};
</script>
<script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>U kunt de policy-URL op policy_link en/of settings.privacy_policy zetten — beide moeten naar een live pagina wijzen als u ze gebruikt.
Configuratie: verplicht, aanbevolen en geavanceerd
Niet alles in window.INTA is even urgent. Gebruik deze volgorde:
Verplicht (zonder deze velden verschijnt de banner meestal niet)
| Veld | Doel |
|---|---|
policy_link of settings.privacy_policy | Werkende URL van het privacybeleid. Kapot of leeg → banner rendert vaak niet. |
settings.rootDomain | Sitedomein zonder https:// (bijv. example.com). Verkeerd domein → vreemd gedrag bij opslag van toestemming. |
settings.company | Naam die bezoekers op de banner zien. |
Aanbevolen (eerste echte publicatie)
| Veld | Doel |
|---|---|
settings.logo | https://… naar uw logo — vertrouwen. |
settings.color | Primaire UI-kleur (hex). |
settings.design | Bijv. overlay — zie Aanpassen. |
settings.arrange | ltr of rtl voor lay-outrichting. |
Optioneel / integraties
| Veld | Doel |
|---|---|
settings.gtagId | Google measurement-ID bij Google-tags; vaak samen met Consent Mode en juiste tagvolgorde. |
settings.requiredCookies, settings.keepInLocalStorage | Strikt noodzakelijke cookies en opslagsleutels — zie INTA-referentie. |
Volledige veldenlijst en types: JSON-schema window.INTA (voor ontwikkelaars en bureaus).
Na installatie: zo ziet „werkt” eruit
Bij een eerste bezoek in een privévenster zou u het volgende moeten zien:
- Banner zichtbaar (als de policy-URL en plaatsing kloppen).
- Keuze onthouden op hetzelfde domein als u een andere pagina opent — geen kapotte pop-up bij elke klik.
- Niet-noodzakelijke scripts (analytics, ads, pixels) pas nadat de bezoeker heeft geaccepteerd — mits u die tags zo laadt dat ze naar toestemming luisteren (direct
gtag+ Consent Mode, GTM-triggers, enz.).
Als de banner er wel is maar Google Analytics of Meta meteen al vuren, zit het probleem meestal in de tag-aansluiting, niet alleen in het banner-snippet. Los laadvolgorde en toestemmingssignalen op — Google Tag Manager is daarvoor vaak de plek.
Controleren in de browser (technische check)
Dit is geen juridisch bewijs van naleving; het is een sanity check die eigenaren en bureaus kunnen herhalen.
- Open uw site in een privé- / incognitovenster (of wis sitedata voor uw domein).
- Open Ontwikkelaarstools → Netwerk.
- Herlaad de pagina vóór u Accepteren / Weigeren op de banner klikt.
- Filter op namen die u herkent (
google-analytics,collect,facebook,doubleclick, enz.). - Accepteer cookies in de banner en herlaad of navigeer — veel setups tonen meer third-party- of analyticsverzoeken na toestemming.
Wat u wilt zien hangt af van hoe u GA4, Meta en andere tags hebt gekoppeld. Als verzoeken vóór de toestemming al gaan die u verwacht, behandelt u dat als een configuratiefout in uw tags, niet als iets om te negeren.
Optioneel: uiterlijk en dieper gedrag
Als de basis werkt, gebruikt u Aanpassen voor kleuren, lay-out en presentatie. Voor alleen logo-stappen: Logo toevoegen. Voor iframes: iFrames.
Veelvoorkomende problemen
Banner verschijnt niet
- Privacy-URL — Open de link uit
policy_link/privacy_policyin een normaal browsertabblad. - Plaatsing — Beide scripts moeten vroeg in
<head>, op een gedeeld layout. - Caching — Harde refresh, andere browser, of wachten op CDN / optimalisatie-plugins.
- Slechts één pagina — Het snippet moet op alle pagina’s draaien waar de banner moet verschijnen.
Banner er wel, maar tracking vroeg te vroeg
- Consents schakelt niet magisch tags uit die u elders injecteert. Gebruik Consent Mode, GTM-tagvolgorde of conditioneel laden zodat tags wachten op toestemming. Zie Google Tag Manager en Foutopsporing.
Domein of toestemming voelt „verkeerd” op subdomeinen
- Controleer of
rootDomainovereenkomt met hoe bezoekers de site bereiken; mismatch geeft verwarrend opslaggedrag. Integrators: Foutopsporing en Overzicht voor integrators.
Volledig fragment om te plakken (inclusief optionele velden)
Kopieer naar de head van de site, direct na <head>. Vervang daarna de placeholders met de tabellen hierboven — sla de verplichte rijen niet over.
<script>
window.INTA = {
policy_link: "https://yourdomain.com/privacy-policy",
settings: {
rootDomain: "yourdomain.com",
company: "yourcompany",
arrange: "ltr",
color: "#000000",
logo: "https://yourdomain.com/logo.png",
design: "overlay",
gtagId: "G-XXXXXXXXXX",
requiredCookies: [],
keepInLocalStorage: [],
},
};
</script>
<script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>Gerelateerd
Last updated