Feedback incorporado com modelo
O que há nesta página
Qdica: Se você não tiver acesso a nenhum dos recursos descritos nesta página, entre em contato com seu executivo Conta. Para obter mais informações sobre as diferenças entre o Digital Feedback e CustomerXM for Digital, consulte Digital Feedback vs. CustomerXM for Digital. CustomerXM for Digital.
Sobre o feedback incorporado com modelo
Quer você tenha um blog de marketing, documentação de suporte, recursos para desenvolvedores ou outro site, seu conteúdo precisa ser mantido atualizado. À medida que um site aumenta de tamanho, pode ficar mais difícil concentrar seus esforços de aprimoramento. 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.
Qdica: usamos uma versão personalizada do modelo de feedback incorporado para coletar feedback do cliente em nosso site de suporte. Consulte a pesquisa “Isso foi útil?” no final de cada página de suporte.
Atenção: Se estiver usando uma Política de Segurança de Conteúdo (CSP) no site com o qual deseja implantar o feedback incorporado de modelo, você deve permitir o domínio *.qualtrics.com.
Qdica: esse característica costumava se chamar Feedback incorporado.
Criação de feedback incorporado com modelo
Qdica: para obter as últimas etapas de configuração e detalhes sobre o lançamento, você também pode consultar Criação de interceptações guiadas.
Personalizar o conteúdo
Atenção: Para o característica feedback incorporado com modelo, não há necessidade de criar um pesquisa separado. Esse característica cuidará automaticamente da criação de uma pesquisa para você no back-end, sem nenhum trabalho adicional de sua parte.
Ao criar um modelo de criativo de feedback incorporado, a primeira seção permite personalizar 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 que você adicionou, e você pode até clicar nos botões para testar a aparência da agradecimento mensagem de agradecimento ou da pergunta de acompanhamento.
Qdica: não clique em “Avançar” até que você esteja satisfeito com a Visual ou as traduções.
Visual
A seção Look & Feel permite ajustar o layout, a espessura do texto e as cores do criativo.
- Layout: A orientação da pergunta em relação às 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 de botões: As cores que você pode alterar dependerão do formato e do estilo que você escolheu anteriormente.
- Sim/Não: Altere a cor do texto do botão, da borda do botão e do preenchimento do botão.
- Polegar para cima/polegar para baixo: Altere a cor do contorno (borda) e do preenchimento do botão.
- Emojis: Sem personalização – as cores são predefinidas.
- Estrelas: Altere a cor do contorno (borda) da estrela. Essa também é a cor com a qual a estrela será preenchida quando o entrevistado passar o mouse sobre ela ou selecioná-la.
Cor do botão Enviar: o botão Enviar só aparece se você tiver incluído uma pergunta de acompanhamento; o botão Enviar é a forma pela qual o visitante indica que está pronto para enviar feedback. Essa configuração permite que você altere a cor de preenchimento.
- Cor do texto do botão Enviar: Altere a cor do texto no botão Enviar.
Personalizar CSS: Personalize o CSS do feedback incorporado com modelo conforme desejar. As edições feitas aqui não serão refletidas na visualização; lembre-se de testar sua interceptor antes da implementação.
Atenção: O código a seguir é fornecido no estado em que se encontra e requer conhecimento de programação para ser implementado. O suporte da Qualtrics não oferece assistência nem consultoria em codificação customizada. Em vez disso, você pode perguntar para nossa comunidade de usuários dedicados.
Use um modelo: Use um tema pesquisa como modelo para as configurações de estilo do criativo. Isso importará as configurações de cor primária e secundária do tema pesquisa.
Qdica: As configurações do criativo não estão vinculadas ao tema usado como modelo. As configurações do criativo não são atualizadas se o tema do modelo for alterado, e a alteração das configurações do criativo não alterará o tema do modelo.
Qdica: se quiser personalizar ainda mais as cores do seu modelo de feedback incorporado criativo, use os menus suspensos de cores na seção Look & Feel (aparência).
Seletor de CSS
Especifique o local em sua página da Web onde deseja que o modelo de interceptor de feedback incorporado apareça. Você pode fazer isso inserindo um valor de seletor CSS que aponte para o elemento na página que deve conter o modelo de feedback incorporado.
Exemplo: Você deseja adicionar sua interceptor à seção “suporte da Qualtrics” na página suporte da Qualtrics. Você pode abrir as ferramentas desenvolvimento do navegador para localizar o seletor CSS do elemento no qual deseja inserir a interceptor.
Quando você tiver o elemento correto destacado, clique com o botão direito do mouse para copiar o seletor. O seletor deve ser uma longa sequência de CSS. Nesse caso, o seletor copiado é “#content > div.quni-homepage.main-content > div > div > div > div.main-content-wrapper.spacing-sm-bottom > div > div.q-xm.logo-fix.ng-scope > section > div > div:nth-child(1) > div > h1”.
Depois de copiar o seletor CSS, cole-o na janela mostrada abaixo e clique em “Salvar seletor CSS”.
Qdica: Se o seletor CSS for deixado em branco ou for inválido, você verá uma mensagem de erro nas ferramentas de desenvolvedor contendo o texto “DOMException: Document.querySelectorAll”. Observe que esse erro não será gerado se o seletor for válido, mas o elemento não estiver presente na página. Por exemplo, se você inserir um seletor CSS como “#.<tes,t”, o erro será gerado; mas se você inserir um seletor como “h1” e não houver elementos h1 na página, o erro não será gerado.
Qdica: observe que o feedback incorporado em modelo só pode ser anexado ao final de um DivID ou CSSSelector.
Capturando o URL da página, a duração total e o título da página
- CurrentPageUrl definido como um valor de URL da página atual
- PageTitle definido como um valor de JavaScript
- TotalDuration definido como Tempo gasto no local
Para o “PageTitle”, precisamos definir o valor por meio 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 desenvolvedor do Chrome será aberta e deverá ter a aparência a seguir. Clique com o botão direito do mouse no elemento HTML correspondente e copie o seletor, conforme mostrado abaixo.
Isso deve retornar algo assim:
#firstHeading
Com o JavaScript a seguir, 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 o 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 do Campo de dados incorporados "PageTitle", conforme mostrado anteriormente. Clique em Avançar ) em seus Embedded Data (Dados incorporados) quando terminar.
Pesquisas incorporadas
Quando você cria um modelo de feedback incorporado, um pesquisa é gerado automaticamente para você. Para visualizar essa pesquisa e seus dados, vá para Configuração, veja pesquisa conectada e clique no nome da pesquisa.
Atenção:só é possível acessar pesquisa desta criativo abrindo o “Feedback Incorporado com Modelo”, conforme descrito acima. Essa pesquisa não pode ser encontrada diretamente na página Projetos, mesmo que você tenha o ID pesquisa (por exemplo, SV_XXXXX).
Recursos da pesquisa
Guia “Fluxos de trabalho”: Acionador diferentes tarefas no Qualtrics com base nos resultados pesquisa recebidas. Por exemplo, crie tíquetes para sua equipe de redação quando os visitantes expressarem descontentamento com o conteúdo ou envie um e-mail para um gerente sempre que receber um feedback altamente positivo.
Qdica: Atualmente, a aba “Fluxos de trabalho” só está disponível para o usuário que criou a pesquisa de feedback incorporada.
- Guia “Dados e Análise”: Filtro respostas coletadas, exporte respostas, realize análises de texto, edite ou remova respostas e muito mais.
- Guia Resultados”: Crie painéis dinâmicos para apresentar seus dados.
- Guia Relatórios”: Visualize seus resultados com relatórios que podem ser impressos.
Relatórios sobre dados
Você pode visualizar e analisar esses dados da mesma forma que faria com qualquer outra pesquisa. Aqui estão algumas ideias para você começar.
- Exportar dados de respostas
- Filtragem de dados de resposta
- Visão Geral Básica de Relatórios Avançados
- Visão geral básica dos painéis de Resultados
Qdica: Ao adicionar dados pesquisa incorporados como fonte a um dashboard, eles aparecerão na seção pesquisas e terão o mesmo nome que o modelo interceptor de feedback incorporado, mas com “- Pesquisa acrescentado no final.
Edição da pesquisa
O pesquisa vinculado a um modelo de feedback incorporado só pode receber edições visuais por meio da interceptor. Consulte Personalizar o conteúdo e a aparência para alterar o texto ou a aparência do pesquisa.
Colaboração em comentários incorporados com modelo
Atenção: Para compartilhar respostas pesquisa, você deve ser o proprietário do interceptor (ou seja, o usuário que criou o interceptor). Os usuários com quem você colaborar precisarão da permissão “Feedback do site ”, chamada “Gerenciar Projetos ”.
Como proprietário da interceptor, é possível compartilhar o modelo de feedback incorporado com outros usuários da sua licença que precisam visualizar os dados pesquisa. Para compartilhar seu interceptor:
Solução de problemas de feedback incorporado com modelo
Esta seção aborda como solucionar problemas de exibição com o modelo de feedback incorporado criativo. Você pode usar essas etapas para testar quando e onde o interceptor aparece em seu site.
Perguntas frequentes
Ativei meu interceptor, mas ele não está aparecendo no meu site. Por que não?
Ativei meu interceptor, mas ele não está aparecendo no meu site. Por que não?
- Lógica: a lógica de segmentação interceptor e a lógica conjunto de ações são as condições que devem ser atendidas para que uma interceptor seja exibida a um visitante. A verificação dessa lógica será útil para descobrir por que o Interceptor não está sendo exibido em uma página.
- Conjuntos lógicos que utilizam “Contém”: Uma causa comum de erro lógico é o uso de “Contém” em vez de "É." Dizer que uma condição "Contém" significa que o parâmetro no qual você está baseando a lógica (ou seja, URL atual) terá o valor especificado presente, além de mais informações. Por exemplo, se eu tivesse uma lógica que lesse como URL atual contém "qualtrics", isso faria com que a interceptor fosse exibida em qualquer URL que tivesse a palavra qualtrics presente. A outra opção que você tem é usar o URL atual é [URL]. Essa condição depende do fato de o URL visitado ser uma correspondência exata. Quaisquer diferenças ou caracteres adicionais impedirão a aprovação da lógica interceptor.
- Revisões Interceptor: Ao editar interceptações, as alterações não entram em vigor até que a interceptor seja publicada. Ao publicar uma Interceptor, uma versão da interceptor, ou uma "revisão", é salva. A revisão das revisões feitas é muito útil para identificar quaisquer alterações que possam ter impedido repentinamente o aparecimento da interceptor.
- Janela de depuração: A janela de depuração é uma ferramenta indispensável para verificar por que uma interceptor não está sendo exibida em uma determinada página.
Para interceptações cujo código de implementação foi implementado antes de março de 2019, para ativar a janela de depuração, anexe uma query string a qualquer URL chamado Q_DEBUG. Isso deve ser precedido por um ? ou um &, como nos exemplos a seguir:qualtrics,qualtrics;Q_DEBUG.
Para interceptações cujo código de implementação tenha sido implementado após março de 2019, execute o seguinte trecho de JavaScript no Console da sua página da web:A janela de depuração divide todas as condições necessárias para que as interceptações em execução na URL sejam exibidas. Se você achar que uma interceptor não está aparecendo, localize-a na janela de depuração e identifique os avisos vermelhos de falha.
QSI.API.unload();
QSI.isDebug = true;
QSI.API.load();
QSI.API.run();Qdica: O depurador do Website Insights não funciona se o código tiver sido implementado por meio de um gerente de tags. Além disso, se a URL já tiver uma query string com um ?, o depurador exigirá um & em seu lugar. - Solicitação de rede: A maioria dos navegadores possui um menu ferramentas de desenvolvedor que permite ao usuário visualizar o código-fonte, os recursos, os cookies e as chamadas de rede de um site. O Website Insights possui uma presença distinta na seção Rede dessas ferramentas. Para verificar se esses scripts estão sendo executados, abra ferramentas do desenvolvedor e navegue até a seção Rede. Uma vez aqui, recarregue a página da Web e o menu deverá começar a ser preenchido com todas as solicitações de rede que estão sendo feitas pelo site. Para identificar o código do Website Insights, procure por chamadas que comecem com ?Q_ZID ou ?Q_SID. Esse é o próprio código que executa verificações na lógica de exibição. Se você não encontrar nada que corresponda a esse formato, há um problema com a implementação do código do seu projeto. Você pode consultar nossa página de suporte sobre implementação para obter orientação sobre o melhor local para colocar o código.
- Problemas com a Política de Segurança de Conteúdo: Se você receber um log do console indicando uma violação da Política de Segurança de Conteúdo, é muito provável que haja uma restrição em seu site que esteja impedindo a implantação de nossas interceptações. Recomendamos entrar em contato com sua equipe de desenvolvimento da Web para resolver o problema. Para garantir que suas interceptações funcionem, geralmente recomendamos incluir os seguintes itens na lista de permissões dos cabeçalhos da sua Política de Segurança de Conteúdo:
- connect-src https://*.qualtrics.com
- frame-src https://*.qualtrics.com
- img-src qualtrics
- script-src https://*.qualtrics.com
- Tratamento de URLs em SPA: Se o seu site utiliza uma estrutura de aplicativo de página única (SPA), certifique-se de que seu código acione o `history.pushState()` ao navegar entre as visualizações. Algumas estruturas podem renderizar novamente ou atualizar o URL sem enviar uma nova entrada de histórico, o que pode impedir o disparo de interceptações. Se você estiver usando o useEffect ou hooks lifecycle semelhantes, certifique-se de que sua lógica interceptor seja executada após a conclusão da navegação.
Qual é a diferença entre código de zona e código interceptor? Agora que isso é chamado de “código do projeto” na nova interface, o que isso significa?
Qual é a diferença entre código de zona e código interceptor? Agora que isso é chamado de “código do projeto” na nova interface, o que isso significa?
As zonas (agora chamadas de “Projetos”) funcionam como coleções para vários criativos e interceptações. Os códigos Zona contêm todos os pontos de intersecção da zona. Isso permite que você implemente um único código no seu site, em vez de ter que adicionar códigos continuamente para cada interceptação individual. Isso pode economizar muito tempo, já que, sempre que você ativar um conteúdo na zona, ele é automaticamente adicionado ao código, sem a necessidade de nenhuma alteração.
Projetos são equivalentes às zonas; portanto, código de implementação do projeto é equivalente aos antigos códigos zona.
Já criei minha interceptor, mas gostaria de testá-la antes de ativá-la. Como posso fazer isso?
Já criei minha interceptor, mas gostaria de testá-la antes de ativá-la. Como posso fazer isso?
Qual é a diferença entre interceptações autônomas, interceptações guiadas e criativos guiados?
Qual é a diferença entre interceptações autônomas, interceptações guiadas e criativos guiados?
Interceptações guiadas são quando você cria recursos como caixas de diálogo responsivas, feedback incorporado com modelo, botões de feedback e feedback incorporado ao aplicativo usando essas etapas. Também conhecidas como configurações guiadas, as interceptações guiadas combinam o elemento visual de um criativo e as configurações de um criativo em um fluxo fácil de seguir que o guiará do início ao fim.
Os criativos guiados são quando você cria recursos como caixas de diálogo responsivas, feedback incorporado com modelo, botões de feedback e feedback de aplicativo incorporado usando essas etapas. Com um criativo guiado, você precisa criar um interceptor separado para combiná-lo. Você ainda obtém o editor criativo aprimorado, mas não o restante da configuração guiada.
Criei um caixa de diálogo de respostas como um criativo, mas quero usá-lo como uma interceptor guiada. Posso trocá-lo?
Criei um caixa de diálogo de respostas como um criativo, mas quero usá-lo como uma interceptor guiada. Posso trocá-lo?
Posso salvar as configurações guiadas na biblioteca?
Posso salvar as configurações guiadas na biblioteca?
Isso é ótimo! Obrigado pelo seu feedback!
Obrigado pelo seu feedback!