A pesquisa incorporada permite que você colete respostas no momento certo, colocando uma pesquisa em linha com outros elementos da página. Ao solicitar aos usuários que a visualizem quando estiverem em uma parte específica da página, as respostas do usuário se tornam mais contextuais. Este artigo explica como configurar uma pesquisa incorporada.
CONFIGURAR UM EXEMPLO QUANDO O RECURSO ESTIVER DISPONÍVEL NO INSIGHTSVocê pode testar um exemplo da pesquisa incorporada abaixo:
As alterações feitas em uma pesquisa incorporada podem levar até 60 segundos para serem renderizadas após a publicação
Ao criar uma nova pesquisa incorporada ou editar uma existente, pode levar até 60 segundos para que as alterações apareçam em seu site ao vivo.
Visite seu site ao vivo e identifique uma posição na página onde você gostaria que a pesquisa incorporada aparecesse.
Copie o seletor do elemento de destino para a posição que você identificou no Passo 1.
Como copiar o seletor do elemento de destino
Copie o seletor do elemento de destino das ferramentas de desenvolvedor do seu navegador da web usando as etapas abaixo. Embora a nomenclatura dos itens de menu nas etapas abaixo seja para o Google Chrome, o processo será semelhante em outros navegadores da web.
O seletor CSS não pode exceder 400 caracteres
O Hotjar não suporta seletores com mais de 400 caracteres de comprimento. Se você encontrar essa limitação, considere usar o Firefox para copiar o seletor CSS, pois os seletores do Firefox são mais curtos do que outros navegadores modernos.
-
Clique com o botão direito na localização da página do seu site onde a pesquisa deve ser incorporada.
-
No menu de clique com o botão direito, clique em Inspecionar para abrir a guia Elementos.
No Firefox, Edge e Safari, isso aparecerá como Inspecionar elemento. Para o Safari, talvez seja necessário primeiro ativar o menu Desenvolver.
-
Dentro da guia Elementos, identifique o elemento exato onde a pesquisa será incorporada.
-
Clique com o botão direito nesse elemento, passe o mouse sobre Copiar e clique em Copiar seletor. O seletor do elemento será então copiado para a área de transferência.
No Chrome e Edge, isso aparecerá em Copiar > Copiar seletor. No Safari, será Copiar > Caminho do seletor. No Firefox, será Copiar > Seletor CSS.
Quando vários elementos corresponderem ao seletor, a pesquisa será incorporada apenas ao primeiro elemento correspondente
Se o seletor corresponder a vários elementos da página, a pesquisa será incorporada apenas ao primeiro elemento que corresponder com sucesso. Para garantir que a pesquisa seja direcionada a um elemento específico, recomendamos adicionar um ID exclusivo ao elemento em sua página e usar esse ID como seletor do elemento de destino durante a configuração da pesquisa incorporada.
Visite sua página de pesquisa no Hotjar.
Se você é novo no uso de Pesquisas do Hotjar, você encontrará uma visão geral em nosso artigo, O que é uma Pesquisa do Hotjar?
Clique em Nova Pesquisa.
Insira um nome para sua pesquisa na seção Detalhes da configuração da pesquisa.
Na seção Tipo da configuração, clique em Embutido para selecionar o tipo de pesquisa embutida.
Escolha a Aparência da sua pesquisa embutida.
Em Segmentação, adicione o seletor do elemento alvo que você copiou do Passo 2 na seção Posição na página.
Conclua a configuração restante da sua pesquisa.
Para mais detalhes sobre as outras seções na configuração da pesquisa, consulte nosso artigo Como Criar uma Pesquisa.
Em Resumo, altere o status da pesquisa para Ativo e clique em Iniciar Pesquisa.
Isso ativará a pesquisa embutida em seu site ao vivo.