Criando um Projeto de Insights de Website & App

Sobre o Website & App Insights Projects

Os projetos do App Insights são uma maneira criativa de obter feedback sobre seu site ou aplicativo móvel. Eles permitem que você exiba gráficos dinâmicos em seu site, como sobreposições, botões de feedback, conteúdo incorporado, banners e muito mais. Esses gráficos, chamados de criativos, podem aparecer o tempo todo ou somente em circunstâncias especiais e podem ser vinculados a uma pesquisa da Qualtrics ou a um site de sua escolha. O recurso que permite editar essas condições e links é chamado de interceptor.

Os projetos são como você organiza seus criativos e interceptores. Cada projeto pode conter mais de um criativo e mais de um interceptor. Mas se os criativos e interceptores ativos estiverem no mesmo projeto juntos, isso geralmente significa que eles serão exibidos no mesmo site.

Criando um Website & App Insights Project

1. Selecione Catálogo no menu global.
   
   Qdica: um projeto também pode ser criado a partir dos Projetos ou da Página inicial.
2. Role, filtre ou pesquise conforme necessário para encontrar o tipo de projeto correto. Esse tipo de projeto pode ser feito em CoreXM, CustomerXM e EmployeeXM.
   Qdica: Esta escolha não afeta o Website & recursos do App Insights aos quais você tem acesso.
3. Selecione Website & App Insights.
4. Clique em Iniciar.
5. Nomeie seu projeto.
   
6. Clique em Criar projeto.
7. Decide whether you want to Set up intercept or Set up session replay first:
   
   • Set up an intercept: If you select this option, you’ll then choose how you want to collect feedback. This does not just include classic intercepts, but our new, guided intercepts (like responsive dialog and templated embedded feedback), and classic creatives. Explicamos essas opções detalhadamente no restante da página.
   • Set up session replay: If you select this option, you’ll be taken to the Session replay section of your project’s settings. Here, you can turn on session replay, set recording and consent rules, configure masking, and more. Once you’re finished, you can go to the Intercepts tab to use the feedback methods described here.

Escolher como deseja coletar feedback

Decidir como construir seu projeto é a chave para tirar o máximo proveito do Website & App Insights. We recommend selecting one of our guided intercepts from the bigger tiles at the top, especially if you are new to Website & App Insights, since they come with an easier setup. No entanto, se você já tiver experiência com o Website & App Insights, poderá rolar para baixo para obter opções adicionais. Lá, você poderá criar criativos e interceptores independentes que podem ser conectados entre si. Isso pode ser útil se você tiver uma configuração mais complicada ou especializada para o seu projeto.

• Build your intercept with a guided setup: We recommend these options because they’re the newest and easiest to set up, with the ability to set different web and mobile settings inside the same editor. Essas também são as únicas opções que o levarão por um fluxo guiado abrangente para toda a configuração do projeto. See Guided Intercepts to proceed through these steps.
  • Diálogo responsivo: obtenha feedback em momentos-chave usando uma caixa de diálogo que responda a qualquer tamanho de dispositivo.
  • Botão Feedback: um botão de feedback (muito parecido com o da esquerda desta página de suporte) que desliza quando os visitantes clicam nele, para que eles possam preencher uma pesquisa de feedback à direita na página.
  • Templated embedded feedback: Inline buttons that allow visitors to indicate whether content was helpful (much like the Yes / No buttons after each section of this page).
  • Embedded app feedback: Collect feedback on your mobile app experience.
• Interceptores: veja Fazendo um interceptor. “Interceptores” pode ser pensado como as regras que determinam quando e como seu projeto será exibido em um site ou aplicativo. Você pode começar aqui se for um usuário mais experiente com o Website / App Insights ou se precisar de criativos ou recursos adicionais, como conjuntos de ações e permissões de publicação. Observe que essa experiência não é tão guiada, portanto, você precisará adicionar criativos adicionais, publicar alterações e implementar o código de acordo com as instruções no site de suporte, em vez de ser guiado no produto.
  Qdica: interceptações mais avançadas que usam conjuntos de ações, aprovações e assim por diante ainda podem ser criadas independentes usando esta opção.
