Feedback incorporado em modelo
Sobre o feedback incorporado modelado
Quer você execute um blog de marketing, documentação de suporte, recursos de desenvolvedor ou outro site, seu conteúdo precisa ser mantido atualizado. À medida que um site cresce em tamanho, pode ficar mais difícil concentrar seus esforços de melhoria. Também é importante determinar se o conteúdo que você está produzindo é eficaz e medir seu impacto.
O feedback incorporado em modelos facilita muito a coleta de dados sobre o conteúdo que você executa. Você pode incorporar uma pergunta simples de utilidade no conteúdo do seu site, para que os visitantes possam avaliar o conteúdo e até mesmo fornecer feedback diretamente na página.
Atenção: se você estiver usando uma política de segurança de conteúdo (CSP) no site com o qual gostaria de implementar o feedback incorporado de modelo, deverá permitir a lista de domínios *.qualtrics.com.
Guia de introdução ao feedback incorporado de modelo
- Abra seu projeto de Web site/app Insights ou crie um novo projeto.
- Na guia Interceptações, selecione Criar novo.
- Selecione Feedback incorporado como modelo.
Personalizar o conteúdo
Ao criar um feedback incorporado de modelo criativo, a primeira seção permite que você personalize o conteúdo do criativo, incluindo perguntas, aparência do botão e assim por diante. No lado direito da tela, a visualização será atualizada para corresponder às configurações adicionadas, e você pode até clicar nos botões para testar a aparência da mensagem de agradecimento ou da pergunta de acompanhamento.
- Pergunta: A pergunta que será exibida aos visitantes do site. Por exemplo, “Isso foi útil?” ou “Classifique o quão útil você encontrou esse conteúdo.”
- Formato: resposta Sim/Não ou classificação de 5 pontos.
- Estilo: escolha a aparência de seus botões para o feedback.
- Sim/Não: as palavras “Sim” e “Não”, ou ícones de polegar para cima/para baixo.
- Classificação de 5 pontos: Ou emojis ou estrelas.
- Texto da opção de resposta positiva / Texto da opção de resposta negativa: Se você escolher “Sim/Não”, poderá modificar o uso de palavras positivas e negativas em seu interceptor. Por padrão, é “sim” e “não”.
- Inclua uma mensagem de agradecimento no final: depois que os visitantes clicarem em uma classificação, eles verão a mensagem de agradecimento. Digite isto no campo.
Qdica: Se você incluir uma pergunta de acompanhamento, isso aparecerá depois que o acompanhamento for respondido.Qdica: Você não pode reverter a ordem em que os emojis aparecem, por exemplo, mudar de cada vez mais positivo para cada vez mais negativo. - Inclua a pergunta de acompanhamento: Com base em como os respondentes responderam à pergunta, você pode fazer uma pergunta adicional.
- Primeiro, escolha as respostas que acionam essa segunda pergunta. Você pode selecionar todas ou algumas das respostas, embora seja recomendável direcionar feedback negativo.
- Em seguida, escreva sua pergunta de acompanhamento.
- Texto do botão Enviar: Se você estiver incluindo uma pergunta de acompanhamento, determine o texto do botão de envio.
Qdica: Não clique em “Avançar” até estar satisfeito com o Visual ou as Traduções.
Look & Sentir
A seção Look & Feel permite que você ajuste o layout, o peso do texto e as cores do criativo.
- Layout: A orientação da pergunta vs. as opções de resposta.
- Lado a lado
- Sobreposto
- Peso do texto: o peso do texto da pergunta. Pode ser regular, negrito ou itálico.
- Cor do texto: a cor do texto da pergunta.
- Personalização do botão: as cores que você pode alterar dependerão do formato e do estilo escolhidos anteriormente.
- Sim/Não: modifique a cor do texto do botão, a borda do botão e o preenchimento do botão.
- Polegar para cima/para baixo: alterar a cor do contorno do botão (borda) e preencher.
- Emojis: Nenhuma personalização – as cores estão predefinidas.
- Estrelas: modifique a cor do contorno da estrela (borda). Essa também é a cor com a qual a estrela será preenchida quando o entrevistado passar o mouse sobre/selecionar essa estrela.
- Cor do botão Enviar: o botão Enviar só é exibido se você tiver incluído uma pergunta de acompanhamento; o botão Enviar é como o visitante indica que está pronto para enviar feedback. Esta configuração permite que você modifique a respectiva cor de preenchimento.
- Enviar cor do texto do botão: alterar a cor do texto no botão de envio.
- Personalizar CSS: personalize o CSS do feedback incorporado do modelo, conforme desejado. As edições feitas aqui não serão refletidas na visualização; lembre-se de testar seu interceptor antes da implantação.
Atenção: o seguinte código é fornecido como está e requer conhecimento de programação para ser implementado. O suporte da Qualtrics não oferece assistência nem consultoria em codificação customizada. Ao invés disso, você pode perguntar para nossa comunidade de usuários dedicados.
- Use um modelo: use um tema de pesquisa como modelo para as configurações de estilo do criativo. Isso importará as configurações de cor primária e de cor secundária desse tema de pesquisa.
Qdica: as configurações no criativo estão desconectadas do tema usado como modelo. As configurações do criativo não serão atualizadas se o tema do modelo for alterado, e a alteração das configurações do criativo não alterará o tema modelo.
Traduções
Você pode adicionar traduções para todo o texto em seu feedback incorporado de modelo. Consulte a página Traduzindo Botões de Feedback & Diálogos Responsivos para obter instruções passo a passo.
Determinar onde o feedback incorporado de modelo é exibido em uma página
Especifique o local na sua página da Web em que deseja que o interceptor de feedback incorporado no modelo seja exibido. Você pode fazer isso inserindo um valor de seletor CSS que aponta para o elemento na página que deve conter o feedback incorporado do modelo.
Exemplo: digamos que queremos adicioná-lo à seção “Suporte da Qualtrics” na página de Suporte da Qualtrics. Podemos abrir nossas ferramentas de desenvolvedor do Google Chrome para encontrar o seletor de CSS do elemento que queremos inserir o feedback incorporado do modelo. Quando você tiver o elemento correto destacado, clique com o botão direito para copiar o seletor. O seletor deve ser uma cadeia longa de CSS; neste caso, o seletor copiado é “#content > div.quni-homepage.main-content > div > div > div > div.main-content-wrapper.spacing-sm-gt; div > div.q-xm.div; > div.q-xm.dim.; > div.q-xm.dim.sm-gt; div > div.q-nm.xm.div; > div.q-xm.dim; > dig.> div.q-xm.nm.dim.; >.> div.q-nm.xm.dim.; > > div.q-xm.dim.; > > div.q-xm.dim.sm-gt; div > div.q-xm.dim.; > div.q-xm.dim.; > > div.q-xm.dim.-div.> >.>.>.> div.>.> div.> div.> div.> div.> div.q-xm.nm.nm.; > > div.q-xm.nm.nm.; > dig.>.> div.q-xm.n Depois de copiar esse seletor de CSS, cole o seletor no campo Seletor de CSS em seu projeto Website / App Insights. Observe que o criativo só pode ser anexado ao final de um DivID ou CSSSelector.
Decidir quando o feedback incorporado de modelo é exibido
- Clique em Adicionar lógica de direcionamento para determinar quando seu botão ou caixa de diálogo deve ser exibido aos entrevistados.
Qdica: você pode limitar a aparência com base em muitas informações diferentes, desde cookies colocados no navegador, até se eles já foram exibidos recentemente aos visitantes do site, ao URL da página e muito mais. Consulte as páginas de suporte listadas em Lógica de conjunto de ações para obter mais informações.Qdica: Você pode pressionar Shift no teclado ao clicar no sinal de mais ( + ) para criar conjuntos lógicos separados. Para mais detalhes sobre a criação de condições, consulte Lógica avançada de conjunto de ações. - Quando terminar de adicionar condições, clique em Avançar.
- Selecione seu evento de exibição de interceptor. Essa configuração determina quando o interceptor é exibido. Para obter uma descrição de cada uma das opções, consulte a página de suporte vinculada.
- Definir um Exibir amostra taxa.
- Determinar se deve ser adicionado Prevenção contra exibição repetida. Se fizer isso, você poderá definir o cookie como base para isso. Para obter mais informações, consulte a página de suporte vinculada.
- Clique em Mostrar opções avançadas para ver “Ocultar quando cookies estão desativados” e “Ocultar quando o armazenamento local está desativado“, que estão selecionados por padrão. Consulte as páginas vinculadas para obter mais detalhes sobre como elas funcionam.
Qdica: Como o feedback está incorporado à direita na página e não impede que os visitantes naveguem ou usem um site, não há motivo para limitar a frequência com que esse interceptor é visto e, de fato, limitá-lo pode ser mais confuso do que não. Aconselhamos nunca ocultar o feedback incorporado do modelo, amostrando 100% dos visitantes, não impedindo a exibição repetida e exibindo no carregamento da página.
- Quando terminar, clique em Seguinte.
Adição de pontos de dados adicionais
Nesta etapa, você adicionará pontos de dados adicionais que serão coletados com os dados de feedback. Isso pode melhorar muito o detalhe que você pode incluir ao gerar relatórios sobre feedback de conteúdo.
- Clique em Adicionar dados integrados.
- Escolha um tipo de valor. Consulte a página vinculada para obter uma explicação de cada um.
- Clique no sinal de mais ( + ) para adicionar mais campos.
Recomendamos a coleta do URL da página atual (para que você possa filtrar ou organizar dados pela página que recebe o feedback), o título da página (por motivos semelhantes) e a duração da permanência do visitante na página.
Captura do URL da página, duração total e título da página
- CurrentPageUrl definido como um valor de URL da página atual
- PageTitle definido como um valor de JavaScript
- Duração total definida como Tempo gasto no site
Para o PageTitle, precisamos definir o valor do JavaScript para que possamos capturar o título da sua página da Web. Mas como?
Se você estiver usando o Google Chrome, basta selecionar o título na página, clicar com o botão direito do mouse e selecionar a opção Inspecionar. A janela Ferramentas do desenvolvedor do Chrome será aberta e deve ter a seguinte aparência: Clique com o botão direito do mouse no elemento HTML correspondente e copie o seletor, como mostrado abaixo.
Isso deve retornar algo como este:
#firstHeading
Com o seguinte JavaScript, você pode obter o valor do título da página a partir do elemento HTML:
document.querySelector("#firstHeading").textContent
Você pode editar o texto em negrito, dependendo do que seu seletor retornou.
Qdica: Você pode testar isso no console Ferramentas do desenvolvedor do Chrome para ver como é o valor.
Agora que temos o JavaScript, coloque-o no valor para o campo Dados integrados “PageTitle”, como mostrado anteriormente. Clique em Seguinte em seus Dados integrados quando terminar.
Testando o Interceptor
Siga as etapas na página para salvar o bookmarklet e testar seu interceptor. Se precisar, você pode abrir seu site em outra guia do navegador para testar qual será a aparência do interceptor no seu site.
Quando terminar de testar, clique em Avançar.
Implementando o Feedback Incorporado de Modelo no Seu Site
Revise suas modificações. Se você quiser editar algo antes do início da operação, clique no ícone de lápis para voltar a essa etapa.
Se você estiver pronto para que todas as alterações estejam ativas no site que hospeda o snippet de código, clique em Publicar e ativar. Caso contrário, clique em Salvar e feche.
Se você ainda não implementou o código em nenhum de seus sites, consulte nossos recursos de implementação e documentação técnica.
Qdica: lembre-se de que, ao implantar o código, você está implantando um projeto inteiro, não apenas um interceptor individual.
Fazendo Alterações em um Interceptor de Feedback Embutido por Modelo
A partir do seu projeto de Website / App Insights, você pode encontrar seu feedback incorporado de modelo na guia Interceptações.
A partir daí, você pode clicar no ícone do lápis ao lado de qualquer uma das seções para efetuar edições.
“Visualizar interceptor” no canto superior direito levará você de volta às opções para testar seu interceptor. A guia Estatísticas mostrará a você estatísticas de interceptação.
Para desativar o interceptor, use o comutador Ativação no canto superior direito; isso manterá suas alterações salvas, mas garantirá que elas não estejam ativas no seu site.
Editing the Survey
When you create Templated Embedded Feedback, a survey is automatically generated for you. To edit this survey:
- Vá para a página Projetos.
- Open the Website / App Insights project where you created the intercept.
- From the Intercepts tab, open the Templated Embedded Feedback.
- Click pencil icon next to Creative.
- Selecione entre os seguintes:
- Personalize o conteúdo: Edit the content of the creative, including questions, button appearance, and so on.
- Look & Sentir: Adjust the layout, text weight, and colors of the creative.
- Traduções: Translate your intercept.
- Salve suas alterações.
- Remember to save and / or publish your intercept.
Visualizando e analisando dados de resposta
Depois que seu feedback incorporado de modelo for publicado, você poderá relatar ou exportar dados como qualquer outro projeto de pesquisa no Qualtrics.
Navegando para respostas de feedback incorporadas modeladas
Ao editar seu interceptor de feedback incorporado ao modelo, clique em Exibir respostas da pesquisa. Você será levado diretamente para seus relatórios.
Você verá que tem acesso às seguintes guias e capacidades:
- Guia Fluxos de trabalho: Acione diferentes tarefas no Qualtrics com base nos resultados da pesquisa que chegam. Por exemplo, crie tíquetes para sua equipe de redação quando os visitantes expressarem descontentamento com conteúdo ou envie um e-mail para um gerente sempre que receber feedback altamente positivo.
- Dados & guia Análise: Filtre as respostas que você coletou, exporte respostas, conduza análises de texto, edite ou remova respostas e muito mais.
- Results Tab: Create dynamic dashboards reporting your data.
- Guia de relatórios: Visualize your results with printable reports.
Relatórios sobre dados
Você pode visualizar e analisar esses dados da mesma forma que qualquer outra pesquisa. Aqui estão algumas ideias para você começar.
Colaborando no feedback incorporado em modelo
Como proprietário do interceptor, você pode compartilhar seu feedback incorporado de modelo com outros usuários em sua licença que precisam visualizar os dados da pesquisa. Para compartilhar seu interceptor:
- Na página de resumo, clique em Compartilhar pesquisa.
- Procure um usuário pelo seu nome para adicioná-lo como colaborador. Você pode adicionar vários colaboradores.
- Você pode controlar o nível de acesso que um colaborador tem clicando em Detalhes.
- Escolha as permissões para seu colaborador. Suas opções incluem:
- Editar respostas da pesquisa: a desativação desta permissão impede que seu colaborador exclua dados ou use o recurso de edição de respostas. Além disso, embora você ainda possa gerar uma pesquisa de repetição como um novo link de resposta, não pode gerar um link de retomada regular. Esta permissão, quando desabilitada, permite que os colaboradores adicionem dados, mas não modifiquem os dados existentes de nenhuma maneira.
- Exibir resultados da pesquisa: desabilitar esta permissão remove a guia Dados & Análise e Relatórios.
Atenção: para habilitar qualquer uma das permissões de resultados descritas nesta seção, você DEVE também habilitar Exibir resultados da pesquisa! - Filtrar resultados da pesquisa: quando ativada, esta permissão permite que o usuário filtre as respostas coletadas nas guias Dados & Análise e Relatórios.
- Visualizar dados restritos: desabilitar esta permissão censura os campos de contato padrão, endereço IP, latitude da localização e informações de longitude da localização na guia Dados & Análise e em todas as exportações.
- Baixar resultados da pesquisa: permite que o usuário exporte dados do Data & guia Análise. Quando desativado, os colaboradores não podem mais exportar a partir da guia Dados & Análise, mas ainda podem exportar relatórios.
- Usar tabelas cruzadas: fornece ao usuário a capacidade de analisar os resultados com o recurso de tabelas de referência cruzada.
- Exibir ID da resposta: quando habilitada, esta permissão permite que o usuário visualize o ID da resposta, um ID exclusivo atribuído a cada resposta individual.
- Exibir análise de texto: quando ativado, o colaborador tem acesso de visualização à análise de texto realizada no Text iQ. O colaborador não poderá editar os detalhes de sua análise de texto sem a permissão Usar análise de texto encontrada nos detalhes da permissão Editar.
- Para remover um colaborador, clique no sinal de menos (–) ao lado dele.
- Quando terminar de adicionar colaboradores, clique em Salvar.
Troubleshooting Templated Embedded Feedback
This section covers how to troubleshoot display issues with the templated embedded feedback creative. You can use these steps to test when and where the intercept appears on your site.
- Double check your targeting conditions to make sure they’re being met. The FAQ “I activated my intercept, but it‘s not showing up on my site. Why not?” at the bottom of this page contains more information about troubleshooting targeting logic.
- Make sure you have a CSS selector specified for your creative.
- Navigate to the webpage that has your Qualtrics zone snippet and CSS selector.
- Open your web browser’s developer tools.
- In the below code snippet, replace the #does_not_exist with the CSS selector from step 2 and then run this snippet in your browser:
document.querySelectorAll('#does_not_exist').length
- If zero (0) is returned, then the selector entered in your code snippet does not match any elements on the page. You’ll need to work with your dev team to make sure the selector is on your site or follow the steps in this section to identify the correct selector.
- If 1 or higher is returned but the intercept isn’t showing, continue on to the next troubleshooting step.
Qtip: If you see a number greater than 1 when you run the above snippet, keep in mind that the intercept will display under the first element that matches that selector on the page. You may have to scroll up to find it.Warning: Many sites structure their website content differently for desktop vs mobile devices. You can use your browser’s dev tools to simulate a smaller screen size and run the code above to validate that the element exists on mobile and desktop.
- In your browser’s developer console, run the following snippet:
QSI.API.unload();
QSI.API.load().then(QSI.API.run); - If executing these commands causes the intercept to appear, then that means there is an issue with the timing for how the intercept loads. You can fix this by:
- Having your engineering team call
QSI.API.run()
after the element is added to the page. - Updating the intercept display event to “Display with custom JavaScript code (Manually)” to ensure proper timing alignment.
- Having your engineering team call