Personalização usando o Visual Experience Composer

Neste capítulo, exploraremos a criação de experiências usando o Visual Experience Composer ao arrastar e soltar, trocar e modificar o layout e o conteúdo de uma página da Web no Target.

Visão geral do cenário

A página inicial do site WKND exibe atividades locais ou a melhor coisa a fazer em uma cidade, na forma de layouts de cartão. Como profissional de marketing, você recebeu a tarefa de modificar a página inicial, reorganizando os layouts dos cartões para ver como isso afeta a participação do usuário e a conversão de drives.

Usuários envolvidos

Para este exercício, os seguintes usuários precisam estar envolvidos e para executar algumas tarefas que você pode precisar de acesso administrativo.

  • Produtor de conteúdo/Editor de conteúdo (Adobe Experience Manager)
  • Profissional de marketing (Adobe Target / Equipe de otimização)

Página inicial do site WKND

AEM Cenário de Destino 1

Pré-requisitos

Atividades do profissional de marketing

  1. O profissional de marketing cria uma atividade de direcionamento A/B no Adobe Target.

    1. Na janela Adobe Target, navegue até a guia Activities.

    2. Clique no botão Criar atividade e selecione o tipo de atividade como Teste A/B

      Adobe Target - Criar atividade

    3. Selecione o canal Web e escolha o Visual Experience Composer.

    4. Insira o URL da atividade e clique em Avançar para abrir o Visual Experience Composer.

      Adobe Target - Criar atividade

    5. Para Visual Experience Composer carregar, ative Permitir carregamento de scripts não seguros no seu navegador e recarregue sua página.

      Atividade de Direcionamento de experiência

    6. Observe a página inicial do Site WKND aberta no editor do Visual Experience Composer.

      VEC

    7. A experiência fornece a Página inicial padrão da WKND e vamos editar o layout de conteúdo da Experiência B.

      Experiência B

    8. Clique em um dos contêineres de layout de cartão (Melhores Roasters) e selecione a opção Reorganizar.

      Seleção de contêiner

    9. Clique no contêiner que deseja reorganizar e arraste e solte no local desejado. Vamos reorganizar o contêiner Melhor Roasters da primeira linha da primeira coluna para a primeira linha da terceira coluna. Agora, o contêiner Melhor Roasters estará ao lado do contêiner Exposições de Fotografia.

      Troca de contêiner

      Depois da troca
      Contêiner Trocado

    10. Da mesma forma, reorganize as posições para os outros contêineres de cartão.

    Contêiner Trocado
    11. Também vamos adicionar um texto de cabeçalho abaixo do componente carrossel e acima do layout do cartão.
    12. Clique no contêiner do carrossel e selecione a opção Inserir depois de > HTML para adicionar HTML.

    Adicionar texto

    <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
    

    Adicionar texto
    13. Clique em Next para continuar com sua atividade.
    14. Selecione o Método de alocação de tráfego como manual e aloque 100% de tráfego para Experiência B.

    Tráfego da Experiência B
    15. Clique em Avançar.
    16. Forneça Métricas de meta para sua atividade e Salve e feche seu teste A/B.

    Métrica de meta do teste A/B
    17. Forneça um nome (Atualização da Página Inicial WKND) para a Atividade e salve as alterações.
    18. Na tela Detalhes da atividade , certifique-se de Ativar sua atividade.

    Ativar atividade
    19. Navegue até a página inicial da WKND (http://localhost:4503/content/wknd/en.html) e observe as alterações que adicionamos à atividade de Teste A/B de Atualização da Página Inicial da WKND.

    Página Inicial WKND Atualizada
    20. Abra o console do navegador e inspecione a guia rede para procurar a resposta do target para a atividade WKND Home Page Refresh A/B Test .

    Atividade de rede

Resumo

Neste capítulo, um profissional de marketing foi capaz de criar uma experiência usando o Visual Experience Composer ao arrastar e soltar, trocar e modificar o layout e o conteúdo de uma página da Web sem alterar nenhum código para executar um teste.

Nesta página