Installare lo script

Aggiungi il tuo sito e copia la riga

1. Accedi e apri Siti, poi Aggiungi sito. Inserisci l'indirizzo che usano i tuoi visitatori, per esempio shop.example.com.
2. Apri il sito. La scheda Installazione mostra la riga per quel sito, con la sua chiave del sito nell'indirizzo.
3. Incolla la riga nel tuo sito, come descritto qui sotto per la tua piattaforma.
4. Scegli l'aspetto e i testi, poi premi Pubblica. Il banner compare alla visualizzazione di pagina successiva.

La riga è fatta così, con la tua chiave al posto di YOUR-SITE-KEY:

<script src="https://cdn.cookiemark.com/s/YOUR-SITE-KEY.js"></script>

Puoi aggiungere la riga prima di pubblicare qualsiasi cosa. Fino alla prima pubblicazione lo script si carica, non trova niente di pubblicato e non mostra niente. Puoi quindi inserirla oggi su un sito online e finire l'aspetto domani.

Perché la riga va per prima nell'head

Lo script fa due cose che devono avvenire prima che parta qualsiasi altro script. Comunica a Google che non è ancora consentito niente e inizia a sorvegliare la pagina alla ricerca dei tracker da bloccare. Uno script che parte prima ha già fatto il suo lavoro quando arriva Cookiemark.

Incolla quindi la riga come primo script nell'<head> di ogni pagina. Mettila sopra Google Tag Manager, gli strumenti di analisi, i pixel e i widget della chat.

<head>
  <meta charset="utf-8">
  <script src="https://cdn.cookiemark.com/s/YOUR-SITE-KEY.js"></script>
  <!-- Google Tag Manager, analytics and every other script come after this line -->
  ...
</head>

Lascia il tag così com'è. Non aggiungere async o defer, perché entrambi fanno partire prima altri script. Lo script è leggero: circa 19 KB dopo la compressione, più le tue impostazioni.

Tieni lontani gli strumenti di ottimizzazione

Gli strumenti che ritardano, differiscono o combinano gli script cambiano l'ordine che hai impostato. Escludi da questi lo script di Cookiemark. Cerca un'impostazione come «exclude from delay», «exclude from combine» o simile. I più comuni sono WP Rocket, LiteSpeed Cache, Autoptimize e Cloudflare Rocket Loader.

Quando pubblichi una modifica

Quando salvi nella dashboard, la modifica resta in bozza. I visitatori la vedono dopo che hai premuto Pubblica. Ogni pubblicazione diventa una nuova versione, e nello stesso momento svuotiamo la cache della CDN per il tuo script. I visitatori ricevono la nuova versione entro circa un minuto, perché i browser conservano lo script per 60 secondi.

HTML semplice

Incolla la riga subito dopo il tag di apertura <head>, su ogni pagina. Se le tue pagine condividono un file di intestazione o un template, incollala lì una volta sola. Poi controlla qualche pagina, perché nei siti fatti a mano capita spesso che alcune pagine usino un template diverso.

WordPress

Usa il nostro plugin. Mette lo script in cima all'head, tiene lontani WP Rocket, LiteSpeed, Autoptimize e Cloudflare Rocket Loader, svuota la cache delle pagine quando salvi e comunica ai plugin che usano la WP Consent API cosa ha scelto il visitatore.

1. Scarica il plugin dalla scheda Installazione del tuo sito in Cookiemark.
2. In WordPress apri Plugin, Aggiungi nuovo plugin, Carica plugin e scegli il file.
3. Apri Impostazioni, Cookiemark e premi Connect with Cookiemark.
4. Se ti viene chiesto, accedi a Cookiemark, scegli il sito o aggiungilo come nuovo, e torni in WordPress.
5. Pubblica il sito in Cookiemark. A quel punto il banner compare su ogni pagina.

Il collegamento aggiunge anche l'indirizzo WordPress ai domini del sito e compila il percorso in cui il plugin imposta il cookie di consenso dal tuo server, così Safari conserva la scelta per tutta la sua durata. Se non puoi usare il pulsante, incolla invece la riga della scheda Installazione nel campo Site key del plugin.

Preferisci non aggiungere un plugin? Allora aggiungi la riga a mano:

