Integrazione di Google Tag Manager con Google Analytics

[Discourse]

Questa guida ti aiuterà a configurare Google Tag Manager e a utilizzarlo con Google Analytics sul tuo sito Discourse. Inoltre, copre la configurazione di variabili, trigger e tag in Google Tag Manager per tracciare le visualizzazioni di pagina.

Questa guida copre la configurazione di Google Tag Manager. Se desideri semplicemente abilitare Google Analytics per il tuo sito, imposta il G-Tag nell’impostazione del sito ga universal tracking code. Le nostre impostazioni potrebbero ancora riferirsi a tutte le analisi come universal, ma questo è un artefatto della denominazione dei campi legacy. Le istruzioni seguenti utilizzano e funzionano per i tag di Google.

Livello utente richiesto: Amministratore

L’integrazione di Google Tag Manager (GTM) con Google Analytics (GA) ti consente di gestire e tracciare efficacemente gli eventi sul tuo sito Discourse. Questa guida copre l’intero processo di configurazione, dalla creazione di un account GA alla configurazione di GTM con i tag e i trigger necessari.

Sommario

1. Crea un account e una proprietà di Google Analytics.
2. Configura Google Tag Manager.
3. Configura variabili, trigger e tag GTM.
4. Integra GTM con il tuo sito Discourse.

Crea un account Google Analytics

1. Visita Google Analytics e accedi con il tuo account Google.

2. Se non hai ancora un account, segui i passaggi guidati per crearne uno.

3. Crea una proprietà cliccando su “Amministrazione” e poi su “Crea proprietà”.
   

   

4. Compila i dettagli richiesti nella schermata “Creazione proprietà”.
   

   

5. Inserisci i dettagli della tua attività nella schermata successiva.
   

   

6. Seleziona in modo appropriato i tuoi obiettivi aziendali.

Info: La selezione delle quattro sezioni corrisponderà più da vicino ai report che Analytics ha fornito tipicamente:

7. Scegli “Web” come piattaforma per la raccolta dei dati.
   

   

8. Configura un flusso di dati inserendo l’URL del tuo sito e un nome per il flusso.
   

   

Dopo aver creato con successo il tuo flusso web, prendi nota del tuo ID di misurazione. Ne avrai bisogno per la configurazione di GTM.

Configura Google Tag Manager

1. Visita Google Tag Manager e crea un account.
2. Configura un contenitore seguendo i passaggi guidati e scegli “Web” come piattaforma.
   
   

Configura GTM

Variabili

1. Vai alla scheda “Variabili” in GTM e clicca su “Nuova” nella sezione Variabili definite dall’utente.
2. Crea due Variabili del Livello Dati:

• Nome: DL-page-title
  Tipo: Variabile Livello Dati
  Nome Variabile Livello Dati: page.title
  Versione Livello Dati: 2

• Nome: DL-page-url
  Tipo: Variabile Livello Dati
  Nome Variabile Livello Dati: page.url
  Versione Livello Dati: 2

Come esempio, scegli il tipo di variabile:

Quindi configura le variabili, come in questo esempio:

Trigger

1. Vai alla scheda “Trigger” e clicca su “Nuovo”.

2. Scegli “Evento personalizzato” come tipo.

   

3. Nomina il trigger virtualPageView e Salvalo.

   Il risultato finale dovrebbe essere simile a questo:
   

   

Tag

1. Vai alla scheda “Tag” e crea un nuovo tag.

2. Scegli Google Analytics: Tag Google come tipo di tag.
   

   

3. Configura il tag con i seguenti dettagli:

• ID misurazione: Inserisci il tuo ID misurazione da GA.
• Campi obbligatori da impostare:
  • title: {{DL-page-title}}
  • page: {{DL-page-url}}
  • send_page_view: true
  • page_path: {{Page Path}}

Al termine dovrebbe apparire così (nota che puoi aggiungere un parametro userID oltre ai parametri sopra, ma dovrai aggiungere una variabile aggiuntiva come DL-page-url):

4. Scegli il trigger virtualPageView per questo tag.
   
   
5. Assegna un nome al tuo tag e Salvalo.

Pubblica il tuo spazio di lavoro GTM

Pubblica il tuo contenitore in GTM cliccando sul pulsante blu “Invia” nell’angolo in alto a destra della pagina.

Importante: Se riscontri errori 404 da googletagmanager.com, assicurati che le modifiche al tuo contenitore GTM siano state pubblicate.

Integra GTM con Discourse

1. Vai alle impostazioni Amministratore di Discourse e cerca gtm container id.
2. Inserisci il tuo ID contenitore GTM (formato: GTM-XXXXXX) nel campo corrispondente.
   
   

Nota: Rimuovi qualsiasi codice di tracciamento Analytics esistente dalle impostazioni ga universal tracking code e ga tracking code in Discourse.

