Introduzione

Introduzione al consenso ai cookie di TermsFeed

Che cos'è TermsFeed Cookie Consent?

Il consenso ai cookie gratuito di TermsFeed (ultima versione 4.2) è una soluzione gratuita e open source per la gestione dei cookie basata su JavaScript che aiuta i siti web a conformarsi alla Direttiva sui cookie dell'UE, al GDPR e alla Direttiva ePrivacy.

Il consenso ai cookie gratuito di TermsFeed fornisce un banner di avviso personalizzabile e un centro preferenze che consente agli utenti di controllare quali cookie e script vengono eseguiti sul tuo sito web.

Caratteristiche principali di TermsFeed Cookie Consent

• 100% gratuito. Nessun costo nascosto o livelli premium.
• Conforme al GDPR e alla direttiva ePrivacy. Realizzato per soddisfare i requisiti di privacy dell'UE.
• Supporto per Google Consent Mode V2. Si integra perfettamente con i requisiti di consenso di Google.
• Modalità di consenso UET di Microsoft. Compatibile con gli standard di consenso di Microsoft Advertising.
• Blocco degli script. Impedisce il caricamento degli script fino a quando non viene concesso il consenso.
• Design personalizzabile. Scegli tra diversi tipi di banner e palette di colori; è possibile applicare CSS personalizzati aggiuntivi.
• Supporto multilingue. Disponibile in diverse lingue.
• Callback disponibili. API completa per integrazioni personalizzate.

Chi ha bisogno di una soluzione per il consenso ai cookie

Hai bisogno di una soluzione per il consenso ai cookie se:

• Utilizzi Google Analytics o strumenti di analisi o tracciamento simili
• Hai widget dei social media incorporati
• Utilizzi pixel pubblicitari (Facebook, LinkedIn, ecc.)
• Il tuo sito web memorizza o recupera cookie oltre a quelli strettamente necessari (ad es. login, autenticazione)
• Hai visitatori provenienti dalla regione UE/SEE

Come funziona

1. Visualizzazione del banner: quando gli utenti visitano il tuo sito web per la prima volta, vedono un banner di consenso ai cookie.
2. Scelta dell'utente: gli utenti possono accettare tutto, rifiutare tutto o personalizzare le proprie preferenze.
3. Gestione degli script: in base al consenso dell'utente, gli script contrassegnati vengono caricati o bloccati.
4. Salvataggio delle preferenze: le preferenze dell'utente vengono salvate in un cookie per le visite future.
5. Centro preferenze: gli utenti possono modificare le proprie preferenze in qualsiasi momento.

Tipi di consenso

TermsFeed Cookie Consent supporta 2 modalità di consenso:

Consenso implicito Tutti gli script vengono caricati immediatamente al caricamento della pagina. Si presume il consenso se si continua a navigare. Meno conforme al GDPR. Da utilizzare solo per un pubblico non UE.
Consenso esplicito (consigliato) Gli script vengono bloccati finché gli utenti non accettano esplicitamente. Per impostazione predefinita vengono caricati solo gli script "strettamente necessari". Approccio conforme al GDPR. Richiede il consenso attivo dell'utente.

Categorie di cookie

Gli script sono organizzati in 4 categorie:

1. Strettamente necessari. Essenziali per la funzionalità del sito web (sempre consentiti).
2. Funzionalità. Migliorano l'esperienza dell'utente (ad es. preferenze linguistiche).
3. Monitoraggio. Analisi e misurazione delle prestazioni (ad es. Google Analytics).
4. Targeting. Marketing e pubblicità (ad es. Facebook Pixel).

Guida rapida

Attiva TermsFeed Cookie Consent sul tuo sito web in 5 semplici passaggi.

Passaggio 1: Carica il consenso ai cookie di TermsFeed

Aggiungi il file JavaScript di Cookie Consent al tuo sito web.

<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>

Passo 2: Aggiungi il codice di configurazione

Aggiungi lo script di configurazione subito dopo lo script del consenso ai cookie:

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    cookieconsent.run({
        "notice_banner_type": "headline",
        "consent_type": "express",
        "palette": "light",
        "language": "en",
        "website_name": "Your Website Name",
        "website_privacy_policy_url": "https://yourwebsite.com/privacy",
        "open_preferences_center_selector": "#changePreferences",
        "page_load_consent_levels": ["strictly-necessary"]
    });
});
</script>

Passaggio 3: aggiungi la riga dei crediti (obbligatoria)

Includi il tag dei crediti noscript (richiesto dalla nostra licenza):

<noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>

Passaggio 4: Aggiungi il pulsante Modifica le tue preferenze

Crea un pulsante o un link su cui gli utenti possono cliccare per modificare le loro preferenze:

<button id="changePreferences">Change Cookie Preferences</button>

L'ID deve corrispondere a open_preferences_center_selector nella tua configurazione.

Passaggio 5: contrassegna gli script dei fornitori di terze parti

Modifica gli script esistenti per rispettare il consenso dell'utente:

1. Modificando type="text/javascript" in type="text/plain"
2. Aggiungendo l'attributo data-cookie-consent="CATEGORY"

Esempio: Google Analytics

Prima:

<script type="text/javascript">
  // Google Analytics code
</script>

Dopo:

<script type="text/plain" data-cookie-consent="tracking">
  // Google Analytics code
</script>

Esempio completo

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>

    <!-- Page content here -->

    <!-- Cookie Consent by TermsFeed -->
    <script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        cookieconsent.run({
            "notice_banner_type": "headline",
            "consent_type": "express",
            "palette": "light",
            "language": "en",
            "website_name": "My Website",
            "website_privacy_policy_url": "https://mywebsite.com/privacy",
            "open_preferences_center_selector": "#changePreferences",
            "page_load_consent_levels": ["strictly-necessary"]
        });
    });
    </script>
    <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
    <!-- End Cookie Consent -->

    <!-- Button to change preferences -->
    <button id="changePreferences">Cookie Settings</button>

    <!-- Tagged Google Analytics -->
    <script type="text/plain" data-cookie-consent="tracking">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('send', 'pageview');
    </script>

</body>
</html>

Verifica dell'implementazione

1. Cancella i cookie del browser relativi al tuo sito web.
2. Ricarica la pagina. Dovresti vedere il banner di consenso.
3. Controlla la Console di sviluppo del browser per verificare la presenza di eventuali errori.
4. Verifica la funzionalità di blocco degli script:
   1. Prima dell'accettazione: gli script contrassegnati NON dovrebbero caricarsi
   2. Dopo l'accettazione: gli script contrassegnati dovrebbero caricarsi
5. Prova il pulsante "Modifica le tue preferenze": clicca sul pulsante per verificare che si apra il Centro preferenze.

Errori comuni durante l'implementazione del consenso ai cookie di TermsFeed

• Dimenticare di cambiare il tipo di script in text/plain
• Mancanza dell'attributo data-cookie-consent
• Non includere page_load_consent_levels con solo "strettamente necessario"
• L'ID del pulsante non corrisponde a open_preferences_center_selector
• Rimozione del tag noscript dei crediti richiesto