Consentl op Webflow

Voeg de Consentl-loader toe aan de sitebrede Head code van Webflow, geef de keuze door aan Webflow Analyze en lees wat "niet als eerste in head" op Webflow betekent.

Loader als eerste in <head>: Nee — lees de beperkingen

Kan de loader als eerste in <head> staan? Nee. Webflow plaatst de sitebrede Head code aan het einde van <head>, na de eigen metatags, CSS en kleine inline scripts. Code op paginaniveau komt na de sitebrede code. Zie Beperkingen.

Vereisten

Een betaald Site plan, of een Core-, Growth-, Agency- of Freelancer-Workspace. Op een gratis Starter-site is het tabblad Custom code zichtbaar, maar kan het niet worden opgeslagen.
Uw Consentl-sitesleutel, op de pagina Installatie van uw site in het dashboard. Voeg in het veld Domeinen elke hostnaam toe waarop de site draait (uw eigen domein en uw adres your-site.webflow.io); www. en het kale domein tellen als dezelfde site, dus u hoeft www. niet apart toe te voegen.

Wat uw Consentl-plan omvat

Free: alleen banner, toestemmingslogboek en handmatige blokkering.
Pro: voegt Google Consent Mode v2 toe.
Business: voegt automatische blokkering van bekende trackers toe en de blokkeerregels die u in het dashboard toevoegt.

Bij Free en Pro worden alleen tags tegengehouden die u handmatig markeert.

Installeren

Open in Webflow de site → Site settings → Custom code.
Plak dit in Head code op de eerste regel, boven eventuele code die daar al staat:
```
<script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>
```
Vervang SITE_KEY, en en door de taal van uw site (zie Meertalige sites). Als de site ook het GTM-sjabloon van Consentl gebruikt, voeg dan &gcm=ext toe aan de URL, zodat alleen het sjabloon Consent Mode-opdrachten verstuurt.
Klik op Save changes en daarna op Publish naar uw webflow.io-domein en/of eigen domein.
Optioneel: voeg een link "Cookie-instellingen" toe aan uw footer: een Link-blok met de URL #consentl. Links waarvan de URL eindigt op #consentl of #consentl-preferences, en elk element met het attribuut data-consentl-open, openen de voorkeuren.
Optioneel: voeg op de pagina met uw cookiebeleid een Embed-element toe met de cookieverklaring:
```
<div data-consentl-declaration data-api="https://api.consentl.com" data-key="SITE_KEY" data-locale="en"></div>
<script src="https://api.consentl.com/v1/blocks.js" defer></script>
```
Gebruik in plaats daarvan data-consentl-request of data-consentl-withdrawal voor het formulier voor privacyverzoeken of het EU-herroepingsformulier. Het herroepingsformulier vereist het plan Pro of hoger en moet in het dashboard worden ingeschakeld; anders blijft het leeg.

Controleren of het werkt

Open de gepubliceerde site in een privévenster: de banner verschijnt. Custom code wordt niet uitgevoerd in het canvas van de Designer. In de modus Preview en Comment wordt het wel uitgevoerd, dus de banner kan daar ook verschijnen; de gepubliceerde site is de betrouwbare test.

De regio van de bezoeker wordt afgeleid uit het IP-adres: Consentl zoekt bij elke paginaweergave het land op in het geheugen (er wordt niets opgeslagen) en past uw regel daarvoor uit het dashboard toe. Amerikaanse staten worden niet van elkaar onderscheiden: bezoekers uit de VS krijgen uw regel voor de hele VS of, als die er niet is, uw eerste regel voor een Amerikaanse staat. Voor een onbekend land geldt uw regel voor onbekende regio's (standaard opt-in).

Meertalige sites (Webflow Localization)

Sinds 26 juni 2026 kunt u met Webflow Localization per locale custom code voor Head en Footer instellen. Voeg de loader toe aan de Head code van elke locale, met de taal van die locale in &l= (bijvoorbeeld &l=de voor de Duitse locale). Elke pagina laadt dan één loader-URL, dezelfde op elke pagina van die locale.

Als u liever één snippet voor alle locales gebruikt, laat dan &l=… weg: de banner gebruikt dan de standaardtaal van de site uit het dashboard.

Webflow Analyze / Optimize

De eigen analyse van Webflow heeft een aparte toestemmingsschakelaar:

Zet Insights → Settings → Tracking op Don't track by default en publiceer daarna de site. De instelling wordt pas na het publiceren actief.

Geef de keuze in Consentl door door dit aan Footer code toe te voegen. Het past bij elke paginalading de huidige keuze toe en volgt latere wijzigingen:

<script>
  (function () {
    function sync(c) {
      if (!c || !window.wf) return;
      wf.ready(function () {
        var want = c.analytics ? "allow" : "deny";
        if (wf.getUserTrackingChoice() === want) return;
        if (c.analytics) wf.allowUserTracking({ activate: true });
        else wf.denyUserTracking();
      });
    }
    if (window.Consentl) sync(window.Consentl.get());
    document.addEventListener("consentl:change", function (e) { sync(e.detail); });
  })();
</script>

Beperkingen

Niet als eerste in head. Alles wat Webflow boven de Head code rendert, wordt vóór Consentl uitgevoerd. Dat geldt ook voor native integraties onder Site settings → Apps & integrations (Google Analytics, Meta Pixel), die mogelijk vóór Consentl worden ingevoegd. Verwijder die integraties en laad dezelfde tags via Google Tag Manager met Consent Mode (plan Pro en hoger), of als tags die door code worden geladen in de Head code onder de Consentl-regel. Consentl houdt herkende trackers tegen die na hem laden (plan Business en hoger); bij Free en Pro worden alleen tags tegengehouden die u handmatig markeert.
Vaste tags. Een <script src>, <img>-pixel of <iframe> die in Head/Footer code of een Embed-element staat, wordt door de browser opgehaald voordat een script hem kan tegenhouden, ook als Consentl voorkomt dat hij wordt uitgevoerd. Markeer zulke tags handmatig en verwijder <noscript>-pixels:
```
<script type="text/plain" data-consentl="marketing" src="https://ads.example.com/tag.js"></script>
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
<img data-consentl="marketing" data-src="https://tracker.example.com/pixel.gif" alt="" width="1" height="1">
```
Tags die door code worden geladen (GTM, de JavaScript-loader van een pixel), worden zonder verzoek tegengehouden wanneer automatische blokkering aan staat.
Elk veld voor custom code accepteert maximaal 50.000 tekens; de loader is één regel.
Webflow heeft geen ingebouwde cookiebanner die moet worden uitgeschakeld. Verwijder eventuele andere banner-apps.
Content Security Policy. Enterprise-sites kunnen responseheaders instellen, waaronder content-security-policy, onder Site settings → Publishing → Custom headers. Als u er een instelt, sta dan https://api.consentl.com toe zoals beschreven in de handleiding voor websites. Zonder eigen CSP-header hoeft u niets te wijzigen.

Vastgelopen? Schrijf naar support@consentl.com — wij antwoorden op werkdagen in het Engels.