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. Decida se deseja Configurar interceptor ou Configurar reprodução de sessão primeiro. Depois de configurar um, você poderá configurar o outro.
   
8. Se você tiver acesso ao novo fluxo de trabalho guiado e selecionar Configurar interceptor, você será imediatamente solicitado a escolher como deseja coletar feedback. Explicamos essas opções detalhadamente no restante da página.

Escolher como deseja coletar feedback

Logo após criar seu projeto e clicar em Começar, será perguntado a você como deseja coletar feedback. Existem várias opções que você pode escolher ao criar o seu Website & App Insights projeto.

Decidir como construir seu projeto é a chave para tirar o máximo proveito do Website & App Insights. Recomendamos selecionar Diálogo responsivo, botão Feedback, Feedback incorporado ou Feedback integrado móvel a partir dos blocos maiores na parte superior para uma experiência completamente guiada, especialmente se você for novo no Website & App Insights. A criação de interceptores guiados permite uma configuração fácil para o seu Website & App Insights Project. 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.

• Caixa de diálogo responsiva, botão Feedback, Feedback incorporado ou Feedback incorporado em dispositivos móveis: caixa de diálogo Responsiva, Botão Feedback e Feedback incorporado para seguir estas etapas. Recomendamos essas opções porque elas são as mais recentes e fáceis de configurar, com a capacidade de definir diferentes configurações da Web e do celular dentro do mesmo 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. Veja abaixo uma breve descrição de cada um deles.
  • 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.
  • Feedback incorporado: Botões embutidos que permitem que os visitantes indiquem se o conteúdo foi útil (muito parecido com os botões Sim / Não após cada seção desta página).
  • Feedback integrado em dispositivos móveis: colete feedback sobre sua experiência com o mobile app.
• 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.

Diálogo responsivo, botão de feedback e feedback incorporado

Depois de selecionar a caixa de diálogo Responsiva, o botão Feedback ou Feedback incorporado, você será solicitado a concluir as seguintes etapas:

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:
   
   • Opções de personalização de diálogo responsivo
   • Opções de personalização do botão de feedback
   • Opções integradas de personalização de feedback
   • Traduções
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. A estatística ainda vai para a estatística de todo o projeto.
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