Consentl su Webflow

Aggiunga il loader di Consentl all'Head code di Webflow, inoltri la scelta a Webflow Analyze e scopra che cosa significa «non per primo nel head» su Webflow.

Loader per primo nel <head>: No: legga le limitazioni

Il loader può essere il primo nel <head>? No. Webflow inserisce l'Head code dell'intero sito alla fine del <head>, dopo i propri meta tag, i CSS e piccoli script inline. Il codice a livello di pagina viene dopo quello dell'intero sito. Veda Limitazioni.

Requisiti

Un Site plan a pagamento, oppure un Workspace Core, Growth, Agency o Freelancer. Su un sito Starter gratuito la scheda Custom code è visibile ma non può essere salvata.
La sua chiave del sito Consentl, nella pagina Configurazione del suo sito nel pannello di controllo. Aggiunga tutti i nomi host su cui il sito è attivo (il suo dominio personalizzato e il suo indirizzo your-site.webflow.io) nel campo Domini; www. e il dominio senza www contano come lo stesso sito, quindi non è necessario aggiungere www. separatamente.

Che cosa copre il suo piano Consentl

Free: solo banner, registro dei consensi e blocco manuale.
Pro: aggiunge Google Consent Mode v2.
Business: aggiunge il blocco automatico dei tracker noti e le regole di blocco che aggiunge nel pannello di controllo.

Con Free e Pro vengono trattenuti solo i tag che contrassegna manualmente.

Installazione

In Webflow, apra il sito → Site settings → Custom code.
In Head code, incolli questo nella prima riga, sopra qualsiasi altro codice già presente:
```
<script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>
```
Sostituisca SITE_KEY ed en con la lingua del suo sito (veda Siti multilingue). Se il sito usa anche il modello Consentl per GTM, aggiunga &gcm=ext all'URL, così solo il modello invia i comandi di Consent Mode.
Faccia clic su Save changes, poi su Publish sul suo dominio webflow.io e/o personalizzato.
Facoltativo: aggiunga un link «Impostazioni dei cookie» al piè di pagina: un blocco Link con l'URL #consentl. I link il cui URL termina con #consentl o #consentl-preferences, e qualsiasi elemento con l'attributo data-consentl-open, aprono le preferenze.
Facoltativo: nella pagina dell'informativa sui cookie, aggiunga un elemento Embed con la dichiarazione dei cookie:
```
<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>
```
Usi invece data-consentl-request o data-consentl-withdrawal per il modulo per le richieste sui dati personali o per il modulo di recesso UE. Il modulo di recesso richiede il piano Pro o superiore e deve essere attivato nel pannello di controllo; altrimenti resta vuoto.

Verificare che funzioni

Apra il sito pubblicato in una finestra privata: il banner compare. Il codice personalizzato non viene eseguito nel canvas del Designer. Viene invece eseguito in modalità Preview e Comment, quindi il banner può comparire anche lì; il test affidabile è quello sul sito pubblicato.

La regione del visitatore viene ricavata dal suo indirizzo IP: Consentl individua il Paese in memoria a ogni visualizzazione di pagina (senza memorizzare nulla) e applica la regola del pannello di controllo per quel Paese. Gli Stati USA non vengono distinti: i visitatori statunitensi ricevono la sua regola per l'intero territorio USA oppure, in sua assenza, la sua prima regola per uno Stato USA. Un Paese sconosciuto riceve la sua regola per le regioni sconosciute (opt-in per impostazione predefinita).

Siti multilingue (Webflow Localization)

Dal 26 giugno 2026, Webflow Localization consente di impostare il codice personalizzato Head e Footer per ogni locale. Aggiunga il loader all'Head code di ogni locale con la lingua di quel locale in &l= (ad esempio &l=de per il locale tedesco). Ogni pagina carica allora un solo URL del loader, lo stesso su tutte le pagine di quel locale.

Se preferisce un unico snippet per tutti i locali, ometta &l=…: il banner usa allora la lingua predefinita del sito impostata nel pannello di controllo.

Webflow Analyze / Optimize

Le statistiche di Webflow hanno un interruttore del consenso separato:

Imposti Insights → Settings → Tracking su Don't track by default, poi pubblichi il sito. L'impostazione ha effetto solo dopo la pubblicazione.

Inoltri la scelta di Consentl aggiungendo questo al Footer code. Applica la scelta attuale a ogni caricamento di pagina e segue le modifiche successive:

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

Limitazioni

Non per primo nel head. Tutto ciò che Webflow genera sopra l'Head code viene eseguito prima di Consentl. Ciò include le integrazioni native in Site settings → Apps & integrations (Google Analytics, Meta Pixel), che possono essere inserite prima di esso. Rimuova queste integrazioni e carichi gli stessi tag tramite Google Tag Manager con Consent Mode (dal piano Pro in su), oppure come tag caricati dal codice nell'Head code sotto la riga di Consentl. Consentl trattiene i tracker riconosciuti che si caricano dopo di esso (dal piano Business in su); con Free e Pro vengono trattenuti solo i tag che contrassegna manualmente.
Tag inseriti nel codice. Uno <script src>, un pixel <img> o un <iframe> scritto nel codice Head/Footer o in un elemento Embed viene recuperato dal browser prima che qualsiasi script possa fermarlo, anche quando Consentl ne impedisce l'esecuzione. Contrassegni manualmente tali tag e rimuova i pixel in <noscript>:
```
<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">
```
I tag caricati dal codice (GTM, il loader JavaScript di un pixel) vengono trattenuti senza alcuna richiesta quando il blocco automatico è attivo.
Ogni campo di codice personalizzato accetta fino a 50.000 caratteri; il loader è una sola riga.
Webflow non ha un banner dei cookie integrato da disattivare. Rimuova qualsiasi altra app di banner.
Content Security Policy. I siti Enterprise possono impostare intestazioni di risposta, tra cui content-security-policy, in Site settings → Publishing → Custom headers. Se ne imposta una, consenta https://api.consentl.com come descritto nella guida per il web. Senza un'intestazione CSP personalizzata non c'è nulla da modificare.

Serve aiuto? Scriva a support@consentl.com: rispondiamo in inglese nei giorni lavorativi.