• Criativos: veja Seleção de um criativo. “Criativos” podem ser considerados como o elemento visual do seu Website & projeto App Insights; por exemplo, um banner, uma janela que abre sobre uma página da Web ou até mesmo um link. Essa opção é recomendada para usuários que sentem que as opções Diálogo responsivo ou Feedback não atendem às suas necessidades e precisam de criativos alternativos, como a barra de informações ou os criativos específicos do aplicativo móvel. Observe que essa experiência não é guiada, portanto, você precisará criar um interceptor, publicar alterações e implementar o código de acordo com as instruções no site de suporte, em vez de ser guiado no produto.
  Qdica: Cada criativo tem um caso de uso diferente para o qual é especializado. Para obter um guia, consulte nossas páginas de suporte sobre criativos. Os tipos de criativos são listados no menu à esquerda.

Guided Intercepts

If you selected one of the guided intercepts at the top (such as responsive dialog, templated embedded feedback, feedback button, or embedded app feedback), here are your next steps:

1. Nomeie seu interceptor.
   
   Qdica: ajuda a escolher algo que explique quando ou como será solicitado aos visitantes o feedback, por exemplo, “Guia de feedback”, “Solicitação de feedback de dia da semana”, “Somente site de suporte”, etc.
2. Determine o site de destino que está sendo vinculado neste interceptor.
   • Escolha uma pesquisa: escolha uma pesquisa da sua conta.
   • Insira um URL personalizado: se você quiser vincular a uma pesquisa da Qualtrics em sua conta, cole o URL completo no campo fornecido.
     Exemplo: queremos coletar feedback do site de suporte. Temos uma pesquisa que escrevemos solicitando esse feedback. Nós o vinculamos nesta etapa.
3. Clique em Seguinte.
4. Personalize a aparência. Preencha cada uma das seções listadas à esquerda antes de continuar. Para mais informações:
   
   • Caixa de diálogo de respostas
   • Botão feedback
   • Feedback incorporado em modelo
   • Feedback do app incorporado
   • Translations (All)
5. Quando terminar de personalizar a aparência, clique em Avançar.
   Qdica: Se precisar parar aqui e continuar a configurar mais tarde, clique em Salvar e fechar.
6. 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.
7. Quando terminar de adicionar condições, clique em Avançar.
   
8. Determine com que frequência seu botão ou diálogo será exibido. Para obter mais detalhes sobre cada uma dessas opções, consulte Opções do interceptor.
   
9. Se você tiver o XM Directory, poderá optar por Vincular ao XM Directory. Isso permite que você vincule automaticamente respostas a contatos, utilize regras de frequência de contato e direcione segmentos específicos. Para obter mais informações, consulte Integração do XM Directory com interceptores digitais.
   
   • Se você tiver vários diretórios, selecione a qual diretório deseja conectar este interceptor.
   • Selecione se deseja criar um novo contato automaticamente quando um interceptor é avaliado. Você precisará trabalhar com a equipe de desenvolvimento do seu site da Web para adicionar o código Javascript para enviar informações de contato para o diretório usando a API fornecida. Você pode adicionar as seguintes informações para cada contato:
     • • Nome
       • Sobrenome
       • Idioma
       • Pares de valores-chave adicionais (por exemplo, “Local”:”Seattle”,”Sexo”:”Feminino”). Você pode adicionar até 20 pares
   • Determine se você deseja gerenciar a frequência com que um visitante conectado vê uma pesquisa de interceptação usando o diretório Regras de frequência de contato.
10. Clique em Mostrar opções avançadas para ver opções de interceptação adicionais.
11. Quando terminar, clique em Seguinte.
12. Se você quiser adicionar pontos de dados adicionais para coletar a partir da caixa de diálogo responsiva, clique em Adicionar dados integrados.
    
    
13. Selecione um tipo de dados da lista suspensa e preencha o valor e o nome.
    
14. Quando terminar de adicionar dados integrados, clique em Avançar.
15. 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.
    
16. Ao concluir o teste, clique em Seguinte.
17. 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.
    
18. Se você estiver pronto para que todas as alterações estejam ativas no site que hospeda o snippet de código, clique em Publicar. Caso contrário, clique em Salvar e feche.

Selecionando um Criativo

Essa opção é recomendada para usuários que acham que as opções do botão Diálogo responsivo ou Feedback não atendem às suas necessidades e precisam de criativos alternativos, como os criativos específicos da barra de informações ou do mobile app. Observe que essa experiência não é guiada, portanto, você precisará criar um interceptor, publicar alterações e implementar o código de acordo com as instruções no site de suporte, em vez de ser guiado no produto.

1. Na guia Interceptações, clique em Criar novo no canto superior direito.
   
2. Você será levado para esta tela:
   
3. Role para baixo e escolha um criativo.
   
4. Nomeie-o.
   
