Como tornar os criativos autônomos otimizados para dispositivos móveis
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 o executivo Conta sua 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 Making Creatives Mobile-Optimized
Os criativos mais novos e orientados são criados para incluir a otimização para dispositivos móveis desde o início, exigindo menos configuração para uso em dispositivos móveis. Esses criativos compatíveis com dispositivos móveis incluem caixas de diálogo responsivas, botões de feedback e feedback incorporado em modelos.
No entanto, há criativos independentes que ficam bonitos no desktop, mas que parecem muito grandes em uma tela de celular. Isso ocorre porque os criativos mais antigos não têm otimização para celular incorporada e exigem configuração adicional para funcionar bem em telas de celular. Esta página aborda como otimizar criativos independentes, como pop-ups, barras de informações e controles deslizantes para uma experiência de navegação em dispositivos móveis.
Qdica: você está querendo obter feedback sobre um aplicativo móvel em vez de um site móvel? Em vez disso, consulte a página Feedback do aplicativo incorporado.
Resolução do monitor
Você pode exibir um conjunto de Interceptor ou ação com base no tipo de dispositivo. No entanto, os dispositivos móveis podem ter vários tamanhos, o que pode exigir mais de duas versões (desktop e móvel) de um Criativo. No caso de alguns tablets, o Criativo que fica melhor em seu desktop pode funcionar muito bem no tablet.
Em vez de basear lógica de exibição no tipo de dispositivo, é melhor gerar criativos em tamanhos diferentes e basear a lógica de interceptação no tamanho da tela.
Lógica de resolução de tela
Você pode basear a lógica de Interceptor ou a lógica de definição de ação na resolução da tela. Você não está limitado a tamanhos exatos – por exemplo, talvez telas com menos de 500px recebam um Criativo e telas com mais de 500px recebam outro.
Clique na página de suporte vinculada para obter instruções passo a passo e uma lista de tamanhos de tela comuns.
Configuração do projeto
Formatação de destinos incorporados
Um Embedded Destino não é apenas um link, como um Destino comum, mas uma janela incorporada no Criativo em que você mostra o site ou pesquisa destino.
Muitas pessoas preferem que a pesquisa incorporada no Criativo não tenha barras de rolagem. A página Formatação de metas incorporadas examinará as alterações que você pode fazer no pesquisa para conseguir isso.
Perguntas frequentes
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.
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?
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.
Isso é ótimo! Obrigado pelo seu feedback!
Obrigado pelo seu feedback!