Questa guida spiega come utilizzare lo strumento di Selezione Visiva per identificare e tracciare elementi specifici (come moduli, pulsanti o campi di testo) direttamente sul tuo sito web, senza dover conoscere il codice HTML.
Lo strumento di Selezione Visiva carica il tuo sito web all'interno di una finestra modale, permettendoti di puntare e cliccare sull'elemento che desideri tracciare.
Prerequisiti
Prima di avviare la Selezione Visiva, assicurati di aver salvato il tuo progetto di Tracking. Se stai creando un nuovo obiettivo, è necessario salvare il modulo almeno una volta.
Procedura Passo-Passo
La Selezione Visiva è disponibile all'interno delle impostazioni di specifici Obiettivi (come "Invio Form" o "Click").
1. Accedere all'Obiettivo
1. Accedi alla sezione di modifica del tuo Progetto di Tracking.
2. Clicca sulla scheda Obiettivi (Goals).
3. Attiva l'obiettivo desiderato (ad esempio, "Invio Form" o "Click") cliccando sul pulsante Attiva.
4. Scorri fino alla sezione di configurazione dell'obiettivo appena attivato.
2. Avviare lo Strumento di Selezione Visiva
A seconda dell'obiettivo che stai configurando, lo strumento può essere avviato in due modi:
A. Per la selezione di Moduli (Form) o Pulsanti (Click):
1. Individua il campo che richiede un selettore (ad esempio, "Selettore Form" o "Selettore CSS").
2. Sotto l'etichetta di compilazione guidata, clicca sul pulsante:
- Cerca form nel sito (per i moduli)
- Selezione Visiva (per i click)
B. Per la selezione di campi specifici (ad esempio, Prezzo o Titolo):
1. Individua il campo di input che richiede il selettore (ad esempio, "Nome prodotto" o "Prezzo prodotto").
2. Clicca sull'icona della bacchetta magica (<i class="fa fa-magic" aria-hidden="true"></i>) che si trova accanto al campo.
3. Interagire con il Sito Web
Dopo aver cliccato sul pulsante di selezione, si aprirà una nuova finestra (modale) che carica il tuo sito web:
1. Attendi che la pagina si carichi completamente. Se l'iframe mostra "Caricamento in corso...", attendi qualche secondo. Se il caricamento fallisce, assicurati che il codice di Integrazione sia installato sul tuo sito e che il progetto sia stato salvato.
2. Nella finestra del sito web, individua l'elemento (Form, pulsante, campo) che desideri tracciare.
3. Per selezionare l'elemento:
- Clicca sull'elemento utilizzando il tasto destro del mouse,
- oppure tieni premuto il tasto sinistro per più di 1 secondo.
4. Confermare la Selezione
1. Dopo la selezione, apparirà una piccola finestra di dialogo che mostra il selettore CSS generato automaticamente.
2. Clicca sul pulsante Conferma.
Il selettore CSS verrà automaticamente inserito nel campo di input corrispondente nell'obiettivo di tracking.
> Suggerimento: Se stai configurando più campi consecutivi (come "Titolo del contenuto" e "Valore contenuto"), lo strumento tenterà di guidarti automaticamente alla selezione del campo successivo dopo aver confermato il primo.