5. Clique em Concluído.
6. Você será direcionado diretamente para a página Editar criativo, onde poderá personalizar sua aparência.
   
7. Quando suas edições estiverem concluídas, publique as modificações.
8. Vá para a guia Interceptações.
   
9. Clique em Criar novo.
10. Role para baixo.
11. Selecione algo na seção Interceptações. Siga as etapas em Como fazer um interceptor para obter mais detalhes.
    
12. Quando terminar de editar e publicar o Interceptor e estiver pronto para implementar o código no site, consulte:
    • Ativando & Publicando um Interceptor
    • Implementação

Criando um interceptor

Você pode começar aqui se for um usuário mais experiente com o Website / App Insights ou se precisar de criativos ou recursos adicionais, como conjuntos de ações e permissões de publicação. Observe que essa experiência não é tão guiada, portanto, você precisará adicionar criativos adicionais, publicar alterações e implementar o código de acordo com as instruções no site de suporte, em vez de ser guiado no produto.

1. Na guia Interceptações, clique em Criar novo no canto superior direito.
   
2. Você será levado para esta tela:
   
3. Role para baixo até Interceptores.
   
4. Determine se você está coletando feedback do site (interceptor da Web) ou executando um projeto de feedback de aplicativo móvel (interceptor de aplicativo móvel).
5. Nomeie seu interceptor.
   
6. Clique em Concluído.
7. Você será levado diretamente para a página Editar interceptor, onde poderá personalizar as condições sob as quais os interceptores serão exibidos aos visitantes do site.
   

   Qdica: Para obter mais guias, consulte:

   • Editando um interceptor
   • Múltiplos conjuntos de ações
   • Lógica de conjunto de ações avançado
   • Opções do conjunto de ações
8. Quando suas edições estiverem concluídas, publique seu criativo.
9. Vá para a guia Interceptações.
10. Clique em Criar novo.
11. Role para baixo.
12. Escolha um criativo. Siga as etapas em Seleção de um criativo para obter mais detalhes.
13. Quando terminar de editar e publicar o Interceptor e estiver pronto para implementar o código no site, consulte:
    • Publicando um criativo
    • Selecionando um Criativo em um Interceptor
    • Ativando & Publicando um Interceptor
    • Implementação

Processamento de um projeto existente

Esta seção mostrará como navegar em um projeto Website & App Insights.

1. Tanto os interceptores quanto os criativos são listados sob os Interceptores. Depois que você clica neles, os recursos de navegação/disponíveis são os mesmos que sempre foram.
   Qdica: Interceptores independentes e interceptores de fluxo guiado (diálogo responsivo e botões de Feedback) são exibidos na seção “Interceptores” desta guia. Criativos independentes aparecem em “Criativos”.
2. A reprodução da sessão permite que você visualize as sessões do usuário capturadas pela reprodução da sessão.
3. Statistics goes to project-wide statistics.
4. Usuários é o local onde você pode visualizar e editar usuários do projeto.
5. A implementação tem o código de implementação para seu projeto.
6. As configurações têm configurações gerais do projeto, bem como configurações de interceptor e reprodução de sessão.
7. Você também pode clicar em Obter snippet de código na parte superior da guia Interceptações para obter o código do projeto.
8. Clique em Criar novo para adicionar mais criativos e interceptores ao projeto.

Gerenciando Website & App Insights Projetos

Na página Projetos, existem ações adicionais que você pode executar com seus projetos.

Menu suspenso Ações do projeto

• Desativar/Ativar: quando um projeto está ativo, todos os interceptores e criativos dentro dele (que não foram desativados individualmente) continuarão funcionando em qualquer site no qual você cole o código de implementação do projeto. Quando um projeto é desativado, todos os Interceptores e Criativos dentro dele são desativados. Isso permite que você remova projetos do Website / App Insights de sua página da Web sem ter que remover o código, e permite que você desative muitos Criativos e Interceptores de uma só vez sem precisar editá-los individualmente.
  Atenção: o teste de bookmarklets não funciona com projetos inativos.
• Colaborar: determinar quais usuários podem ajudá-lo a editar o seu Website & App Insights projeto.
• Renomear projeto: modifique o nome do projeto.
• Excluir projeto: excluir o projeto.
  Atenção: isso excluirá permanentemente todos os Criativos e Interceptores do projeto. Continue com cuidado.
• Revelar na pasta: navegue até a pasta em que o projeto está armazenado. Essa opção não será exibida se seu projeto não tiver sido classificado em uma pasta ou se você estiver na pasta inicial do projeto.

Perguntas frequentes