Este guia explica como usar a ferramenta de Seleção Visual para identificar e rastrear elementos específicos (como formulários, botões ou campos de texto) diretamente no seu site, sem precisar conhecer o código HTML.
A ferramenta de Seleção Visual carrega seu site dentro de uma janela modal, permitindo que você aponte e clique no elemento que deseja rastrear.
Pré-requisitos
Antes de iniciar a Seleção Visual, certifique-se de ter salvo seu projeto de Tracking. Se estiver criando um novo objetivo, é necessário salvar o formulário pelo menos uma vez.
Procedimento Passo a Passo
A Seleção Visual está disponível nas configurações de objetivos específicos (como "Invio Form" ou "Click").
1. Acessar o Objetivo
1. Acesse a seção de edição do seu Projeto de Tracking.
2. Clique na aba Obiettivi (Goals).
3. Ative o objetivo desejado (por exemplo, "Invio Form" ou "Click") clicando no botão Attiva.
4. Role até a seção de configuração do objetivo recém-ativado.
2. Iniciar a Ferramenta de Seleção Visual
Dependendo do objetivo que está configurando, a ferramenta pode ser iniciada de duas formas:
A. Para seleção de Formulários (Form) ou Botões (Click):
1. Localize o campo que requer um seletor (por exemplo, "Selettore Form" ou "Selettore CSS").
2. Sob o rótulo da compilação guiada, clique no botão:
- Cerca form nel sito (para formulários)
- Selezione Visiva (para cliques)
B. Para seleção de campos específicos (por exemplo, Prezzo ou Titolo):
1. Localize o campo de entrada que requer o seletor (por exemplo, "Nome prodotto" ou "Prezzo prodotto").
2. Clique no ícone da varinha mágica (<i class="fa fa-magic" aria-hidden="true"></i>) que fica ao lado do campo.
3. Interagir com o Site Web
Após clicar no botão de seleção, abrirá uma nova janela (modal) que carrega seu site:
1. Aguarde até que a página carregue completamente. Se o iframe mostrar "Caricamento in corso...", espere alguns segundos. Se o carregamento falhar, certifique-se que o código de Integração esteja instalado em seu site e que o projeto tenha sido salvo.
2. Na janela do site web, localize o elemento (Formulário, botão, campo) que deseja rastrear.
3. Para selecionar o elemento:
- Clique no elemento usando o botão direito do mouse,
- ou mantenha pressionado o botão esquerdo por mais de 1 segundo.
4. Confirmar a Seleção
1. Após a seleção, aparecerá uma pequena janela de diálogo mostrando o seletor CSS gerado automaticamente.
2. Clique no botão Conferma.
O seletor CSS será inserido automaticamente no campo correspondente no objetivo de tracking.
> Sugestão: Se estiver configurando vários campos consecutivamente (como "Titolo del contenuto" e "Valore contenuto"), a ferramenta tentará guiá-lo automaticamente para a seleção do próximo campo após confirmar o primeiro.