• Nel tuo tema. Apri header.php di un tema child e incolla la riga subito dopo <head>, sopra wp_head(). Modifica un tema child, perché un aggiornamento del tema sovrascrive le modifiche al tema principale.
• Con un plugin. Va bene anche un plugin che inserisce codice nell'head. Dai allo snippet la priorità più alta disponibile, così finisce sopra gli script che altri plugin aggiungono tramite wp_head().

Poi svuota la cache delle pagine del tuo plugin di cache, del tuo hosting e della tua CDN. Altrimenti i visitatori continuano a ricevere le pagine di prima della modifica. Escludi lo script dai plugin di ottimizzazione, come descritto sopra.

Shopify

1. Nell'admin di Shopify apri Negozio online, poi Temi.
2. Accanto al tema attuale, apri il menu e scegli Modifica codice.
3. Apri layout/theme.liquid e incolla la riga subito dopo <head>.
4. Salva e apri il tuo negozio in una finestra privata per controllare che il banner compaia.

Ci sono due limiti. Il checkout di Shopify non usa il tuo tema, quindi lì lo script non gira. E Cookiemark non passa ancora la scelta del visitatore alla Customer Privacy API di Shopify.

Webflow

1. Apri il tuo progetto e vai in Site settings, poi Custom code.
2. Incolla la riga in cima a Head code, sopra tutto il resto in quel campo.
3. Salva e pubblica il sito da Webflow.

Webflow aggiunge il codice personalizzato a un sito pubblicato solo con un piano del sito a pagamento. Se aggiungi codice nell'head anche a singole pagine, controlla nel sorgente della pagina che la riga di Cookiemark venga ancora per prima.

Wix

1. Nella dashboard del tuo sito apri Impostazioni, poi Codice personalizzato.
2. Scegli Aggiungi codice personalizzato e incolla la riga.
3. Applicalo a tutte le pagine, inseriscilo in Head e impostalo perché si carichi in ogni nuova pagina.

Per il codice personalizzato Wix richiede un piano premium con un dominio collegato. Inoltre Wix carica i propri script prima dei tuoi, e quell'ordine non si può cambiare. Cookiemark può mostrare il banner e bloccare gli script che aggiungi tu, ma non ciò che Wix carica per primo. Disattiva il banner dei cookie di Wix, così i visitatori vedono un solo banner.

Squarespace

1. Apri Impostazioni, poi Avanzate o Strumenti per sviluppatori, poi Inserimento di codice.
2. Incolla la riga in cima al campo Intestazione e salva.

L'inserimento di codice non è incluso in tutti i piani Squarespace, quindi controlla prima il tuo. Disattiva il banner dei cookie offerto da Squarespace, così i visitatori non ne vedono due.

Google Tag Manager

Non caricare Cookiemark tramite Tag Manager. Un tag nel tuo contenitore parte dopo l'avvio del contenitore, troppo tardi per impostare i default di consenso di Google o per bloccare qualcosa. Incolla invece la riga nell'head e scegli uno di questi due modi per il contenitore.

• Lascia che Cookiemark carichi il contenitore. Inserisci l'ID del tuo contenitore nella scheda Google e GTM e togli il tuo snippet di Tag Manager. Cookiemark carica così il contenitore subito dopo i default di consenso, e l'ordine è sempre quello giusto.
• Tieni il tuo snippet. Lascia vuoto l'ID del contenitore e tieni il tuo snippet sotto la riga di Cookiemark.

Non fare mai entrambe le cose. Un contenitore che si carica due volte attiva ogni tag due volte. Google Tag Manager tratta gli attivatori e gli eventi nel tuo contenitore.

Verificare che funzioni

1. Apri il tuo sito in una finestra privata, così parti senza una scelta salvata. Il banner deve comparire.
2. Guarda il sorgente della pagina e cerca cdn.cookiemark.com. Deve essere il primo script nell'head.
3. Avvia una scansione dalla scheda Scansione. Segnala le pagine senza lo script e una cache che serve ancora una vecchia copia delle tue pagine.

Quando una scansione trova il tuo script sul sito, il dominio riceve l'etichetta Verificato. Le scansioni programmate girano solo per i siti con un dominio verificato.

Più di un dominio

Il registro dei consensi accetta solo scelte provenienti dai domini del tuo sito e dai loro sottodomini. Se lo stesso banner gira su un altro dominio, aggiungilo in Impostazioni, Domini. Per ricordare una sola scelta su tutti i sottodomini, inserisci il dominio principale in Condividi la scelta tra i sottodomini nella stessa scheda.