Ricarica il tuo sito e controlla la vista Contenuti in tempo reale in GA per confermare che i dati stanno fluendo attraverso GTM.

Utilizzi Aggiuntivi

Con GTM puoi aggiungere altri tag per tracciare eventi aggiuntivi come:

• Google DFP
• AdWords
• LinkedIn

Link Correlati

• Utilizzo dei nonce negli script di Google Tag Manager
• Invio di eventi personalizzati a Google Tag Manager e Analytics
• Come aggiungere Google Auto Ads a Discourse tramite Google Tag Manager

[MarkDoerr]

Come notato, il tag di configurazione GA4 è stato rimosso e ora sceglierai il Tag di Google. I passaggi di configurazione rimangono gli stessi, ma ho aggiornato la documentazione.

Per chiunque avesse precedentemente configurato il tag GA4, questo dovrebbe essere stato aggiornato automaticamente e non richiedere modifiche da parte tua.

[Stefan_Holmes]

Vale la pena menzionare che questa non è una configurazione ottimale in termini di best practice GA4/GTM attuali e il passaggio n. 2 nella sezione Trigger sembra essere errato.

Invece di un trigger Page View, questo dovrebbe essere un trigger Custom Event con il nome virtualPageView.

cookieDomain = auto sembra essere un residuo di Universal Analytics e non è necessario. GA4 gestisce automaticamente la navigazione tra sottodomini.

Un’altra best practice è far sì che il Google Tag venga attivato all’inizializzazione, impostare send_page_view su false e avere invece un tag GA4 Event separato per page_view.

Quando abbiamo implementato, abbiamo anche aggiunto un override per page_location con l’URL completo del sito + il percorso della pagina virtuale. Ciò popolerà correttamente i report GA4 standard.

[MarkDoerr]

Ciao Stefan,

Grazie per queste note.

Ho aggiornato il passaggio #2 della sezione Trigger poiché avevo già screenshot corrispondenti e aggiorneremo il resto il prima possibile.

[luigi7up (Luka)]

Descrizione:

Sto riscontrando un problema con Google Tag Manager (GTM) sul mio forum Discourse. Ecco una spiegazione dettagliata della mia configurazione e del problema:

1. Configurazione GTM:

   • Ho configurato un container di Google Tag Manager (ID: GTM-…MZV).
   • A scopo di test, ho aggiunto un tag Google Analytics 4 in GTM, configurato per attivarsi in tutte le pagine durante l’inizializzazione.
   • Non ho aggiunto trigger complessi, user layer o data layer. È solo una configurazione di base per verificare che GTM funzioni.

2. Integrazione GTM con Discourse:

   • Nel mio forum Discourse, ho configurato GTM inserendo l’ID del container (GTM-W…MZV) nelle Impostazioni di amministrazione.
   • Quando ispeziono il mio sito web, posso vedere che:
     • Lo script GTM (https://www.googletagmanager.com/gtm.js?id=GTM-W...MZV) viene caricato nella sezione <head>.
     • Non ci sono errori nella console del browser o nella scheda Network relativi a GTM o gtm.js.

3. Il Problema:

   • Dopo aver pubblicato il mio container GTM, sono andato in Modalità Anteprima in Google Tag Manager e ho inserito l’URL del mio sito web (https://forum.hobiguru.com).
   • Tuttavia, il Debugger di Anteprima GTM indica che nessun tag GTM è stato trovato sul mio sito.
   • Nonostante gtm.js venga caricato e non ci siano errori visibili, il debugger non riconosce la configurazione GTM.

Screenshot:

• Screenshot 1: Configurazione del container GTM in Google Tag Manager (mostra il tag GA4 e i trigger).
• Screenshot 2: Impostazioni di amministrazione di Discourse che mostrano l’ID del container GTM (GTM-W…MZV) configurato.
• Screenshot 3: Strumenti per sviluppatori del browser che mostrano il caricamento corretto della libreria gtm.js sul mio sito web.
• Screenshot 4: Modalità Anteprima GTM che mostra il messaggio di errore: Nessun tag GTM trovato sul tuo sito web.

Cosa ho provato finora:

• Ho confermato che gtm.js viene caricato nella scheda Network.
• Ho controllato la console del browser per eventuali errori di Content Security Policy (CSP) o altri errori JavaScript.
• Ho cancellato la cache del mio sito e del browser per assicurarmi che non ci siano problemi di caching.
• Ho ripubblicato il container GTM per assicurarmi che sia aggiornato.

Richiesta:

Qualcuno può aiutarmi a capire perché la Modalità Anteprima GTM non rileva la mia configurazione GTM, anche se lo script gtm.js viene caricato correttamente? C’è qualcosa che mi sfugge nella configurazione o nel processo di integrazione?