Versionv1

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:


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 laadt uc.js van 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

  1. Een pagina met uw privacybeleid op uw site die bezoekers kunnen openen (een werkende https://…-link). Zonder dit blijft de banner vaak bewust verborgen.
  2. De naam van uw bedrijf of site en, voor een professionele uitstraling, een logo-URL (https://…).
  3. 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:

  1. Open het sjabloon dat voor de hele site <head> uitvoert.
  2. Direct na <head> plakt u eerst het kleine script dat window.INTA zet, daarna de regel die uc.js laadt (volgorde telt).
  3. Vul minimaal de verplichte velden in (zie volgende sectie).
  4. 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)

VeldDoel
policy_link of settings.privacy_policyWerkende URL van het privacybeleid. Kapot of leeg → banner rendert vaak niet.
settings.rootDomainSitedomein zonder https:// (bijv. example.com). Verkeerd domein → vreemd gedrag bij opslag van toestemming.
settings.companyNaam die bezoekers op de banner zien.

Aanbevolen (eerste echte publicatie)

VeldDoel
settings.logohttps://… naar uw logo — vertrouwen.
settings.colorPrimaire UI-kleur (hex).
settings.designBijv. overlay — zie Aanpassen.
settings.arrangeltr of rtl voor lay-outrichting.

Optioneel / integraties

VeldDoel
settings.gtagIdGoogle measurement-ID bij Google-tags; vaak samen met Consent Mode en juiste tagvolgorde.
settings.requiredCookies, settings.keepInLocalStorageStrikt 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:

  1. Banner zichtbaar (als de policy-URL en plaatsing kloppen).
  2. Keuze onthouden op hetzelfde domein als u een andere pagina opent — geen kapotte pop-up bij elke klik.
  3. 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.

  1. Open uw site in een privé- / incognitovenster (of wis sitedata voor uw domein).
  2. Open OntwikkelaarstoolsNetwerk.
  3. Herlaad de pagina vóór u Accepteren / Weigeren op de banner klikt.
  4. Filter op namen die u herkent (google-analytics, collect, facebook, doubleclick, enz.).
  5. 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

  1. Privacy-URL — Open de link uit policy_link / privacy_policy in een normaal browsertabblad.
  2. Plaatsing — Beide scripts moeten vroeg in <head>, op een gedeeld layout.
  3. Caching — Harde refresh, andere browser, of wachten op CDN / optimalisatie-plugins.
  4. Slechts één pagina — Het snippet moet op alle pagina’s draaien waar de banner moet verschijnen.
  • 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


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