Consentl op Framer

Voeg Consentl toe met de custom code "Start of <head> tag" van Framer, zodat het vóór de scripts van Framer draait, en vervang de Cookie Banner-component.

Loader als eerste in <head>: Hangt af van de methode

Kan de loader als eerste in <head> staan? Bijna. Framer heeft een plaatsing "Start of <head> tag" die de loader vóór de eigen scripts van Framer zet; alleen de meta- en charset-tags van Framer komen ervoor. De runtime van Framer is een <script type="module" async> in de body. Die is niet uitgesteld, maar wordt toch na een synchrone loader aan het begin van <head> uitgevoerd, omdat de loader in de documentvolgorde eerst komt. Daardoor is Framer de no-code-websitebouwer die het dichtst bij de aanbevolen configuratie komt.

Vereisten

Een betaald site-abonnement met een eigen domein. Custom code wordt alleen op de gepubliceerde site uitgevoerd.
Uw Consentl-sitesleutel, op de pagina Installatie van uw site in het dashboard. Voeg de hostnaam van de site toe in het veld Domeinen; 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 het Framer-project Project Settings → Custom Code en voeg een snippet toe.
Plak:
```
<script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>
```
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.
Placement: Start of <head> tag.
Pages: alle pagina's.
Run: Once. Framer navigeert aan de clientkant, en bij navigatie aan de clientkant gaat de banner niet verloren. "Run on every page visit" zou de loader bij elke navigatie opnieuw invoegen. Houd de loader-URL op elke pagina identiek.
Verwijder de Cookie Banner-component van Framer van uw pagina's als u die gebruikte. Er mag maar één banner actief zijn.
- De Cookie Banner-component verstuurde ook de default- en update-aanroepen van Google Consent Mode. Als uw GTM- of Google-tags daarop vertrouwden, vervangt de Consent Mode van Consentl ze bij het plan Pro en hoger.
- Bij Free zijn er na het verwijderen van de component geen Consent Mode-aanroepen meer. Markeer de snippet van GTM of de Google-tag handmatig (<script type="text/plain" data-consentl="analytics">…</script>, met de categorie die past bij wat hij laadt), zodat hij pas na de toestemming wordt uitgevoerd.
Publish.
Optioneel: voeg aan de footercomponent een link toe met de URL #consentl ("Cookie-instellingen"). Links waarvan de URL eindigt op #consentl of #consentl-preferences, en elk element met het attribuut data-consentl-open, openen de voorkeuren.

Controleren of het werkt

Test de live site in een privévenster. Custom code wordt niet uitgevoerd in het canvas of de preview.

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).

Talen

Locales in Framer delen de sitebrede custom code. Laat &l=… weg om de standaardtaal uit het dashboard te gebruiken, of voeg de snippet per pagina of locale toe onder Page settings → Custom Code, met de URL identiek op elke pagina van een locale.

Gebruik een Embed-component (HTML) op de pagina met uw cookiebeleid:

<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.
Framer rendert de Embed-component als een HTML-embed. Controleer op de gepubliceerde site of de tabel verschijnt.
Als dat niet zo is, link dan in plaats daarvan naar de gehoste cookieverklaring: https://api.consentl.com/p/SITE_KEY/cookies (een openbare pagina, altijd gesynchroniseerd met het dashboard; voeg ?l=de toe voor een andere taal).

Beperkingen

De eigen meta- en charset-tags van Framer komen nog steeds vóór de snippet. Die zijn onschadelijk.
Framer Analytics is cookieloos en wordt door Framer geladen; Consentl beheert het niet.
Trackingintegraties in Project Settings (Integrations), zoals Google Analytics, worden door Framer ingevoegd en worden mogelijk niet door Consentl geblokkeerd. Laad Google-tags bij voorkeur via GTM, of als custom code die na de Consentl-snippet is geplaatst. 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 custom code of een Embed 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.

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