Quando você publica um Tour, verá quantos clientes o visualizaram e completaram ao longo do tempo. Também encontrará quaisquer problemas na aba ‘Problemas’. Clique em ‘Problemas’ para ver mais:
Aqui, você verá cada vez que seu Tour teve um problema ao encontrar um seletor CSS:
Um seletor CSS é um código usado para identificar a parte do seu site para onde o ponteiro deve apontar.
Este relatório registra um problema quando um Tour é entregue com sucesso a um cliente, mas um dos elementos do site que você escolheu para apontar não está visível na página. Quando ocorre um problema, seu ponteiro aparecerá para os clientes em estado não apontado, assim:
Para orientações sobre como corrigir problemas de CSS, leia este artigo.
Outros problemas para verificar
Também há três problemas que este relatório não mostra, que podem impedir seu Tour de ser enviado ou concluído:
Se a primeira mensagem do ponteiro do seu Tour for direcionada a um elemento que não pode ser encontrado na página, o Tour não será enviado. Se perceber que seu tour não está sendo enviado para ninguém, teste se ele pode ser exibido na página que você direcionou.
☝️ Isso pode acontecer mesmo que a primeira mensagem do ponteiro não seja a primeira mensagem do Tour. Por exemplo, se sua primeira mensagem for um post e a segunda for um ponteiro.Se você usar a opção ‘clique para avançar’, seu tour levará os clientes a uma nova página. Se a próxima mensagem apontar para um elemento que não aparece na nova página, o tour não continuará.
Se seu app usa um menu de navegação fixo ou "sticky" (que permanece no lugar enquanto o resto da página rola), isso pode afetar como os elementos do tour são exibidos ao rolar a página:
Com uma barra de navegação fixa, você pode ver os ponteiros do Tour desalinhados com o elemento que estão destacando:
Para resolver esse problema, você precisará adicionar uma linha de CSS ao elemento em questão:
scroll-margin-top: (height of your navbar)px;
Por exemplo, se sua navbar tem 30px de altura e seu botão tem o ID "button4", você adicionaria o seguinte:
#button4 {
scroll-margin-top: 30px;
}Isso garantirá que o ponteiro esteja corretamente alinhado. 👍
Se você notar baixas taxas de envio ou conclusão, deve testar esses problemas.
Aprenda como em este guia para testar seu Tour de Produto.