Neste capítulo, exploraremos a criação de experiências usando Visual Experience Composer ao arrastar e soltar, trocar e modificar o layout e o conteúdo de uma página da Web no Target.
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.
Para este exercício, os seguintes usuários precisam estar envolvidos e para executar algumas tarefas que você pode precisar de acesso administrativo.
https://<yourcompany>.experiencecloud.adobe.com
O profissional de marketing cria uma atividade de direcionamento A/B no Adobe Target.
Na janela do Adobe Target, navegue até Atividades guia .
Clique em Criar atividade e selecione o tipo de atividade como Teste A/B
Selecione o Web e escolha o Visual Experience Composer.
Insira o URL da atividade e clique em Próximo para abrir o Visual Experience Composer.
Para Visual Experience Composer para carregar, habilite Permitir Carregar Scripts Não Seguros no navegador e recarregue a página.
Observe a página inicial do Site WKND aberta no editor do Visual Experience Composer.
Experiência A fornece a página inicial WKND padrão e vamos editar o layout de conteúdo para Experiência B.
Clique em um dos contêineres de layout de cartão (Melhores Roasters) e selecione Reorganizar opção.
Clique no contêiner que deseja reorganizar e arraste e solte no local desejado. Vamos reorganizar o Melhores Roasters contêiner da primeira linha da primeira coluna para a primeira linha da terceira coluna. Agora a variável Melhores Roasters contêiner está ao lado de Exposições de fotografia contêiner.
Depois da troca
Da mesma forma, reorganize as posições para os outros contêineres de cartão.
Também vamos adicionar um texto de cabeçalho abaixo do componente carrossel e acima do layout do cartão.
Clique no contêiner do carrossel e selecione o Inserir depois > HTML para adicionar HTML.
<h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
Clique em Próximo para continuar com sua atividade.
Selecione o Método de alocação de tráfego como manual e alocar 100% de tráfego para Experiência B.
Clique em Avançar.
Fornecer Métricas de meta para sua atividade e salve e feche o teste A/B.
Forneça um nome (Atualização da Página Inicial WKND) para a Atividade e salve as alterações.
Na tela Detalhes da atividade , certifique-se de Ativar sua atividade.
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.
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 .
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.