Tracking e analytics sono diventati un mestiere a sé: GA4, Meta Pixel, TikTok, LinkedIn, conversioni Google Ads. Per un cliente non tecnico, installarli correttamente in WordPress è già una sfida. Farlo rispettando il GDPR è un'altra.
Il principio guida è: un solo contenitore. Installi Google Tag Manager (GTM) sul sito una volta sola, e da lì gestisci tutti gli altri tag. In questa guida vediamo come fare in pratica, quali plugin usare e come coordinare il tutto con il banner cookie.
L'architettura giusta
Lo schema target:
WordPress
└── Google Tag Manager (un solo snippet sul sito)
├── GA4 (analytics)
├── Meta Pixel (Facebook/Instagram Ads)
├── Google Ads conversion tracking
├── TikTok Pixel (se serve)
└── altri pixel futuri
Coordinati con:
Cookie Banner (Iubenda, CookieYes, ...)
└── invia segnali di consenso a GTM
└── GTM lancia o blocca i tag in base al consenso
Setup di Google Tag Manager
1. Crea un account GTM
Vai su tagmanager.google.com, accedi con account Google e crea:
- Account: di solito uno per azienda
- Container: uno per ogni sito web (es. miosito.it)
GTM ti dà uno snippet di codice (due pezzi: uno per <head>, uno per inizio <body>) e un ID container del tipo GTM-XXXXXXX.
2. Installa GTM su WordPress
Hai tre opzioni, in ordine di preferenza:
Opzione A: Site Kit by Google
Plugin ufficiale Google che integra GTM, GA4, Search Console, AdSense. Installalo, connetti l'account Google, attiva Tag Manager, inserisci l'ID container. Fatto.
Opzione B: GTM4WP
Plugin specifico per Tag Manager con funzioni avanzate per WooCommerce. Inserisci l'ID, abiliti i moduli e-commerce (per WooCommerce raccoglie automaticamente gli eventi standard).
Opzione C: WPCode o "Insert Headers and Footers"
Per inserire manualmente gli snippet GTM negli appositi campi. Approccio più tecnico ma flessibile.
3. Verifica l'installazione
Installa l'estensione browser Tag Assistant Companion o GTM/GA Debugger. Apri il sito, dovresti vedere il container GTM rilevato. In GTM stesso, cliccando "Preview", puoi entrare in modalità debug e vedere i tag che si attivano.
Configurare GA4 dentro GTM
1. Crea una proprietà GA4
Su analytics.google.com, Amministrazione → Crea proprietà. Compila dati azienda, fuso orario, valuta, settore. Crea uno stream Web con il dominio del sito. GA4 ti dà un Measurement ID del tipo G-XXXXXXXXXX.
2. Crea il tag in GTM
In GTM:
- Tag → Nuovo
- Tipo tag: Google Analytics: tag GA4
- Inserisci il Measurement ID
- Trigger: All Pages (per il page view base)
- Salva e pubblica
3. Eventi e-commerce per WooCommerce
Per uno shop, gli eventi base (page view) non bastano: servono visualizzazione prodotto, aggiunta carrello, acquisto.
Soluzioni:
- GTM4WP invia automaticamente gli eventi Enhanced Ecommerce al data layer
- PixelYourSite copre GA4, Meta, TikTok in un solo plugin
- Configurazione manuale in GTM: più complessa ma flessibile
Una volta configurati, in GA4 trovi i report Monetizzazione → Acquisti e-commerce popolati.
Configurare Meta Pixel
1. Crea il pixel
Su business.facebook.com, Eventi → Aggiungi origine dati → Web. Crea un nuovo pixel con nome del sito. Meta ti dà un Pixel ID.
2. Crea il tag in GTM
In GTM esiste un template Facebook Pixel dalla galleria community (oppure usa il tag HTML personalizzato):
- Tag → Nuovo → Cerca "Facebook Pixel" (template community)
- Inserisci il Pixel ID
- Trigger: All Pages (per il page view base)
- Salva e pubblica
3. Eventi e-commerce
Stesso approccio di GA4: con GTM4WP o PixelYourSite gli eventi si configurano in pochi click. Manualmente, devi creare un tag per ogni evento (ViewContent, AddToCart, InitiateCheckout, Purchase) e collegarlo al data layer di WooCommerce.
4. Conversions API (CAPI)
Meta consiglia di affiancare al pixel client-side anche la Conversions API server-side: trasmissione eventi direttamente dal server WordPress a Meta. Migliora il tracking, soprattutto con browser che bloccano i cookie. Plugin come PixelYourSite Pro lo configurano automaticamente.
Coordinare con il consenso cookie
Consent Mode v2 (Google)
Per i tag Google (GA4, Ads), Consent Mode v2 permette comportamenti differenziati:
- Prima del consenso: i tag vengono lanciati ma in modalità ridotta (no cookie persistenti, segnali aggregati)
- Dopo il consenso: i tag funzionano pienamente
Il banner cookie deve essere configurato per inviare i segnali di consenso a GTM. I principali (Iubenda, CookieYes, Complianz) supportano Consent Mode v2 nativamente.
Pixel non-Google
Per Meta Pixel, TikTok, LinkedIn non c'è un consent mode standard: vanno bloccati interamente prima del consenso e attivati solo dopo. GTM lo gestisce con trigger basati su variabili di consenso.
Errori comuni
- Codici GA4 e Universal duplicati. Capita su siti vecchi con migrazione incompleta. Rimuovi UA, lascia solo GA4.
- Pixel doppio. Hai installato Site Kit e poi anche GTM con GA4 dentro: si tracciano due page view per visita. Scegli una sola architettura.
- Tag che si attivano prima del consenso. Il banner cookie non è coordinato con GTM. Controlla con Tag Assistant in modalità incognito.
- Eventi e-commerce mancanti. Hai GA4 base ma non Enhanced Ecommerce. Installa GTM4WP o PixelYourSite.
- Conversioni Google Ads non importate. GA4 deve essere collegato a Google Ads e gli eventi conversione configurati come "tali" in GA4.
- Modifica diretta del tema. Snippet inseriti in header.php scompaiono al primo aggiornamento. Sempre usare plugin.
In sintesi
Tracking corretto vuol dire un solo contenitore (GTM), tag gestiti dal pannello, coordinamento con il banner cookie. Le statistiche affidabili nascono da qui: senza una buona base, i dati di GA4 sono sporchi e le campagne Meta non si ottimizzano.
Quando ti consegniamo un sito, di norma installiamo GTM con GA4 e — se richiesto — Meta Pixel preconfigurato, già coordinato con il banner cookie. Per modifiche successive (nuovi pixel, conversioni, eventi custom) si lavora dentro GTM senza toccare WordPress.
