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 tools 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 ha bisogno di essere attivato dopo il caricamento del DOM. Non ci resta che creare l’attivatore che fa al caso nostro.

► Scegli il tipo di attivatore: Visualizzazione di pagina – Pronto per DOM
Questo attivatore si attiva su: Tutti gli eventi pronti per DOM

guida base attivatore dom zopim chat

Step 3 – Crea un Tag HTML personalizzato

Non ci resta che creare il Tag HTML Personalizzato:

Vai in Tag > Nuovo.

► Scegli il prodotto: Tag HTML personalizzato
Scegli un tipo di tag: Inserisci lo snippet di Zopim
Attiva il flag: document.write
Attiva su: Tutte le pagine DOM

guida base zopim chat snippet tag html

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! Per testare la corretta funzionalità di Zopim Live Chat attivando la modalità di Anteprima in Google Tag Manager.
Dovresti vedere la chat che si carica correttamente all’interno del tuo sito!

step 4 verifica attivazione zopim chat gtm

Ecco la nostra chat attiva!

step 4 verifica zopim chat GTM

Link Utili

Guida ufficiale di Zopim per Google Tag Manager (in inglese)

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!

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

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