Como tornar os criativos otimizados para dispositivos móveis
Sobre o Making Creatives Mobile-Optimized
Como os dispositivos móveis podem ser muito pequenos, muitas vezes os Creatives que ficam bonitos no desktop aparecem muito grandes em uma tela de celular. Esta página aborda as maneiras pelas quais você pode formatar os Creatives para que eles funcionem melhor em navegadores móveis.
Resolução da tela
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.
Tamanhos comuns de tela
Você pode encontrar uma lista de dispositivos comuns e seus tamanhos de tela aqui.
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.
Configuração do projeto
- Crie dois ou mais Creatives e defina os tamanhos de plano de fundo com base nos tamanhos de tela que deseja destino.
- Prepare uma Interceptor com tantos Action Sets quantos forem os Creatives que você tiver.
- Adicione o link Destino e o Criativo para cada Action Set.
- Adicione a lógica de resolução de tela a cada Action Set com base no Criativo que ele deve exibir.
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?
-
Existem inúmeras causas potenciais sobre por que um interceptor pode não estar aparecendo uma vez que foi implementado. Essas causas podem ter origem na configuração do próprio interceptor ou na implementação do código.
- Lógica: lógica de direcionamento de interceptor e lógica de conjunto de ações são as condições que devem ser atendidas para que um interceptor seja exibido a um visitante. Verificar esta lógica será útil para descobrir por que o Interceptor não está sendo exibido em uma página.
- Conjuntos de lógica que usam "Contém": uma causa comum de erro lógico é o uso de "Contém" vs. “É.” Para dizer uma condição "Contém" significa que o parâmetro que você está baseando na lógica off (ou seja, URL atual) terá o valor especificado presente, além de mais informações. Por exemplo, se eu tivesse uma lógica que fosse lida como URL atual contendo "qualtrics", isso faria com que o interceptor fosse exibido em qualquer URL que tenha a palavra qualtrics presente. A outra opção que você tem está usando o URL atual é [URL]. Esta condição depende de o URL visitado ser uma correspondência exata. Quaisquer diferenças ou caracteres adicionais impedirão a passagem da lógica do interceptor.
- Revisões de Interceptores: Ao fazer edições em interceptores, as alterações não são feitas em tempo real até que o interceptor seja publicado. Ao publicar um Interceptor, uma versão do interceptor ou uma "revisão" é salva. Revisar as revisões que foram feitas é muito útil para identificar quaisquer alterações que possam ter subitamente impedido o interceptor de aparecer.
- Janela de depuração: A janela de depuração é uma ferramenta inestimável para testar por que um interceptor não está sendo exibido em uma página específica.
Para interceptores cujo código de implementação foi implementado antes de março de 2019, para ativar a janela de depuração, anexe uma string de consulta a qualquer URL chamado Q_DEBUG. Isso deve ser prefixado com um ? ou a & como os seguintes exemplos: https://www.qualtrics.com?Q_DEBUG, https://www.qualtrics.com/blog?item=value&Q_DEBUG.
Para interceptações cujo código de implementação foi implementado após março de 2019, execute o seguinte snippet JavaScript no Console da sua página da Web:
A janela de depuração quebra todas as condições necessárias para que as interceptações em execução no URL sejam exibidas. Se você descobrir que um interceptor não está aparecendo, localize-o na janela de depuração e identifique qualquer aviso vermelho com falha.QSI.API.unload(); QSI.isDebug = true; QSI.API.load(); QSI.API.run();
Qdica: O depurador de Feedback do site não funciona se o código tiver sido implementado usando um gerenciador de tags. Além disso, se o URL já tiver uma string de consulta com um ?, em seguida, o depurador irá necessitar de um &. - Network Request: A maioria dos navegadores possui um menu de ferramentas de desenvolvedor que permite que um usuário veja o código-fonte, recursos, cookies e chamadas de rede de um site. O Website Feedback possui uma presença distinta na seção Rede dessas ferramentas. Para verificar a execução desses scripts, abra as ferramentas de desenvolvedor e navegue para a seção Rede. Uma vez aqui, recarregue a página da Web e o menu deve começar a preencher com todas as solicitações de rede sendo feitas pelo site. Para identificar o código de Feedback de site, procure chamadas que comecem com ?Q_ZID ou ?Q_SID. Este é o próprio código que executa verificações na lógica de exibição. Se você não conseguir encontrar nada que corresponda a esse formato, haverá um problema com a implementação do código do projeto. Você pode consultar nossa página de suporte sobre implementação para obter orientação sobre onde é melhor colocar o código.
- Problemas da 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 existe uma restrição em seu site que está bloqueando a implantação de nossos interceptores. Recomendamos que entre em contato com sua equipe de desenvolvimento web para resolver o problema. Para garantir que seus interceptores funcionam, recomendamos geralmente permitir a lista dos seguintes itens em seus cabeçalhos da Política de segurança de conteúdo:
- Conectar-https://*.qualtrics.com
- Frame-src https://*.qualtrics.com
- img-src https://siteintercept.qualtrics.com
- Script-src https://*.qualtrics.com
- Criei meu interceptor, mas gostaria de testá-lo antes da ativação. Como eu posso fazer isso?
-
Há uma ferramenta chamada bookmarklet que permite testar qualquer interceptor sem precisar ativá-lo.
- Como tenho um criativo menor em dispositivos móveis?
-
Se você usar um criativo de diálogo responsivo imediatamente, não precisará se preocupar em fazer esses ajustes, pois eles fazem parte da configuração.
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.- No primeiro conjunto de ações, coloque a condição “se o tipo de dispositivo não for móvel”.
- Em seguida, adicione um novo conjunto de ações.
- Na lógica do conjunto de ações, adicione a condição "se o tipo de dispositivo for móvel".
- Agora você terá dois conjuntos de ações diferentes: um para celular e outro para não móvel.
- Agora, faça um novo criativo para o conjunto de ações móveis.
- Faça o criativo pequeno e amigável ao celular.
- Volte para o interceptor e para o conjunto de ações Não móvel.
- Sob o criativo deste interceptor, escolha aquele que você acabou de fazer.
- O que é Website / App Feedback? / Onde está o Site Intercept?
-
Site Intercept foi renomeado para Website / App Feedback, já que a função principal desses projetos é coletar dados sobre sua presença online. A funcionalidade para Website / App Feedback está de acordo com o Site Intercept, com melhorias notáveis e uma nova interface de usuário bonita.