Guida Base: Come creare Virtual Page con Google Tag Manager

[Aggiornata il 22 Febbraio 2019]

In questa semplice guida ti spiegherò come creare le Virtual Page con Google Tag Manager.

Immaginiamo di voler tracciare quando un utente clicca su un pulsante di richiesta preventivo ed appare un Dialog. La mia esigenza è quella di creare una virtual page quando l’utente apre questo Dialog.

STEP 1 – Crea l’Attivatore

Come prima cosa creiamo un Attivatore che si abilita al click del pulsante che apre il Dialog.

• Nel menu a sinistra clicca su Attivatori > Nuovo > Configurazione attivatore.
• Tipo di attivatore: Clic – Tutti gli elementi.
• Si attiva su: Alcuni clic.
• Aziona l’attivatore quando: Click Text è uguale a RICHIEDI L’ANTEPRIMA GRATUITA (naturalmente tu personalizzalo a seconda del tuo pulsante)*
• Rinomina l’Attivatore – nel mio caso “Modal Anteprima Libro”– e salvalo.

*Click Text è una Variabile Integrata.
Se non la trovi vuol dire che devi ancora attivarla: qua c’è la guida su Come attivare le Variabili Integrate in Google Tag Manager

STEP 2 – Crea il Tag

Adesso invece andremo a creare il Tag:

• Tag > Nuovo > Configurazione tag.
• Tipo di tag: Universal Analytics.
• Tipo di monitoraggio: Visualizzazione di pagina.
• Aggiunti la Variabile delle Impostazioni di Google Analytics oppure abilita l’override e poi inserisci nel campo ID Monitoraggio la costante GA {{gaID}} che dovresti avere già creato se segui le mie guide, oppure il tuo codice UA di Google Analytics.
• Ora vai su Altre impostazioni > Campi da impostare.
• Aggiungi un nuovo campo.
• Nome: page.
• Valore: nel mio caso ho inserito {{Page Path}}download-anteprima-libro ma tu puoi impostare  l’URL che ritieni più opportuno.
• Associa l’Attivatore creato in precedenza. In questo caso “Modal Anteprima Libro”.
• Dai un nome al Tag, ad esempio “GA – Virtual PageView – Modal Libro” e salva.

STEP 3 – VERIFICA IL TAG

Come al solito, prima di pubblicare il Tag possiamo verificare prima che funzioni in modo corretto, grazie alla Modalità di Anteprima e Debug offerta da Google Tag Manager.

Attivala e va sulla pagina del tuo sito in cui è presente il pulsante della Virtual Page. Adesso dovresti vedere il Tag fra i Tags Not Fired On This Page.

Se invece scateni l’evento cliccando sul pulsante, il Tag dovrebbe ora passare fra i Tags Fired On This Page.

Ecco, se è andata esattamente così, vuol dire che il Tag funziona. Puoi procedere ora alla pubblicazione cliccando sul pulsante blu “Invia”.

Come, già finito?

Sì, già finito.

Immagina di utilizzare questa opzione per siti di tipo One Page o il checkout di un sito e-commerce. Potente, no?

A presto e buon Tag!