Visão geral
Os eventos sem código permitem rastrear as interações do usuário com elementos específicos do seu site sem escrever nenhum código. Usando a extensão do UserGuiding para Chrome, você seleciona visualmente um elemento, escolhe um tipo de interação e o SDK do UserGuiding dispara automaticamente o evento sempre que os usuários interagem com esse elemento.
Criando um evento sem código
- Acesse Settings > Data > Events..
- Clique em + New Event e selecione No-Code Event..
- Insira o URL da página onde o elemento existe e clique em Open the page..
- A extensão do Chrome abre no modo de seleção de elementos. Clique no elemento que deseja monitorar.
- No formulário de configuração, você verá o seletor CSS preenchido automaticamente. Você pode refiná-lo, se necessário.
- Selecione o Track Type no menu suspenso: Click, Hover, Focus, ou Input Filled
- Defina regras de segmentação de página para controlar em quais páginas esse evento será acionado (preenchido previamente com a URL atual).
- Dê um nome e um Code Name ao seu evento e clique em Salvar .
Tipos de trilhas
- Click — Disparado quando o usuário clica no elemento.
- Hover — É acionado quando o usuário passa o cursor sobre o elemento (mouseenter).
- Focus — É acionado quando o elemento recebe o foco.
- Input Filled — Disparado quando o usuário sai de um elemento de entrada após inserir um valor (perda de foco).
Editando um evento sem código
Para editar um evento existente sem código, clique no ícone de engrenagem de configurações ao lado do evento na tabela de Eventos. Isso abrirá um controle deslizante onde você poderá atualizar o nome, o nome de código, o seletor CSS, o tipo de rastreamento e o direcionamento da página.
Como funciona (SDK)
Quando o SDK carrega a configuração do seu contêiner, ele anexa event listeners DOM com base nos eventos sem código configurados. Se o elemento de destino for adicionado dinamicamente (por exemplo, por um framework de aplicativo de página única), o SDK o detecta automaticamente e anexa o ouvinte. Os eventos são disparados em tempo real e registrados no armazenamento do usuário.