Aggiornamento 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:

snippet hotjar google tag manager

 

Step 2 – Seleziona il Tag di Hotjar

Per prima cosa vai in Tag > Nuovo
Scegli tipo di Tag > Seleziona il tag di Hotjar

google tag manager tag hotjar

Ora non ti resta che inserire il Site ID di Hotjar (di solito un valore numerico) che trovi sia nello snippet, oppure nell’elenco dei siti:

tag-manger-hotjar-site-id

tag-manger-hotjar-site-id-2

 

Non ti resta che inserire questo codice ID nel campo del Tag e il gioco è fatto 🙂

inserisci il codice site id di hotjar sul tag di google tag manager

Non ti resta che selezionare “tutte le pagine” come attivatore

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.

Scegli il prodotto: Tag HTML personalizzato
Scegli un tipo di tag: Inserisci lo snippet di Hotjar
Attiva su: Tutte le pagine

Dovresti avere un situazione simile a questa:

snippet HTML personalizzato hotjar google tag manager

Crea il Tag e pubblicalo attivando l’anteprima con il debug e preview. Dovresti vedere il Tag attivato:

hotjar debug google tag manager

Step 3 – Verifica su Hotjar

Non ti resta che verificare su Hotjar che lo snippet venga visto e il gioco è fatto!

snippet hotjar google tag manager tracking

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

A presto e buon Tag!

Hai ancora qualche dubbio?
Chiedi pure qui sotto, sarò pronto a risponderti!

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *