Adempimenti | DPIA | Vulnerability Assessment | Servizio DPO | News | Consulenti | Prezzi | Contattaci
- Numero verde 800 62 89 74
Configurazione del Google Consent Mode
Configura il Banner cookie correttamente: segui le istruzioni qui sotto!
Coloro che non hanno ancora implementato il Cookie Consent Mode e lo fanno per la prima volta, devono seguire la seguente procedura.
⚠️Attenzione!! La prima cosa indispensabile è una configurazione corretta del Google TAG dentro il Google Tag Manager. Per maggiori informazioni consultate la pagina a questo link.
In seguito alla configurazione del Tag Manager, inserisci lo script del banner cookie all'interno del tag html <head>, come nell'esempio sotto riportato:
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://js.cookietagmanager.net/www_dominiodiesempio_it_123456789/iuscookie.min.js"></script>
⚠️ inseriscilo quanto più in alto possibile all’interno del tag html <head> in modo che sia il primo fra gli script.
A questo punto la struttura HTML del sito deve somigliare a questa:
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://js.cookietagmanager.net/www_dominiodiesempio_it_123456789/iuscookie.min.js"></script>
<!-- Google Tag Manager -->
<script>function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Content of your website -->
<h1>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html>
📑 Riassumendo!
- verifica che il tag manager sia configurato in maniera corretta;
- assicurati che lo script del banner cookie sia il primo tra gli script nel tag <head> del sito.
Coloro che hanno implementato una versione precedente del Consent Mode con il banner cookie e desiderano aggiornarlo devono seguire i seguenti passaggi.
1) nel sito è presente questo codice riferito al banner cookie di Iusprivacy:
<script type="text/javascript" src="https://js.cookietagmanager.net/www_dominiodiesempio_it_123456789/iuscookie.min.js"></script>
<script type="text/javascript">
// Importante! Definisce il dataLayer e la funzione gtag.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Per impostazione predefinita iniziale (Default) le categorie di Consent Mode devono partire negate('denied').
gtag('consent', 'default', {
ad_storage: 'denied',
analytics_storage: 'granted',
ad_user_data: 'denied',
ad_personalization: 'denied',
functionality_storage: 'denied',
personalization_storage: 'denied',
security_storage: 'denied',
wait_for_update: 500 // milliseconds
});
// Improve ad click measurement quality (optional)
gtag('set', 'url_passthrough', true);
// Further redact your ads data (optional)
gtag('set', 'ads_data_redaction', true);
</script>
<script type="text/javascript">
function IusCookieCallback_OnAccept(){
gtag('consent', 'update', {
ad_storage: IusCookie.consented ? 'granted" : 'denied',
analytics_storage: 'granted',
ad_user_data: IusCookie.consented ? 'granted' : 'denied',
ad_personalization: IusCookie.consented ? 'granted' : 'denied',
functionality_storage: IusCookie.consented ? 'granted' : 'denied',
personalization_storage: IusCookie.consented ? 'granted' : 'denied',
security_storage: IusCookie.consented ? 'granted' : 'denied'
});
}
function IusCookieCallback_OnDecline(){
gtag('consent', 'update', {
ad_storage: 'denied',
analytics_storage: 'granted',
ad_user_data: 'denied',
ad_personalization: 'denied',
functionality_storage: 'denied',
personalization_storage: 'denied',
security_storage: 'denied'
});
}
function IusCookieCallback_OnLoad() {
if(IusCookie.consented){
IusCookieCallback_OnAccept();
}
else{
IusCookieCallback_OnDecline();
}
}
</script>
2) dal codice sopra indicato bisogna rimuovere la porzione di seguito evidenziata in rosso:
<script type="text/javascript" src="https://js.cookietagmanager.net/www_dominiodiesempio_it_123456789/iuscookie.min.js"></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
ad_storage: 'denied',
analytics_storage: 'granted',
ad_user_data: 'denied',
ad_personalization: 'denied',
functionality_storage: 'denied',
personalization_storage: 'denied',
security_storage: 'denied',
wait_for_update: 500 // milliseconds
});
// Improve ad click measurement quality (optional)
gtag('set', 'url_passthrough', true);
// Further redact your ads data (optional)
gtag('set', 'ads_data_redaction', true);
</script>
<script type="text/javascript">
function IusCookieCallback_OnAccept(){
gtag('consent', 'update', {
ad_storage: IusCookie.consented ? 'granted" : 'denied',
analytics_storage: 'granted',
ad_user_data: IusCookie.consented ? 'granted' : 'denied',
ad_personalization: IusCookie.consented ? 'granted' : 'denied',
functionality_storage: IusCookie.consented ? 'granted' : 'denied',
personalization_storage: IusCookie.consented ? 'granted' : 'denied',
security_storage: IusCookie.consented ? 'granted' : 'denied'
});
}
function IusCookieCallback_OnDecline(){
gtag('consent', 'update', {
ad_storage: 'denied',
analytics_storage: 'granted',
ad_user_data: 'denied',
ad_personalization: 'denied',
functionality_storage: 'denied',
personalization_storage: 'denied',
security_storage: 'denied'
});
}
function IusCookieCallback_OnLoad() {
if(IusCookie.consented){
IusCookieCallback_OnAccept();
}
else{
IusCookieCallback_OnDecline();
}
}
</script>
3) quindi, una volta realizzata l'operazione al punto 2) nel sito deve essere presente solo questo script:
<script type="text/javascript" src="https://js.cookietagmanager.net/www_dominiodiesempio_it_123456789/iuscookie.min.js"></script>
Adesso lo script del banner cookie contiene al suo interno la porzione di codice che permette il funzionamento del consent mode per la corretta gestione del consenso.
⚠️ inserisci lo script del banner cookie quanto più in alto possibile all’interno del tag html <head> in modo che sia il primo fra gli script.
I siti che non necessitano di un Banner Cookie (poiché non utilizzano cookie che richiedono il consenso, requisito stabilito dal Garante della Privacy nelle "Linee guida cookie e altri strumenti di tracciamento - 10 giugno 2021) devono comunque implementare obbligatoriamente il Consent Mode v2 se desiderano utilizzare i servizi di Google, come la versione base di Google Analytics, senza subire necessità nel tracciamento.
<script>function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
Dovrai quindi inizializzare il Consent Mode v2 con l'impostazione predefinita, inserendo immediatamente dopo l'apertura del tag <body> questo codice:
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
ad_storage: 'denied',
analytics_storage: "granted",
ad_user_data: 'denied',
ad_personalization: 'denied',
functionality_storage: 'denied',
personalization_storage: 'denied',
security_storage: 'denied',
wait_for_update: 500 // milliseconds
});
gtag('set', 'url_passthrough', true);
gtag('set', 'ads_data_redaction', true);
</script>
Dove al posto del GTM-ABCDEFGH devi inserire il tuo codice identificativo(ID) fornito per il tuo tag Google dal tag manager.
⚠️ NOTA BENE: È sempre molto importante posizionare questo blocco quanto più in alto possibile all'interno del tag <head> della pagina.
E' possibile installare il Banner Cookie nel sito anche utilizzado il Google Tag Manager, utilizzandolo come Tag HTML Personalizzato.
In questo modo non è necessario inserire nella sezione <head> del sito lo script del banner, ci pernserò il Google Tag Manager a caricarlo correttamente.
Un prerequisito importante è quello di avere già installato e configurato correttamente il Tag di Google nel sito.
I passi da fare per usare questa configurazione sono i seguenti:
- Aprite il Google Tag Manager (tagmanager.google.com)
- Selezionate l'account che corrisponde al sito in cui va installato il Banner Cookie
- Aprite la sezione Tag
- Premete il pulsante Nuovo in alto a destra
- Spostatevi col mouse su Attivazione e clicate sull'area
- Scegliete come attivatore dall'elenco la voce: Consent Initialization - All Pages / Inizializzazione del consenso
- Andate adesso con il mouse su Configurazione Tag e cliccate sull'area
- Selezionate dall'elenco proposto la voce HTML Personalizzato
- Nella nuova schermata Configurazione del Tag
incollate nell'area HTML questo codice:
<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'granted', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'functionality_storage': 'denied', 'personalization_storage': 'denied', 'security_storage': 'granted' }); </script> <script id="IusCookie" src="https://js.cookietagmanager.net/<identificativo_del_sito>_<ID_numerico>/iuscookie.min.js" type="text/javascript"></script> <script type="text/javascript"> IusCookieOnload(); </script> - Assicuratevi che nelle Impostazioni relative al conseiso l'opzione selezionata sia Non impostata
- Per verificare che il banner si carichi correttamente usate la funzione Anteprima
- Salvate premnto di pulsante Salva e pubblicate la soluzione premendo il pulsate Invia