Guida Base

Guida Base: Installare Hotjar con Google Tag Manager

[Aggiornata il 04 Agosto 2021]

Dal 09/10/2016 a seguito di alcune nuove implementazioni (compresa il doppio snippet da inserire nell’<head> e nel <body>) sono stati aggiunti altri Tag predefiniti. Uno di questi è proprio Hotjar!

Lascerò comunque la vecchia guida con l’utilizzo del Tag HTML personalizzato perché comunque rimane assolutamente valida e funzionante.

In questa (breve) guida ti spiegherò come implementare Hotjar con Google Tag Manager.

Step 1 – Recupera lo Snippet di Hotjar

Una volta che hai creato il profilo e configurato il sito su Hotjar dovresti avere a disposizione lo snippet da implementare nel tuo sito:

  • Dove il valore XXXXXXX corrisponde al tuo codice di Hotjar

Step 2 – Crea il Tag di Hotjar Predefinito

Questa è l’implementazione che ti consiglio.

Per prima cosa vai in:

  • Tag > Nuovo > Configurazione tag.
  • Tipo di Tag: Hotjar Tracking Code.

  • Ora non ti resta che inserire il Site ID di Hotjar (di solito un valore numerico) che trovi sia nello snippet, oppure nella sezione Sites & Organizations su Hotjar:

  • Inserisci questo codice ID nel campo Hotjar Site ID.
  • Poi seleziona in Attivazione All Pages / Visualizzazione di pagina e il gioco è fatto 🙂
  • Rinomina l’Attivatore, ad esempio “Hotjar”.
  • Salva.

Step 2 (variante vecchia) – Crea un Tag HTML personalizzato

Se non vuoi utilizzare il Tag dedicato di Hotjar, nessun problema! Puoi semplicemente copiare l’intero snippet di  codice e creare un nuovo Tag HTML.

Vai in:

  • Tag > Nuovo > Configurazione tag.
  • Tipo di tag: Tag HTML personalizzato.

  • Incolla lo snippet di Hotjar.
  • Attivazione: All pages / Visualizzazione di pagina.
  • Rinomina l’Attivatore, per esempio con il nome di “cHTML – Hotjar – Pageview”.
  • Infine Salva.

STEP 3 – VERIFICA IL TAG con il debug di GTM

Prima di pubblicare il Tag, puoi verificare che tutto funzioni correttamente.

Entra nella Modalità Anteprima e visita il tuo sito. In basso comparirà una finestra. Dovresti vedere il tuo Tag di Hotjar  fra i Tags Fired On This Page.

Se tutto funziona come previsto, torna sul contenitore e clicca sul pulsante blu “Invia” per pubblicare ufficialmente le modifiche.

Nell’immagine qui sotto ti mostro entrambi i Tag, ma tu ne dovrai avere solo uno, mi raccomando (ti consiglio il Tag nativo)

Step 4 – Verifica su Hotjar

Non ti resta che verificare la corretta installazione del Tag anche su Hotjar e il gioco è fatto!

Credo sia stato più semplice a farsi che a dirsi, no?

A presto e buon Tag!

Pssss… forse ti interessa sapere che puoi utilizzare Hotjar anche per tracciare l’User ID degli utenti in Google Analytics.

Leggi la mia guida 😉

Matteo Zambon

View Comments

  • Ciao, per attivare il record o le heatmap solamente nella sezione checkout è sufficente NON utilizzare come attivatore ALLPAGES bensì utilizzare pageurl uguale/inizia xxx.it/checkout?

    • Ciao Matteo, si è una soluzione se non hai hotjar a pagamento :) Ovviamente traccerai solo quelle pagine.

      A presto!

Recent Posts

Piano di Misurazione: cos’è, cosa serve e come costruirlo per analizzare dati di qualità

Cos'è il piano di misurazione (e cosa non è) Il piano di misurazione è un…

4 settimane ago

Come usare Microsoft Clarity e Google Tag Manager per analizzare carrelli e form abbandonati

Avere automazioni di marketing per recuperare vendite e conversioni è un’ottima cosa. Se ci pensi…

4 settimane ago

Caso studio: FGM04 registra +72% di attribuzione delle conversioni e 98% di accuratezza dei dati tracciati grazie una strategia di Data Governance personalizzata

Fgm04, fondata nel 2004 è una realtà di cosmeceutica professionale, evolutasi fino a diventare un…

2 mesi ago

Cosa sono, come funzionano e come configurare gli Smart Events in Microsoft Clarity

Gli Smart Events di Microsoft Clarity sono eventi che tracciano automaticamente le azioni più importanti…

3 mesi ago

Universal Commerce Protocol e Business Agent: cosa cambia e le implicazioni per la Digital Analytics di retailer ed ecommerce

L'11 gennaio 2025 Google ha annunciato il lancio di Universal Commerce Protocol (UCP), un nuovo…

3 mesi ago

Caso studio: Giuseppe Zanotti aumenta del 20% il ROAS e del 6% le conversioni cart-to-checkout grazie alla CRO con Microsoft Clarity e GA4

Giuseppe Zanotti, brand italiano di luxury footwear fondato nel 1994 e riconosciuto a livello internazionale…

3 mesi ago