Documentação técnica do site/insights de aplicativos
O que há nesta página
O que é um projeto do Website/App Insights e por que o estamos usando em nosso site?
O Qualtrics Website / App Insights ajuda as organizações a medir e melhorar a experiência que um visitante da web tem em sua mídia digital. Com um projeto Website/App Insights, você pode apresentar gráficos interessantes em seu site com links e pesquisas incorporadas para obter feedback sobre a experiência dos visitantes, informá-los sobre suas últimas ofertas e promoções e muito mais!
Você e seus colegas têm poder sobre a aparência do gráfico (também conhecido como criativo), as condições em que ele aparece (a interceptor) e o código usado para implantá-lo.
Depois que o código do seu projeto for adicionado ao seu site, você poderá fazer todos os tipos de alterações sem precisar alterar o código ou alertar a equipe de TI. Basta fazer o trabalho no Qualtrics, e os criativos e interceptações de seus sites serão alterados de acordo.
É seguro?
Não transmitimos nenhum dado para os servidores da Qualtrics, a não ser que seja necessário para lógica de segmentação. Dito isso, não armazenamos nenhum dado em nosso sistema.
Para proteger esses dados na rede e protegê-los contra ataques humanos, a Qualtrics sempre usa o protocolo “HTTPS”. Protocolo refere-se a como o conteúdo é entregue ao navegador do visitante.
Onde posso localizar o código do projeto para implementação?
Código de implementação (ou código de implementação do projeto) pode ser encontrado na guia Deployment (Implementação ) do seu projeto. Você pode simplesmente copiar o código e enviá-lo para a sua equipe de desenvolvimento da web para implementarem. Nenhuma modificação precisa ser feita ao código.
Código de implementação exibe qualquer interceptor que tenha sido criada em todo o projeto.
Como o código funciona?
O código de implementação é assíncrono, ou seja, é executado somente depois que a página inteira é carregada. Isso significa que o código de implementação não impedirá o carregamento de nenhum outro aspecto da página porque ele só será executado assim que o evento onLoad for acionado.
Vamos analisar o processo do que acontece quando um visitante visualiza uma página em seu navegador que contém código de implementação:
- O código de implementação (geralmente colocado no cabeçalho do HTML) é executado imediatamente após o carregamento da página e insere outra tag <script> no final do corpo do HTML quando o evento onLoad da página é acionado.
- Essa tag <script> solicita o código JavaScript (Orchestrator) dos servidores Qualtrics, que é armazenado em cache em uma rede de distribuição de conteúdo (CDN).
- O Orchestrator faz uma chamada de direcionamento para os servidores Qualtrics para determinar quais criativos devem ser exibidos. Essa chamada não é armazenada em cache na CDN.
- Se necessário, uma segunda solicitação de direcionamento é enviada aos servidores para obter os dados necessários (ex.: expressão JavaScript ou direcionamento por cookie).
- O Qualtrics obtém a definição do Website / App Insights do banco de dados e constrói o código adequadamente.
- Com base na resposta de segmentação, o Orchestrator faz outras chamadas para obter o conteúdo diferente que deve ser processado na página. O número de solicitações feitas varia de acordo com o número de criativos a serem exibidos que passam pela lógica de segmentação. Todo esse conteúdo é armazenado em cache na CDN, de modo que o carregamento será rápido.
- O(s) criativo(s) aparece(m) na página.
O código de implementação é dinâmico, o que significa que as alterações feitas em interceptações e criativos na interface do projeto do Website/App Insights não farão com que o próprio código seja alterado. Assim, as alterações podem ser feitas nos projetos do Website/App Insights a partir de uma conta, e o código não precisará ser trocado no site para que as alterações sejam vistas.
Atenção: A fim de manter os níveis de serviço adequados para todos os clientes, a Qualtrics pode restringir o tráfego para nossos servidores em casos raros, quando ocorrem picos inesperadamente grandes.
Como faço para implantar um projeto do Website/App Insights?
Atenção: Para garantir que suas interceptações funcionem, você deve permitir os seguintes itens nos cabeçalhos da Content Security Policy:
- connect-src https://*.qualtrics.com
- frame-src https://*.qualtrics.com
- img-src https://*.qualtrics.com
- script-src https://*.qualtrics.com
Se a sua política de segurança de conteúdo bloquear esses itens por padrão, o Website/App Insights não funcionará de forma confiável em seu site. Se você usa uma solução de gerenciamento de segurança de sites, como o Ensighten, permita a listagem do domínio *qualtrics.com seguindo a documentação fornecida. Essas soluções podem impedir que a tag Qualtrics carregue os recursos necessários e o Website / App Insights pode não funcionar de forma confiável em seu site. Além disso, se estiver usando variáveis JavaScript, será necessário permitir “unsafe-eval” na sua Política de segurança de conteúdo, caso contrário, o Website/App Insights não poderá capturar os valores JavaScript.
1. Adicione código diretamente às suas páginas da Web
O código de implementação pode ser adicionado em qualquer lugar em uma página da web. Como o código é executado de maneira assíncrona, ele só começará a ser carregado assim que uma página da web tiver carregado todo o conteúdo por completo (incluindo imagens, arquivos de script, arquivos CSS etc.).
Nossas solicitações começam a acontecer quando o evento onLoad é acionado: https://www.w3schools.com/jsref/event_onload.asp
Além disso, o local em que os criativos realmente aparecem na página da Web é determinado pelas configurações definidas na interface do Qualtrics. (Consulte as informações sobre Posição personalizada.) Assim, o local do código na página não afeta o local em que o conteúdo da página será exibido.
2. Cabeçalho/rodapé global (recomendado)
Recomendamos que você adicione o código de implementação ao cabeçalho ou rodapé global. Isso aplica o código globalmente no site inteiro de uma vez. Esse método é a maneira mais fácil de implementar porque você não precisa adicionar repetidamente o código a mais páginas à medida que avança, o que pode ser um processo demorado. Se o código tiver sido adicionado globalmente ao seu site dessa forma, você poderá usar a lógica do URL atual em uma interceptor para controlar em quais páginas uma interceptor realmente aparece.
Atenção: Se você quiser limitar as exibições de página, considere colocar o código de implementação somente em páginas específicas ou usar amostragem. Consulte Práticas recomendadas para minimizar as exibições de página para obter mais informações.
3. Use gerenciadores de tags
Outra opção é adicionar o código de implementação a um sistema de gerenciamento de tags, em vez de aplicá-lo diretamente ao código do site. O código pode ser copiado e colado da interface da Qualtrics direto em um gerenciador de tags.
Qdica: Atualmente, o Qualtrics tem uma extensão com o Adobe Launch como um sistema de gerenciamento de tags. Consulte Adobe Launch Extension para obter mais informações.
Qdica: A Qualtrics não é capaz de solucionar problemas com o código aplicado aos gerenciadores de tags, pois não podemos visualizar as configurações que foram ativadas em sua extremidade. Consulte nossa página Usando gerenciadores de tags para obter dicas de solução de problemas.
Os sistemas comuns de gerenciamento de tags que nossos clientes usam em conjunto com o Website/App Insights são o Adobe Launch, o Tealium, o Ensighten e o Google Tag Gerente. O Tealium, em particular, tem um assistente que permite a fácil implementação do Website/App Insights. Você precisa apenas do ID da zona do projeto que está implementando e do ID da organização.
O ID Organização pode ser obtido em Configurações Conta e selecionando a guia IDs do Qualtrics.
O ID da zona começa com ZN_ e pode ser encontrado:
4. Usar um CSP Nonce
Qdica: confira esta página de ajuda externa para obter mais informações sobre como usar um nonce CSP.
Além de carregar os recursos do Qualtrics por meio de um URL, ocasionalmente também inserimos estilos diretamente na página. Para dar suporte ao inlining, permitimos que um valor nonce seja passado para nossos arquivos javascript como uma solução segura para trabalhar com configurações de CSP.
Para usar um nonce, você deve:
- Gera um valor exclusivo por solicitação de página.
- Defina esse valor em seu CSP, seja por meio da tag meta HTML ou usando o cabeçalho de resposta HTTP Content-Security-Policy.
- Passe esse valor para o javascript do Qualtrics para que possamos usá-lo no futuro. Isso deve ser adicionado ao código de implementação do seu projeto ( veja o exemplo).
Exemplo: Neste exemplo, o valor nonce é passado nas linhas 2 e 5.
<!-- BEGIN QUALTRICS WEBSITE FEEDBACK SNIPPET -->
<script type='text/javascript' nonce='<%nonceVar%>'>
(function(){"undefined"===typeof QSI&&(QSI={},
QSI.config = {nonce
: "<%nonceVar%>",
}
);[ código de implementação restante copiado do Qualtrics – excluído aqui por questões de brevidade]
Ao usar um nonce, tenha em mente o seguinte:
- Só oferecemos suporte a um único valor nonce para as diretivas script-src e style-src do CSP.
- Não oferecemos suporte a criativos que tenham sido personalizados no editor criativo herdado. Qdica: interceptações guiadas (ou os mesmos tipos de interceptor criados sem a configuração guiada) são compatíveis com nonces.
- Ainda exigimos que os domínios Qualtrics sejam adicionados às diretivas do CSP, conforme descrito acima.
Atenção: Suporte da qualtrics não pode ajudar na solução de problemas ou na geração de valores nonce. Trabalhe com sua equipe de desenvolvedores para investigar e implementar totalmente os nonces em seu CSP. Você sempre pode tentar perguntar à nossa comunidade de usuários dedicados. Se quiser saber mais sobre nossos serviços de codificação personalizada, entre contato seu executivo Conta Qualtrics.
Quem normalmente está envolvido na implementação do Website/App Insights?
Alguém na sua organização que tem acesso para adicionar conteúdo ao site da sua empresa. Normalmente, essas pessoas fazem parte da equipe de TI, da equipe de conteúdo da web etc.
O Website / App Insights deixará nosso site mais lento?
O código de implementação é assíncrono, ou seja, é executado somente depois que a página inteira é carregada. Isso significa que o código de implementação não impedirá o carregamento de nenhum outro aspecto da página porque ele só será executado assim que o evento onLoad for acionado.
E se a Qualtrics ficar indisponível? Isso causará problemas com nosso site?
Se o Qualtrics estiver passando por interrupções ou problemas, as interceptações simplesmente não serão exibidas na página. Além disso, não haverá impacto na experiência do visitante em seus sites.
Com que velocidade o código será executado em meu site?
Esperamos que o código de implementação seja carregado em 300 milissegundos para mais de 50% das solicitações e em 750 milissegundos para mais de 90% das solicitações. A velocidade varia de acordo com a localização geográfica do usuário e o número de interceptações e criativos de um projeto.
Abrindo a janela de depuração
Você pode usar a janela de depuração para diagnosticar por que uma interceptor não foi exibida em uma página da Web específica. Essa janela mostra todas as condições necessárias para que a interceptor apareça e se as condições foram aprovadas ou não.
A forma como você abre a janela de depuração dependerá de quando a interceptor foi implementada.
Atenção: A janela de depuração não funcionará se o código tiver sido implementado usando um gerente de tags.
Interceptações implementadas antes de março de 2019
Para interceptações cujo código de implementação foi implementado antes de março de 2019, você pode ativar a janela de depuração anexando a query stringQ_DEBUG à URL. Essa query string deve ser anexada a um ? ou &, conforme ilustrado nos exemplos abaixo:
Exemplo:
https://www.qualtrics.com?Q_DEBUGhttps://www.qualtrics.com/blog?item=value&Q_DEBUG
Qdica: se o URL já contiver uma query string com um ?, a query string exigirá um & em vez disso.
Interceptações implementadas após março de 2019
Para interceptações cujo código de implementação foi implementado após março de 2019, siga estas etapas para abrir a janela de depuração:
Dicas de Solução de Problemas
Lógica Interceptor e lógica de conjunto de ações
- Verifique se os valores estão corretos.
- Examine seu uso de “Is” versus “Is”. “Contém.”
- Examine o uso da lógica E/Ou.
- Observe se há espaços nos valores.
Histórico de revisão
Certifique-se de que a versão publicada seja a mais recente (ou a versão que você esperaria).
Fique atento à solicitação de rede de insights de sites/aplicativos
Procure por outras solicitações de script pendentes que possam estar interferindo em nosso script
Qdica: Clique com o botão direito do mouse e selecione Exibir código de implementação da página para verificar se o código de implantação está realmente na página.
Atenção: Se você receber um log de console que viole uma Política de segurança de conteúdo, provavelmente há uma restrição no seu site que está impedindo a implementação das nossas interceptações. Recomendamos entrar em contato com sua equipe de desenvolvimento da Web para resolver o problema.
Perguntas frequentes
Quando devo usar a lógica nos meus conjuntos de ações?
Quando devo usar a lógica nos meus conjuntos de ações?
Por exemplo, uma vez que os criativos não respondem ao tamanho da tela, muitos usuários gostam de implementar uma lógica de conjunto de ações focada em se um visualizador de site está ou não usando um dispositivo móvel ou se o site está sendo exibido em um determinado tamanho de tela. Ao usar a lógica nesta instância, você pode direcionar um criativo formatado e dimensionado adequadamente para a pessoa apropriada.
A lógica de conjunto de ações baseada em localização pode até ser usada para garantir que os visualizadores do site estejam vendo um criativo que está escrito na linguagem que provavelmente se aplica a eles.
Eu ativei meu interceptor, mas ele não aparece no meu site. Por que não?
Eu ativei meu interceptor, mas ele não aparece no meu site. Por que não?
- Lógica: a lógica de direcionamento de interceptor e a lógica de 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 usam "Contém": Uma causa comum de erro lógico é o uso do conjunto lógico "Contains" vs. "Contains". "É." 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 fazer edições em interceptações, as alterações não são ativadas 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 inestimável para testar 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 prefixado com um ? ou um &, como nos exemplos a seguir: https:qualtrics qualtrics
Para interceptações cujo código de implementação foi implementado após março de 2019, execute o seguinte trecho de JavaScript no console da sua página da Web:QSI.API.unload(); QSI.isDebug = true; QSI.API.load(); QSI.API.run();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.Qdica: O depurador do Website Insights não funcionará se o código tiver sido implementado usando um gerente de tags. Além disso, se o URL já tiver uma query string com um ?, o depurador exigirá um & em vez disso. - Solicitação de rede: A maioria dos navegadores possui um menu ferramentas desenvolvedor que permite que o usuário veja 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 de política de segurança de conteúdo: Se você receber um log de console que viole uma política de segurança de conteúdo, provavelmente há uma restrição no seu site que está impedindo a implementação das 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 permitir a inclusão dos seguintes itens nos cabeçalhos da Content Security Policy:
- connect-src https://*qualtrics.com
- frame-src https://*qualtrics.com
- img-src qualtrics
- script-src https://*qualtrics.com
- Tratamento de URL de SPA: Se o seu site usa uma estrutura de aplicativo de página única (SPA), verifique se o código aciona history.pushState() ao navegar entre as exibiçõ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 estiver usando useEffect ou ganchos lifecycle semelhantes, certifique-se de que a lógica interceptor seja executada após a conclusão da navegação.
Como posso usar o Website Insights em um aplicativo de página única ou em uma página que executa o Angular JavaScript?
Como posso usar o Website Insights em um aplicativo de página única ou em uma página que executa o Angular JavaScript?
Posso capturar informações dos visitantes do meu site na pesquisa do meu interceptor? Como?
Posso capturar informações dos visitantes do meu site na pesquisa do meu interceptor? Como?
Além de definir simplesmente um valor estático que você deseja incluir na pesquisa, o menu de dados incorporados também vem pré-criado com outras opções que podem ser levadas para a pesquisa. Por exemplo, você poderá capturar automaticamente o ID do interceptor e do criativo mostrados, o URL da página que exibiu o interceptor, o histórico do site da pessoa ou mesmo quanto tempo foi gasto no site. Você poderá até mesmo capturar informações de um cookie que aparece no navegador da Web dessa pessoa ou pode escrever uma expressão JavaScript que capture uma variável específica na qual você está interessado.
Se você estiver executando uma pesquisa no Qualtrics, também poderá adicionar os dados integrados no Fluxo da pesquisa para salvar essas informações na resposta da pesquisa.
Qual é a diferença entre o código de zona e o código de interceptação? Agora que é chamado de “código de projeto” na nova interface, o que isso significa?
Qual é a diferença entre o código de zona e o código de interceptação? Agora que é chamado de “código de projeto” na nova interface, o que isso significa?
Zonas (agora “Projetos”) atuam como coleções para vários criativos e interceptores. Os códigos de zona contêm todos os interceptores na zona. Isso permite que você implemente um único código em seu site em vez de adicionar continuamente códigos para interceptores individuais. Isso pode poupar muito tempo, uma vez que cada vez que você ativa o conteúdo na zona, ele é adicionado automaticamente ao código, não sendo necessária nenhuma modificação.
Os projetos são equivalentes a zonas, de modo que o código de implementação do projeto é o equivalente aos códigos de zona antigos.
Qual é a diferença entre cliques e impressões?
Qual é a diferença entre cliques e impressões?
Os cliques são contados quando o participante clica na área de destino de um interceptor ou quando um alvo é carregado. Se, por exemplo, uma pesquisa estiver sendo exibida como um destino incorporado, o destino poderá ser carregado antes que o interceptor seja realmente exibido ao participante. Nesse caso, a contagem de cliques pode aumentar antes que a impressão aumente.
Por que meus cliques são iguais/maiores que impressões?
Por que meus cliques são iguais/maiores que impressões?
- Usando Destinos incorporados: Uma vez que os alvos incorporados fazem com que um alvo seja carregado assim que o criativo aparece (independentemente de quando algo no criativo é clicado), um alvo incorporado geralmente faz com que cliques sejam iguais.
- Usando HTTP Redirect Creatives: Como este criativo faz com que o alvo seja carregado cada vez que as cargas criativas, o HTTP Redirect aumentará um clique cada vez que o criativo for carregado.
Criei meu interceptor, mas gostaria de testá-lo antes da ativação. Como eu posso fazer isso?
Criei meu interceptor, mas gostaria de testá-lo antes da ativação. Como eu posso fazer isso?
Qual é a diferença entre exibir Em carregamento, Em foco, Na intenção de saída e Manualmente?
Qual é a diferença entre exibir Em carregamento, Em foco, Na intenção de saída e Manualmente?
- On Load: A opção On Load é a opção de exibição mais básica. Com essa opção selecionada, uma interceptor é disparada em uma página válida assim que a própria página é carregada. Isso significa que um visitante do site pode carregar um URL em uma guia separada ou em uma instância do navegador e ter um criativo mostrado a ele sem que ele mesmo o veja.
- Em foco: A opção On Focus nos permite garantir de forma mais confiável que um visitante do site esteja ativo em uma página antes de encontrar uma interceptor. Quando uma página é carregada para exibir uma interceptor, a configuração On Focus impede que o script seja executado até que o visitante esteja ativo na página. Isso é determinado pelo movimento e clique do mouse. Isso significa que, se o URL for carregado em uma nova guia, por exemplo, o usuário precisará navegar até essa guia e interagir com a página antes de executar o script. Isso é útil se seus criativos estiverem configurados para serem exibidos em um cronômetro.
- On Exit Intent (Intenção de saída): Essa opção tem como objetivo exibir um criativo quando o visitante do site tentar sair do seu site. Quando código de implementação está presente em uma página, podemos detectar o movimento do mouse de um usuário dentro dos limites do navegador. O característica Exit Intent detecta o momento em que um cursor se move para as regiões superiores de um navegador e aciona a interceptor nesse momento. Assim, quando alguém tentar fechar uma guia, você poderá chamar a atenção dessa pessoa.
- Manualmente: Essa opção é usada principalmente em configurações de aplicativos de página única. A seleção dessa opção impedirá que qualquer coisa seja exibida automaticamente. Em vez disso, a API do Website Insights deve ser executada pelo próprio site para que o script seja acionado e uma exibição criativo seja exibida. Geralmente, isso é usado quando se deseja que uma interceptor seja acionador quando determinados elementos em uma única página são alterados, como a alteração de valores filtro ou o carregamento de elementos no mesmo URL.
Por que nada acontece quando clico no botão no meu criativo? Posso usar meus próprios botões?
Por que nada acontece quando clico no botão no meu criativo? Posso usar meus próprios botões?
Se o botão Fechar não estiver funcionando, faça o seguinte: Se sua meta não estiver funcionando:
Como tenho um criativo menor em dispositivos móveis?
Como tenho um criativo menor em dispositivos móveis?
Se você optou por fazer um popover ou um criativo mais antigo, então é aqui que você usaria vários conjuntos de ações. Você terá diferentes conjuntos de ações para dispositivos móveis e desktops. Você também terá dois criativos diferentes para desktop e dispositivos móveis.
Como posso me manter atualizado sobre os novos recursos da Qualtrics?
Como posso me manter atualizado sobre os novos recursos da Qualtrics?
Para acessar essas notas de versão, você precisa de uma conta da Comunidade XM. Essas contas são gratuitas para todos os usuários com uma conta Qualtrics. Esta página de suporte contém informações sobre como registrar uma conta da Comunidade XM.
Depois de fazer login na Comunidade XM, vá para a publicação semanal de atualizações do produto. Esta publicação contém todas as informações necessárias para começar a assinar as atualizações do produto.
O Web and App Insights pode afetar o SEO do meu site?
O Web and App Insights pode afetar o SEO do meu site?
Isso é ótimo! Obrigado pelo seu feedback!
Obrigado pelo seu feedback!