As campanhas de edição visual permitem que você crie rapidamente alterações em qualquer página do seu website usando um editor visual. O editor permite reordenar elementos e alterar textos e cores sem ter que codificar. Mudanças mais complexas podem ser feitas aplicando-se CSS ou JS à página. Basta apontar, clicar e editar os componentes do seu website diretamente.
Semelhante a todos os outros tipos de campanhas, as alterações de edição visual podem ser testadas contra um grupo de controle ou contra outras variações, bem como direcionadas a um segmento específico.
Criar uma campanha de edição visual
- Acesse Web Personalization › New Campaign (personalização web › nova campanha) e clique em Visual Edit (edição visual).
- Insira um nome e adicione notas e rótulos (opcional).
- Defina as Visual Edit Campaign Settings (configurações da campanha de edição visual).
- Defina as configurações de segmentação da experiência para determinar quando, onde e para quem a experiência será exibida.
- Clique em Next (avançar) e em Create Variations (criar variações) para abrir o editor no URL da prévia.
- O editor visual é aberto em uma nova guia. Selecione e modifique elementos na sua página web.
- Crie uma variação e clique em Salvar.
- Defina a experiência método de alocação, métrica primária e configurações avançadas.
- Se você estiver usando o método de alocação do teste A/B, defina um grupo de controle e meça a elevação da experiência.
- Clique em Save Experience (salvar experiência).
- Clique no ícone de adição para criar uma experiência segmentada adicional.
- Clique em Save and Publish (salvar e publicar) para lançar a campanha.
Usar o editor visual
Quando você cria uma variação de edição visual, o editor é aberto na página especificada no URL da prévia. Essa prévia permite que você clique nos elementos da sua página e selecione entre as opções de edição oferecidas.
Use a barra de ferramentas para criar novas variações, desfazer/refazer alterações e editar o código da página (CSS e JS). Para alterar um elemento em todo o seu website, altere as condições de segmentação padrão "onde" para todas as páginas. Por padrão, ele é definido como seu URL da prévia ajustado anteriormente nas configurações da sua campanha.
Embora você possa tecnicamente configurar até 20 alterações para cada variação, quanto mais alterações cada variação tiver, maior o risco de conflitos HTML e erros inesperados. Portanto, recomendamos usar essas campanhas apenas para pequenas alterações, não para alterar todo o layout de uma página.
Configurações da campanha de edição visual
Ao criar campanhas de edição visual, as seguintes configurações são aplicadas a nível de campanha.
URL da prévia
O editor visual será aberto no seu URL da prévia e permitirá que você configure alterações diretamente na página. Para aplicar suas alterações em várias páginas (por exemplo, alteração num link de rodapé), use as condições de segmentação para definir onde as alterações serão aplicadas.
Advanced Settings (configurações avançadas)
- Frequency (frequência): configurar a frequência permite definir quantas vezes aplicar as alterações para cada usuário. Mantenha o padrão – uma vez por visualização de página – para aplicar alterações a todos os usuários o tempo todo.
- Track campaign performance in your analytics platform (rastrear o desempenho da campanha na sua plataforma de análise): dispara eventos para quaisquer extensões de análise e código personalizado que você tenha implementado. Se você desabilitar essa opção, ela não disparará eventos para nenhuma de suas implementações analíticas.
- Serve on Every SPA Event (servir em cada evento do SPA): relevante para aplicativos de página única que não geram uma atualização do navegador a cada alteração de tela. Se você precisa que a recomendação reinicialize ou reavalie suas condições de segmentação a cada mudança de tela em seu SPA, dispare um evento track_pageview e habilite essa opção. Saiba mais sobre implementação de aplicativo de página única (lado do cliente).
Perguntas frequentes
Como posso criar experiências web para dispositivos móveis?
Embora o editor visual não suporte uma visualização móvel para edição, as campanhas funcionarão na web móvel. Você pode redimensionar a janela do seu navegador para visualizar a página como ela apareceria em um dispositivo móvel durante a edição da campanha. Você pode posteriormente usar a prévia e enviar um link da prévia para o seu dispositivo para se certificar de que tudo está como esperado.