Consentl

Consentl su Framer

Aggiunga Consentl con il codice personalizzato «Start of <head> tag» di Framer, eseguito prima degli script di Framer, e sostituisca il Cookie Banner di Framer.

Loader per primo nel <head>
Dipende dal metodo

Il loader può essere il primo nel <head>? Quasi. Framer ha un posizionamento "Start of <head> tag" che inserisce il loader prima degli script di Framer; solo i meta tag e il charset di Framer lo precedono. Il runtime di Framer è uno <script type="module" async> nel body. Non è differito, ma viene comunque eseguito dopo un loader sincrono all'inizio del <head>, perché il loader viene prima nell'ordine del documento. Questo rende Framer il builder senza codice più vicino alla configurazione consigliata.

Requisiti

  • Un piano del sito a pagamento con un dominio personalizzato. Il codice personalizzato viene eseguito solo sul sito pubblicato.
  • La sua chiave del sito Consentl, nella pagina Configurazione del suo sito nel pannello di controllo. Aggiunga il nome host del sito 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

  1. Nel progetto Framer, apra Project Settings → Custom Code e aggiunga uno snippet.

  2. Incolli:

    <script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>

    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.

  3. Placement: Start of <head> tag.

  4. Pages: tutte le pagine.

  5. Run: Once. Framer naviga lato client, e la navigazione lato client non fa perdere il banner. "Run on every page visit" inserirebbe di nuovo il loader a ogni navigazione. Mantenga l'URL del loader identico su ogni pagina.

  6. Rimuova il componente Cookie Banner di Framer dalle sue pagine, se lo usava. Dovrebbe essere attivo un solo banner.

    • Il componente Cookie Banner inviava anche le chiamate predefinite e di aggiornamento di Google Consent Mode. Se i suoi tag GTM o Google vi facevano affidamento, il Consent Mode di Consentl le sostituisce dal piano Pro in su.
    • Con Free, dopo la rimozione del componente non ci sono chiamate Consent Mode. Contrassegni manualmente lo snippet di GTM o del tag Google (<script type="text/plain" data-consentl="analytics">…</script>, con la categoria che corrisponde a ciò che carica), così viene eseguito solo dopo il consenso.

  7. Publish.

  8. Facoltativo: aggiunga un link con l'URL #consentl («Impostazioni dei cookie») al componente del piè di pagina. I link il cui URL termina con #consentl o #consentl-preferences, e qualsiasi elemento con l'attributo data-consentl-open, aprono le preferenze.

Verificare che funzioni

Esegua il test sul sito pubblicato in una finestra privata. Il codice personalizzato non viene eseguito nel canvas né nell'anteprima.

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

Lingue

I locali di Framer condividono il codice personalizzato dell'intero sito. Ometta &l=… per usare la lingua predefinita del pannello di controllo, oppure aggiunga lo snippet per pagina o per locale in Page settings → Custom Code, mantenendo l'URL identico su ogni pagina di un locale.

Usi un componente Embed (HTML) nella pagina dell'informativa sui 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.
  • Framer genera il componente Embed come embed HTML. Verifichi sul sito pubblicato che la tabella compaia.
  • In caso contrario, inserisca invece un link alla dichiarazione dei cookie ospitata: https://api.consentl.com/p/SITE_KEY/cookies (una pagina pubblica, sempre sincronizzata con il pannello di controllo; aggiunga ?l=de per un'altra lingua).

Limitazioni

  • I meta tag e il charset di Framer precedono comunque lo snippet. Sono innocui.

  • Framer Analytics non usa cookie ed è caricato da Framer; Consentl non lo controlla.

  • Le integrazioni di tracciamento in Project Settings (Integrations), come Google Analytics, vengono inserite da Framer e potrebbero non essere bloccate da Consentl. Preferisca i tag Google tramite GTM, oppure come codice personalizzato collocato dopo lo snippet 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 personalizzato o in un 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.

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