Sicuramente ti sarai imbattuto nell’esigenza di installare una chat di assistenza nel tuo sito o nel sito dei tuoi clienti.

In questa semplice guida ti spiegherò come installare Zopim Live Chat attraverso Google Tag Manager.
Sei pronto? Iniziamo 🙂

Step 1 – Cerca lo snippet di Zopim

Come un po’ tutti i tool web c’è da installare uno snippet. La prima cosa da fare è trovare e copiare lo snippet dal pannello di Zopim.
Qui la guida su come trovare il codice: https://zopimsupport.zendesk.com/hc/en-us/articles/212679527

guida base zopim chat snippet google tag manager

Step 2 – Crea l’attivatore: Tutte le pagine DOM

Per poter funzionare, Zopim deve essere attivato dopo il caricamento del DOM. Non ci resta che creare l’attivatore che fa al caso nostro.

  • Attivatori > Nuovo > Configurazione attivatore.
  • Tipo di attivatore: Visualizzazione di pagina – Pronto per DOM.
  • Questo attivatore si attiva su: Tutti gli eventi pronti per DOM.

attivatore dom installare zopim google tag manager

Step 3 – Crea un Tag HTML personalizzato

Non ci resta che creare il Tag HTML Personalizzato:

  • Vai in Tag > Nuovo > Configurazione tag.
  • Tipo di tag: Tag HTML personalizzato.
  • Incolla lo snippet di Zopim.
  • Seleziona il flag: Supporto document.write.
  • Attiva su: “Tutte Pagine DOM”.

tag installare zopim google tag manager

Domandona che sorge spontanea.

Perchè abilitare document.write?

Zopim Live Chat necessita di scrivere qualche dato all’interno della pagina, come ad esempio il testo della chat.
La funzione di document.write risolve esattamente questo problema 🙂

Step 4 – Pubblica e verifica!

Non ti resta che pubblicare! Testa la corretta funzionalità di Zopim Live Chat attivando la modalità di Anteprima in Google Tag Manager.

Dovresti vedere il Tag “cHTML – Zopim” fra i Tags Fired On This Page e la chat che si carica correttamente all’interno del tuo sito!

verifica installare zopim google tag manager

Ecco la nostra chat attiva!

step 4 verifica zopim chat GTM

Link Utili

Ringraziamenti

Questa guida è stata realizzata grazie alla preziosa collaborazione di Alessandro Marengo (www.uebagency.it).

Hai domande? Lascia un commento, ti risponderò quanto prima!

A presto e buon Tag!

PS: Se anche tu vorresti proporre una guida o un argomento lasciami un commento qui sotto, sarà un piacere collaborare con lo scopo di diffondere Google Tag Manager!

Condividi anche tu Google Tag Manager!

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

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

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.