Ir para o conteúdo principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Aplicativo de página única


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Sobre aplicativos de página única

As aplicações de página única (SPA) são um tipo especial de app da Web. Uma SPA carregará uma única página quando você inserir um site da Web e, a partir desse ponto, carregar todo o conteúdo subsequente nessa mesma página à medida que você navegar. Isso vai parecer funcionar como um site normal, mas ao alternar entre “páginas”, a página não recarrega de fato.

Por padrão, o código de implementação é executado assim que uma página da Web é carregada. No entanto, como as SPAs não são atualizadas ao navegar entre as páginas, o código de implantação não será reavaliado à medida que você navega entre as páginas. Usando as técnicas descritas abaixo, você pode ativar o código de implementação para funcionar perfeitamente em seu site SPA.

Qdica: Algumas dessas técnicas usam a API de JavaScript de feedback de site. Para obter documentação detalhada sobre a API JavaScript para feedback do site da Qualtrics, consulte esta página.
Atenção: a documentação a seguir requer conhecimento de programação para ser implementada. Recomendamos passar essas informações para a equipe que implementará seu código de implementação. Nossa equipe de suporte não oferece assistência nem consultoria em codificação personalizada. Ao invés disso, você pode perguntar para nossa comunidade de usuários dedicados. Se quiser saber mais sobre nossos serviços de codificação personalizados que você pode encomendar, entre em contato com o Executivo de contas da Qualtrics.
Qdica: Javascript não está incluído em todas as licenças da Qualtrics. Entre em contato com o seu Executivo de contas da Qualtrics se estiver interessado em obter acesso.

Reavaliação automática da lógica do interceptor ao alterar URL

Se seu aplicativo de página única depender do roteamento do lado do cliente para navegação do usuário, você poderá forçar a reavaliação dos interceptores após as alterações de URL subsequentes ativando a lógica Reavaliar interceptor quando a configuração de URL for alterada no nível do projeto de Website Feedback. A verificação desta configuração permitirá a avaliação da lógica de interceptação além da avaliação que ocorre no carregamento inicial da página.

Para ativar a reavaliação automática da lógica de interceptação, siga as etapas abaixo:

  1. No seu projeto de Website Feedback, navegue para as Configurações.Navegar para as opções do projeto a partir da página Configurações no Website Feedback
  2. Clique em Gerenciar projeto.
  3. Selecione Opções do projeto no menu drop-down.
  4. Certifique-se de que Reavaliar lógica de interceptor quando o URL for modificado esteja marcado na seção Suporte do aplicativo de página única (SPA).Reavaliar lógica de interceptação quando a opção de alteração de URL nas opções do projeto estiver marcada
Qdica: se você quiser testar esse comportamento, use o bookmarklet no nível do projeto. Você não pode usar o bookmarklet de um interceptor específico para testar este comportamento.

Atenção: Se você decidir usar esta configuração SPA em conjunto com a opção de nível de interceptação para Exibir com código Javascript personalizado (manualmente), você ainda precisará chamar o

QSI.API.run();

para obter o interceptor a ser exibido em cada página SPA.

Implementação manual com JavaScript API

Qdica: Para obter uma documentação detalhada sobre a API de JavaScript para feedback do site da Qualtrics, consulte esta página.

Este método descreve como alternar seu código de implementação para execução manual.  Isso significa que o código de implementação não executará ou avaliará a lógica associada até que a solicitação de API JavaScript apropriada seja iniciada.

Para implementar manualmente

  1. Navegue para a guia Configurações.
    Navegar para as opções do projeto a partir da página Configurações no Website Feedback
  2. Clique na lista de opções Administrar projeto.
  3. Selecione Opções do projeto.
  4. Ative a opção Carregar projeto manualmente.
    A opção Carregar projeto manualmente está marcada nas configurações do projeto
  5. Volte para a guia Interceptações e, se desejar, defina a lógica para o Interceptor ou o Conjunto de ações.
    Definindo lógica na página de interceptores
  6. Coloque o código de implementação em seu site, de preferência em um cabeçalho ou rodapé global para que ele seja carregado em todas as páginas.
  7. Adicione as solicitações adequadas da API JavaScript com base em quantas vezes você quer que seu site referencie o Interceptor. Consulte a seção abaixo para essas solicitações.

Solicitações de API JavaScript

Qdica: Para obter uma documentação detalhada sobre a API de JavaScript para feedback do site da Qualtrics, consulte esta página.

Se você quiser que a Qualtrics avalie seu projeto em uma única instância, use estas duas solicitações:

  1. Esta solicitação carrega o código de implementação para quaisquer Interceptores e Criativos na página. A API “load” é a mesma que recarregar uma página que tem o código nela.
    QSI.API.load();
    Qdica: Se Carregar projeto manualmente estiver ativado nas configurações do seu projeto, você não precisará chamar esta API para carregar o código de implementação no carregamento inicial da página. Só será necessário forçar o carregamento para considerar alterações de estado na página que ocorrem sem recarregamento.
  2. Isso inicia a avaliação do código de implementação e faz com que qualquer Criativo apareça se ele passar nas condições de exibição.
    QSI.API.run();

Se você quiser que a Qualtrics avalie seu código de projeto mais de uma vez na mesma página, repita as três etapas a seguir de cada vez:

  1. Esta solicitação remove o código de implementação de quaisquer Interceptores ou Criativos presentes na página.
    QSI.API.unload();
  2. Isso carrega o código de implementação para quaisquer Interceptores ou Criativos na página. Isso é o mesmo que recarregar a página.
    QSI.API.load();
  3. Isso inicia a avaliação do código de implementação e faz com que qualquer Criativo apareça se ele passar nas condições de exibição.
    QSI.API.run();

Perguntas frequentes

Muitas das páginas neste site foram traduzidas do inglês original usando tradução automática. Embora na Qualtrics tenhamos feito nossa diligência prévia para obter as melhores traduções automáticas possíveis, a tradução automática nunca é perfeita. O texto original em inglês é considerado a versão oficial, e quaisquer discrepâncias entre o inglês original e as traduções automáticas não são juridicamente vinculativas.