Adempimenti | DPIA | Vulnerability Assessment | Servizio DPO | Normativa | News | Consulenti | Prezzi | Contattaci
Creare un modello in Google Tag Manager significa predisporre una struttura riutilizzabile che permette di inserire facilmente script, configurazioni o funzioni all’interno di un sito web tramite GTM, senza dover intervenire manualmente nel codice del sito.
Nel caso delle piattaforme CMS, questa modalità è particolarmente utile perché permette di integrare nuovi strumenti o funzionalità, come banner cookie, analytics o script personalizzati – senza modificare i file del tema o toccare direttamente l’HTML del sito.
Un modello GTM (file .tpl) consente di:
Nel campo URL Banner (o campo simile nel modello), incolla l'URL che ti verrà fornito che ha una struttura come nell'esempio che segue:
https://js.cookietagmanager.net/www_sitoesempio_it_1234567890/iuscookie.min.js
Imposta il consenso di default:
Seleziona " Non è necessario un consenso aggiuntivo_ "
Google Tag Manager (GTM) è uno strumento che aiuta a inserire e gestire tutti
i codici di monitoraggio sul sito in un unico posto.
Con GTM puoi aggiungere strumenti come Google Analytics, Google Ads,
Facebook Pixel, LinkedIn Insight Tag o altri senza intervenire direttamente sul
codice del sito.
Così il sito resta ordinato, aggiornare i codici diventa facile e si
rispettano le regole sulla privacy.
Questo documento ti spiega passo passo come trasformare uno script in un tag
GTM, configurarlo e gestire il consenso. Questo obiettivo può essere
raggiunto attraverso due strumenti alternativi: usare un HTML personalizzato
o usando un modello di GTM.
A. Creare un tag con HTML Personalizzato
Segui adesso questi semplici passi:
B. Creare il tag usando un modello di GTM
Se GTM ha un modello già pronto (ad esempio per Facebook, LinkedIn, Google Ads), è meglio usarlo perché è più semplice.
Se non trovate il servizio:
C: Impostare i trigger
Una volta incollato lo script con HTML Personalizzato, o creato il tag a partire da un modello, è necessario stabilire quando il tag deve essere eseguito. Il trigger determina quando il tag verrà eseguito sul sito.
Passi da eseguire:
NOTA BENE: Non è possibile attivare un tag senza parametri. Se non avete inserito uno o più parametri necessari, il salvataggio fallirà e non si completerà fino a quando non li avete inseriti.
In generale per tutti gli script/modelli, come ad esempio LinkedIn o Facebook Pixel, il trigger tipico è: " Tutte le pagine (All Pages) " e lo script si attiva ogni volta che un utente carica una pagina.
D. Impostare il consenso (GDPR e Consent Mode)
Per rispettare le regole europee sulla privacy, i tag di marketing partono solo se l’utente ha dato il consenso.
Così il tag si attiva solo se l'utente ha accettato i cookie pubblicitari.
E. Pubblicare le modifiche
Dopo aver configurato:
Cliccare su "Anteprima" per verificare che tutto funzioni correttamente.
Conclusione
Usando GTM per trasformare gli script in tag puoi:
Questa è la maniera più ordinata, moderna e sicura per usare strumenti di analisi e marketing sul tuo sito.
ALLEGATO
Esempi pratici da seguire per configurazioni specifiche
Configurare tag Google Analytics
Configurare tag Google Ads
Configurare tag LinkedIn InsightsTag 2.0
Configurare tag Facebook Pixel
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!
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:
<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>