Integrazione personalizzata tramite tag renderizzati sul client

L'integrazione tramite tag HTML nascosti generati lato client è l'opzione di integrazione personalizzata con Connectif più adatta se utilizzi Google Tag Manager e dataLayer. Consiste nel generare i tag in modo nascosto e, una volta renderizzati correttamente, il JavaScript di Connectif raccoglierà automaticamente le informazioni e le invierà al tuo account. 

 

Come integrare Connectif tramite tag renderizzati lato client?

Con questa integrazione potrai configurare l'invio delle informazioni relative alle attività sul tuo sito web, ma per sincronizzare il tuo catalogo e configurare le Web Push dovrai completare questo metodo con altre configurazioni.

 

1. Aggiungere il JavaScript di Connectif

Configura il JavaScript di Connectif sul sito affinché venga caricato su tutte le pagine e possa integrarsi con gli eventi.

• Aggiungi il JavaScript di Connectif.

 

2. Aggiungere i tag HTML

Ecco tutti i tag da aggiungere e le pagine in cui inserirli affinché le informazioni si sincronizzino correttamente:

1. Su tutte le pagine:

• Tag "Informazioni sul contatto": per registrare i dati dei visitatori dell'eCommerce.
  
• Tag "Stato attuale del carrello": per descrivere il carrello attuale del contatto in un determinato momento. 
  
• Tag "Etichetta di pagina": per assegnare un'etichetta a una pagina.
  
  

2. Sulle pagine di categoria prodotto:

• Tag "Categoria di pagina": per assegnare una categoria di prodotto a una pagina. 
   

3. Sulle pagine di dettaglio prodotto:

• Tag "Il contatto ha visitato un prodotto": per segnalare che il contatto ha visitato un prodotto specifico durante la sua navigazione sul sito web.

• Tag "Il contatto ha cercato un prodotto": per identificare una visita a un prodotto come risultato diretto di una ricerca.

4. Sulle pagine dei risultati di ricerca:

• Tag "Il contatto ha effettuato una ricerca": per indicare che è stata effettuata una ricerca e identificare i termini utilizzati.
  
  

5. Sulle pagine di acquisto completato (checkout success):

• Tag "Acquisto completato": per descrivere un acquisto effettuato da un contatto.
  
  

6. Sulle pagine in cui si verifica l'evento:

• Tag "Il contatto ha effettuato l'accesso": per indicare che il contatto ha eseguito il login.
• Tag "Il contatto si è registrato": per indicare una nuova registrazione.
• Tag "Iscrizione alla newsletter": per indicare che un contatto si è iscritto alla newsletter.
  
  

3. Sincronizzare il catalogo prodotti

La verifica dei prodotti non è compatibile con il rendering lato client dei tag HTML, poiché il verificatore di prodotti di Connectif si aspetta di ottenere il tag "cn_product_visited" eseguendo una richiesta HTTP GET all'URL del prodotto.

Puoi sincronizzare il tuo catalogo attraverso due metodi differenti:

• Implementare il tag Prodotto Visitato con rendering lato server.
• Disattivare la verifica automatica dei prodotti e sincronizzare il catalogo via API.

 

4. Configurare le Web Push

Per completare l'integrazione, dovrai anche configurare il Service Worker per poter ricevere le iscrizioni alle Web Push e inviare notifiche ai tuoi contatti.

• Inizia a gestire le notifiche Web Push.

 

5. Validare l'integrazione

Una volta implementato l'invio delle informazioni a Connectif, il passo successivo sarà verificare che l'integrazione sia stata eseguita correttamente.

• Verifica la configurazione dell'Integrazione Web.

 

 

---

Continua a imparare!

Per sfruttare al massimo il potenziale del tuo account Connectif, ti consigliamo di consultare i seguenti articoli:

• Onboarding, per acquisire familiarità con la nostra interfaccia.

• Workflows iniziali, per implementare le tue prime strategie nell'account.

• Integrazioni con sistemi esterni, per integrarti con Facebook, moduli e webhook del tuo sito web.

• Integrazioni via API, per gestire eventi come registrazioni di acquisti o iscrizioni di contatti.