[Aggiornata il 27 Dicembre 2019]
Qualcuno ha detto cookie? No, non è ora di fare merenda, mi spiace 😛
I cookie sono dei file che vengono creati attraverso degli script nel browser e vengono memorizzati dal device in uso (pc, tablet, smartphone ecc…).
A volte potrebbe servirti di creare un cookie da installare in un device. In questo modo il client ID dell’utente (ad esempio) viene “etichettato” e riconosciuto, dunque può essere utilizzato per altri scopi.
Ok, come faccio a creare un cookie?
Per creare un cookie ti serve una pagina web “speciale” del tuo sito web dove far navigare l’utente e soprattutto delle forbici con la punta arrotondata (per non fargli male).
Non è vero, scherzavo, ovviamente ti serve Google Tag Manager 🙂
Ora ti spiego come fare.
Prima di lanciarci sulla guida che spiegherà come creare i cookie, ti consiglio di leggere l’articolo sul Cookiegeddon e Cookie Wars e guardarti il video di oltre 1 ora 🙂
Nota: i primi 2 step sono opzionali, potresti far eseguire il cookie in tutte le pagine.
Innanzitutto devi fare in modo di avere, sul tuo sito web, una pagina apposita dove portare l’utente a cui vuoi “affibbiare” il cookie. Se installi il cookie in questa pagina, quando l’utente vi navigherà, scaricherà automaticamente il cookie sul suo device (pc, smartphone o tablet che sia).
Per creare questa pagina particolare, puoi procedere in due modi diversi.
1 – Se ne hai la possibilità, puoi creare fisicamente una pagina apposita in cui installare il Tag che vedremo più avanti.
2 – Se non ne hai la possibilità, non temere: Google Tag Manager ti viene in soccorso, aiutandoti a creare una Variabile URL Query o URL Fragment. In questa guida ti spiego come procedere con URL Query.
In realtà al posto di 1 puoi mettere qualsiasi valore a tuo piacimento, questo è giusto un esempio.
Adesso, con un bellissimo Tag HTML Personalizzato, andremo a creare il file cookie.
<script> function createCookie(name, value, days, domain, sameSite) { if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); } else { var expires = ""; } domainStr = (domain == null ? "" : "; domain=" + domain); sameSiteStr = (sameSite == null ? ";SameSite=none;Secure" : "; SameSite=" + sameSite); document.cookie = name + "=" + value + expires + "; path=/" + domainStr + sameSiteStr; } createCookie("mycookie","1",1000); </script>
Attenzione: se hai cambiato il valore del cookie, cambialo anche nello script. Lo stesso vale per il nome del cookie, che nel nostro caso specifico è “mycookie“.
Magari al posto di “xxx” puoi scrivere la funzione per cui ti serve il cookie, così da ricordartelo.
Da adesso in poi, se navighi su pagine come
www.nomedeltuosito.it/?mycookie=1
oppure
www.nomedeltuosito.it/cartella/?mycookie=1
oppure
www.nomedeltuosito.it/cartella/miapagina.html?mycookie=1
oppure
www.nomedeltuosito.it/cartella/miapagina.html?key=valore&mycookie=1
o qualsiasi altro percorso che contenga la URL Query mycookie=1 (o altro valore che tu hai deciso), ti verrà installato un cookie sul browser.
Ora puoi verificare che navigando su queste pagine ti venga installato effettivamente il cookie, andando su: F12 > Cookies > http://www.nomedeltuosito.it
Ecco fatto! Hai creato il tuo primo cookie! 😀 Ma vediamo cosa succede se vogliamo usarlo dentro Google Tag Manager.
Adesso che abbiamo creato e installato il cookie, potremmo voler prelevare il suo valore per usarlo dentro un Tag (anche come eccezione) oppure come condizione di un Attivatore. Per farlo ci basterà creare una Variabile.
In questo passaggio andiamo a creare l’Attivatore che si attiverà in presenza del cookie con valore da noi scelto.
Ecco fatto! Se tutto funziona come previsto, torna sul contenitore e clicca sul pulsante blu “Invia” per pubblicare ufficialmente le modifiche.
Adesso puoi utilizzare il cookie per i tuoi #barbatrucchi su Google Tag Manager 🙂 Buon Tag!
LUISAVIAROMA è uno dei principali fashion e-tailer di lusso al mondo, con oltre 5 milioni…
All’interno del vasto e competitivo mercato della Grande Distribuzione Organizzata (GDO), Mondo Convenienza rappresenta uno…
Se ti occupi di marketing o advertising, saprai che i funnel rappresentano il percorso che…
È stato un nuovo record per il GA4Summit: oltre 500 professionisti e professioniste del web…
Negli ultimi mesi hai notato in Google Analytics 4 un calo improvviso e inspiegabile nelle…
Se ti trovi su questa guida è perché hai compreso che solo attraverso la Data…
View Comments
Ho installato passo passo come descritto ma non c'è niente su f12 > cookie > nomesito.... non c'è alcun "mycookie".... come fare?
Ciao, puoi condividere l'URL e la configurazione che hai fatto? Ho appena copiato e incollato lo script sulla console del mio browser ed eseguito e il cookie appare :)
A presto!
Lo snippet che ci hai dato da incollare non è uguale a quello che hai mostrato nella configurazione del tag.... infatti il cookie non me lo da installato su f12... puoi dare delle dritte più precise?
Ciao Federica, nello screenshot ci sono altre funzioni che servono a leggere, cancellare e pulire il cookie. Quello riportato nel codice da copiare e incollare basta per quello che è spiegato nella guida.
A presto!
Ciao, come posso visualizzare le informazioni dei cookie con Google Tag Manager in Wordpress utilizzando come Plugin per i cookie Borlabs Cookie?
Ciao Giusi, non conosco il Plugin quindi non ne ho idea :\ Tieni presente che i Cookie sono nel browser e non in GTM, quindi qualsiasi script che analizzi i cookie ci riesce :)
Fammi sapere
Ciao Matteo,
Tu per caso sai come faccio ad aggiungere il cookie che funziona solo per la Sessione attuale ?
Ho trovato online degli articoli che dicono che basta lasciare vuoto il parametro "days" ma se lo lascio vuoto mi da 1969 come expires date.
Hai qualche idea ?
Grazie :)
Sessione attuale (su Google Analytics) significa che ad ogni hit dovresti aggiornare il cookie per 30 minuti. Ti consiglierei di usare il local storage :)
Bella guida boss ;)
Domanda da 1 milione di bitcoin: non è possibile in una vista non-user-ID (vista normale quindi) cambiare il client ID tramite utilizzo del cookie, giusto? Avrò sempre un client-ID anonimo in base al dispositivo, corretto?
Il client ID lo puoi modificare via cookie (o cambiandolo nel protocollo di misurazione). E sì, il client ID è cookie e quindi legato al device/browser.
Scusa il ritardo ma era finita in spam (forse la email :D )
ciao con questo metodo il cookie verrà creato anche per i sottodomini es blog.nomedeltuosito.it o news.nomedeltuosito.it ?
in tal caso non sarebbe possibile specificare un singolo dominio su cui farlo attivare es limitarlo a http://www.nomedeltuosito.it ?
ciao!
Ciao, il cookie viene associato al dominio dove il JS sta girando.
A presto!