Integração

Personalização usando o Visual Experience Composer

Última atualização em 2023-12-04
  • Tópicos
  • Integrations
    Exibir mais informações sobre este tópico
  • Criado para:
  • Intermediate
    Developer

AEM Sites as a Cloud Service, AEM Sites 6.5

Saiba como criar uma Atividade de teste A/B usando o Visual Experience Composer (VEC).

Pré-requisitos

Para usar o VEC em um site de AEM, a seguinte configuração deve ser concluída:

  1. Adicionar o Adobe Target ao seu site AEM
  2. Acionar uma chamada do Adobe Target no Launch

Visão geral do cenário

A página inicial do site WKND exibe atividades locais ou as melhores coisas a serem feitas em torno de uma cidade na forma de cartões informativos. Como profissional de marketing, você recebeu a tarefa de modificar a página inicial, fazendo alterações de texto no teaser da seção de aventura e entendendo como ela melhora a conversão.

Etapas para criar um teste A/B usando o Visual Experience Composer (VEC)

  1. Fazer logon em Adobe Experience Cloud, toque em Target, navegue até o Atividades guia

    • Se você não vir Target no painel Experience Cloud, verifique se a organização correta do Adobe está selecionada no alternador de organização na parte superior direita e se o usuário recebeu acesso ao Target no Adobe Admin Console.
  2. Clique em Criar atividade e escolha Teste A/B atividade

    Atividade A/B

  3. Selecione o Visual Experience Composer , forneça o URL da atividade e clique em Próxima

    URL da atividade

  4. O Visual Experience Composer exibe duas guias no lado esquerdo depois que você cria uma atividade: Experiência A e Experiência B. Selecione uma experiência na lista. Você pode adicionar novas experiências à lista usando o Adicionar experiência botão.

    Experiência A

  5. Selecione uma imagem ou texto na página para começar a fazer modificações ou use o editor de código para escolher e HTML elemento.

    Elemento

  6. Alterar o texto de Acampamento em Western Australia para Aventuras da Austrália. Uma lista de alterações adicionadas a uma experiência é exibida em Modificações. Você pode clicar em e editar o item modificado para exibir seu seletor de CSS e o novo conteúdo adicionado a ele.

    Aventuras

  7. Renomear Experiência A para Aventura

  8. Do mesmo modo, atualize o texto em Experiência B de Acampamento em Western Australia para Explore a natureza selvagem australiana.

    Explorar

  9. Clique em Próxima para ir para Direcionamento e vamos manter uma alocação manual de tráfego de 50 a 50 entre as duas experiências.

    Direcionamento

  10. Para Metas e configurações, escolha a origem de Relatório como Adobe Target e selecione a métrica Meta como Conversão com uma ação de exibição de página.

    Metas

  11. Forneça um nome para a atividade e clique em Salvar.

  12. Ative a atividade salva para ativar as alterações.

    Metas

  13. Abra a página do site (URL da atividade a partir da etapa 3) em uma nova guia e você deverá conseguir visualizar qualquer uma das experiências (Aventura ou Explorar) da nossa atividade de teste A/B.

    Metas

Resumo

Neste capítulo, um profissional de marketing conseguiu criar uma experiência usando o Visual Experience Composer arrastando e soltando, alternando e modificando o layout e o conteúdo de uma página da Web sem alterar nenhum código para executar um teste.

Nesta página