Configurar o canal da Web do Journey Optimizer com o Web SDK
Saiba como implementar o canal da Web do Adobe Journey Optimizer usando o Adobe Experience Platform Web SDK. Esta lição aborda os pré-requisitos básicos do canal da Web, as etapas detalhadas de configuração e um aprofundamento sobre um caso de uso centrado no status de fidelidade.
Ao seguir esta lição, os usuários do Journey Optimizer estão equipados para usar o canal da Web para personalização online avançada usando o web designer do Journey Optimizer.
Objetivos de aprendizagem
No final desta lição, você poderá:
- Entenda a função e o significado do Web SDK no fornecimento da experiência de canal da Web.
- Entenda o processo de criação de uma campanha de canal da Web do início ao fim utilizando o caso de uso de amostra do Luma Loyalty Rewards.
- Configure propriedades, ações e agendamentos da campanha na interface.
- Entenda a funcionalidade e os benefícios da extensão Auxiliar de edição visual do Adobe Experience Cloud.
- Saiba como editar o conteúdo da página da Web, incluindo imagens, cabeçalhos e outros elementos, usando o web designer.
- Saiba como inserir ofertas em uma página da Web usando o componente Offer decision.
- Familiarize-se com as práticas recomendadas para garantir a qualidade e o sucesso de uma campanha de canal da Web.
Pré-requisitos
Para concluir as lições desta seção, primeiro você deve:
-
Conclua todas as lições para a configuração inicial do Platform Web SDK, incluindo a configuração de elementos de dados e regras.
-
Verifique se a versão da extensão de tags da Adobe Experience Platform Web SDK é 2.16 ou superior.
-
Conclua a lição Configurar Experience Platform, incluindo o exercício para criar o público-alvo
Luma Loyalty Rewards – Gold Status. -
Baixado e habilitado a extensão de navegador da Adobe Experience Cloud Visual Editing Helper.
-
Se você estiver usando o web designer da Journey Optimizer para criar sua experiência de canal na Web, verifique se está usando os navegadores Google Chrome ou Microsoft® Edge.
-
Verifique se os cookies de terceiros são permitidos em seu navegador. Talvez seja necessário desativar os bloqueadores de anúncios no navegador também.
note caution CAUTION No web designer do Journey Optimizer, alguns sites podem não ser abertos de forma confiável devido a um dos seguintes motivos: - O site tem políticas de segurança rigorosas.
- O site é incorporado em um iframe.
- O site de controle de qualidade ou preparo do cliente não está acessível externamente (é um site interno).
-
Ao criar experiências na Web e incluir conteúdo da biblioteca do Adobe Experience Manager Assets Essentials, é necessário configurar o subdomínio para publicar este conteúdo.
-
Se estiver usando o recurso de experimentação de conteúdo, verifique se o conjunto de dados da Web também está incluído na configuração de relatórios.
-
Atualmente, há suporte para dois tipos de implementações para habilitar a criação e o delivery de campanhas de canal da Web nas propriedades da Web:
- Somente no lado do cliente: para modificar seu site, você deve implementar o Adobe Experience Platform Web SDK.
- Modo híbrido: você pode utilizar a API do Platform Edge Network Server para solicitar personalização no lado do servidor. A resposta da API é então fornecida ao Adobe Experience Platform Web SDK para renderizar modificações no lado do cliente. Para obter mais informações, consulte a documentação da API do Adobe Experience Platform Edge Network Server. Detalhes adicionais e amostras de implementação para o modo híbrido podem ser encontrados nesta publicação do blog.
note note NOTE A implementação somente do lado do servidor não é compatível no momento.
Terminologia
Primeiro, você deve entender a terminologia usada nas campanhas de canal da Web.
- Canal da Web: um meio de comunicação ou entrega de conteúdo pela Web. No contexto deste guia, ele se refere ao mecanismo pelo qual o conteúdo personalizado é entregue aos visitantes do site usando o Platform Web SDK, no Adobe Journey Optimizer.
- Superfície da Web: refere-se a uma propriedade da Web identificada por uma URL na qual o conteúdo é entregue. Pode abranger uma ou várias páginas da Web.
- Journey Optimizer web designer: uma ferramenta ou interface específica dentro da Journey Optimizer na qual os usuários podem criar suas experiências de canal da Web.
- Auxiliar de edição visual do Adobe Experience Cloud: uma extensão de navegador que ajuda a editar visualmente e criar experiências de canal da Web.
- Sequência de dados: uma configuração no serviço Adobe Experience Platform que garante que as experiências do canal da Web possam ser entregues.
- Política de mesclagem: uma configuração que garante a ativação precisa e a publicação de campanhas de entrada.
- Público-alvo: um segmento específico de usuários ou visitantes do site que atendem a determinados critérios.
- Web Designer: uma interface ou ferramenta que ajuda a editar visualmente e criar experiências na Web sem mergulhar no código.
- Editor de expressão: uma ferramenta no designer da Web que permite aos usuários adicionar personalização ao conteúdo da Web, possivelmente com base em atributos de dados ou outros critérios.
- Componente do Offer Decision: um componente no web designer que ajuda a decidir qual oferta é mais adequada para ser exibida a um visitante específico com base na gestão de decisões.
- Experimento de conteúdo: um método para testar diferentes variações de conteúdo para descobrir qual tem o melhor desempenho em termos da métrica desejada, como cliques de entrada.
- Tratamento: no contexto de experimentos de conteúdo, um tratamento se refere a uma variação específica do conteúdo que está sendo testado em relação a outro.
- Simulação: um mecanismo de visualização para visualizar a experiência de canal da Web antes de ativá-la para públicos-alvo ao vivo.
Configurar o fluxo de dados
Você já adicionou o serviço Adobe Experience Platform ao seu fluxo de dados. Agora é necessário habilitar a opção Adobe Journey Optimizer para fornecer experiências de canal da Web.
Para configurar o Adobe Journey Optimizer na sequência de dados:
-
Vá para a interface Coleção de Dados.
-
Na navegação à esquerda, selecione Datastreams.
-
Selecione a sequência de dados do Luma Web SDK criada anteriormente.
-
Selecione Editar no serviço Adobe Experience Platform.
-
Marque a caixa Adobe Journey Optimizer.
-
Salve a configuração atualizada.
Isso garante que os eventos de entrada do Journey Optimizer sejam manipulados corretamente pela Adobe Experience Platform Edge Network.
Configurar a política de mesclagem
Verifique se uma política de mesclagem está definida com a opção Política de mesclagem Ative-On-Edge habilitada. Essa opção de política de mesclagem é empregada pelos canais de entrada do Journey Optimizer para garantir a ativação e a publicação precisas de campanhas de entrada na borda.
Para configurar a opção na política de mesclagem:
-
Vá para a página Cliente > Perfis na interface do Experience Platform ou do Journey Optimizer.
-
Verifique se você está na sandbox usada para o tutorial
-
Selecione a guia Políticas de mesclagem.
-
Selecione sua política (geralmente é melhor usar a política Timebased Padrão) e alterne a opção Política de Mesclagem Ative-On-Edge na etapa Configurar.
Configurar o conjunto de dados da Web para experimentação de conteúdo
Para usar experimentos de conteúdo em campanhas de canal da Web, você deve garantir que o conjunto de dados da Web usado também seja incluído na configuração dos relatórios. O sistema de relatórios do Journey Optimizer usa o conjunto de dados somente leitura para preencher relatórios de experimentação de conteúdo prontos para uso.
Visão geral do caso de uso - Recompensas de fidelidade
Nesta lição, um exemplo de caso de uso de Recompensas de fidelidade é usado para detalhar a implementação de uma experiência de canal da Web usando o Web SDK.
Esse caso de uso permite entender melhor como o Journey Optimizer pode ajudar a fornecer as melhores experiências de entrada aos seus clientes, utilizando campanhas do Journey Optimizer e o web designer.
Como este tutorial é destinado aos implementadores, vale a pena observar que esta lição envolve um trabalho de interface substancial no Journey Optimizer. Embora essas tarefas de interface sejam normalmente tratadas por profissionais de marketing, pode ser benéfico para os implementadores obter o insight no processo, mesmo que eles não sejam normalmente responsáveis pela criação da campanha de canal da Web.
Criar campanha de recompensas de fidelidade
Agora que você assimilou nossos dados de fidelidade de amostra e criou nosso segmento, crie a campanha do canal da Web Loyalty Rewards no Adobe Journey Optimizer.
Para criar a campanha de amostra:
-
Abrir a interface Journey Optimizer
note note NOTE Esquema, conjuntos de dados e públicos-alvo também podem ser criados na interface do Journey Optimizer, pois são construções comuns do Experience Platform. -
Navegue até Gerenciamento de Jornadas > Campanhas na navegação à esquerda
-
Clique em Criar campanha no canto superior direito.
-
Escolha o tipo de campanha. Para o caso de uso do Loyalty Rewards, escolha Agendado - Marketing.
-
Adicione mais detalhes à nova campanha de canal da Web. Primeiro, nomeie a campanha. Chame de
Luma Loyalty Rewards – Gold Status. Opcionalmente, é possível adicionar uma descrição à campanha. Adicione também Tags para melhorar a taxonomia geral da campanha.
-
Vá para a guia Ações
-
Escolha a Web como o Nome da ação.
-
Selecione Criar nova configuração como a configuração da Web.
-
Como os detalhes da Configuração do canal, insira o seguinte:
LumaHomepagecomo Nome.- Web como o Canal.
- Personalization no site como a ação de marketing.
- Página única como as configurações da Web.
https://newluma.enablementadobe.com/index.htmlcomo a URL da página.
-
Enviar a nova configuração de canal
-
Na guia do navegador com o Campaign, selecione a nova configuração do
LumaHomepagenote tip TIP Se a nova configuração não aparecer na lista suspensa, vá para a guia Propriedades, retorne à guia Ações e verifique a lista suspensa novamente.
Experimento com conteúdo de recompensas de fidelidade
Agora que você selecionou a Configuração da Web, na seção Ação, é possível criar um experimento para testar qual conteúdo funciona melhor para o público-alvo Luma Loyalty Rewards – Gold Status. Vamos criar e testar dois tratamentos como um componente da configuração da campanha.
Para criar o experimento de conteúdo:
-
Clique em Criar experimento.
-
Escolha primeiro uma métrica de sucesso. Essa é a métrica para determinar a eficácia do conteúdo. Escolha Cliques Exclusivos, para ver qual tratamento de conteúdo gera mais cliques no CTA de experiência na Web.
-
Opcionalmente, você pode designar um Holdout que não recebe nenhum dos dois tratamentos. Deixe essa opção desmarcada por enquanto.
-
Também é possível optar por Distribuir uniformemente. Marque esta opção para garantir que as divisões de tratamento sejam sempre divididas uniformemente.
-
Selecione Adicionar tratamento para ter dois tratamentos no experimento.
-
Selecione Criar.
Saiba mais sobre experimentos de conteúdo no canal da Web do Adobe Journey Optimizer.
Editar conteúdo usando o Auxiliar visual
Agora, vamos criar a experiência de canal da Web. Primeiro, instale a extensão de navegador Adobe Experience Cloud Visual Editing Helper para o Google Chrome e Microsoft® Edge, se você ainda não tiver feito isso. Depois de instalado, continue com as etapas na interface do Journey Optimizer:
-
Selecione Editar conteúdo (ou navegue até a guia Conteúdo da campanha). Como você inseriu uma URL de página única como superfície, você deve estar pronto para começar a trabalhar no compositor.
-
Agora, clique em Editar página da Web para começar a criar o Tratamento A de sua experiência.
-
Comece editando alguns elementos com o web composer. Use o menu contextual para editar o cabeçalho de imagem herói Luma. Ajuste o estilo do painel contextual à direita.
-
Adicione também personalização ao contêiner usando o Editor de expressão.
-
Verifique se a experiência está sendo rastreada adequadamente para cliques. Escolha Clicar em rastrear elemento no menu contextual.
Há muitas opções disponíveis para personalizar as mensagens.
Alterações no design do HTML
Há alguns métodos disponíveis caso você queira fazer alterações mais avançadas ou personalizadas no site como um componente da campanha de Recompensas de Fidelidade. Explore alguns desses no Tratamento B.
Use o painel Componentes para adicionar o HTML ou outro conteúdo diretamente ao site Luma.
Adicione um novo componente do HTML na parte superior da página. Abra o editor de expressão novamente para editar a HTML.
Como alternativa, adicione edições de HTML a partir do painel Modificações. Esse painel permite selecionar um componente na página e editá-lo na interface do designer.
No editor, adicione a HTML para o público-alvo Luma Loyalty Rewards – Gold Status. Selecione Validar.
Agora, revise o novo componente personalizado do HTML para adequação e funcionalidade.
Direcionar a campanha para um público
Por padrão, a campanha está ativa para todos os visitantes do site. Para os fins deste caso de uso, somente os membros do prêmio gold status devem ver a experiência. Para direcionar o conteúdo para este público:
-
Navegue até a guia Público-alvo
-
No campo Namespace de identidade, selecione o namespace para identificar indivíduos dentro do segmento escolhido. Como você está implantando a campanha no site Luma, é possível escolher o namespace da ECID. Os perfis no público-alvo
Luma Loyalty Rewards – Gold Statusque não têm o namespace ECID entre suas várias identidades não são direcionados pela campanha do canal da Web. -
Seleção do público-alvo
-
Escolha o público-alvo
Luma Loyalty Rewards - Gold Statuscriado na lição Configurar o Experience Platform. -
Salvar o público-alvo na campanha
Agendar a campanha
Por padrão, as campanhas são iniciadas e interrompidas quando você as ativa e desativa manualmente. No entanto, você tem a opção de agendá-los para iniciar e parar em datas e horas específicas. Deixe as configurações padrão e selecione Revisar para ativar:
Ativação da campanha de prêmios de fidelidade
Você será solicitado a confirmar os detalhes da campanha uma última vez. Selecione Ativar. Pode levar até 15 minutos para que a campanha seja ativada no site.
Garantia de qualidade das recompensas de fidelidade
Você pode usar alguns logons para simular usuários com o "status gold" e se qualificar para a sua campanha. Você deve ter carregado os dados de exemplo no Configurar o Experience Platform e criar contas usando essas credenciais no site para que elas funcionem.
cleavlandeuler@emailsim.io/testleftybeagen@emailsim.io/testjenimartinho@emailsim.io/test
Como prática recomendada, monitore as estatísticas da campanha Web na tela de visão geral da campanha após a inicialização ou clique em Relatórios para obter relatórios mais profundos:
Validação de canal da Web usando o Adobe Experience Platform Debugger
A extensão do Adobe Experience Platform Debugger, disponível para o Chrome e o Firefox, analisa suas páginas da Web para identificar problemas na implementação de soluções da Adobe Experience Cloud.
Você pode usar o depurador no site Luma para validar a experiência do canal da Web em produção. Esta é uma prática recomendada depois que o caso de uso de Recompensas de fidelidade estiver em execução, para garantir que tudo seja configurado corretamente.
Saiba como configurar o depurador em seu navegador usando o guia aqui.
Para iniciar a validação usando o depurador:
- Navegue até a página da Web do Luma com a experiência do canal da Web.
- Na página da Web, abra o Adobe Experience Platform Debugger.
- Navegue até Resumo. Verifique se a ID da sequência de dados corresponde à sequência de dados da Coleção de dados da Adobe para a qual você habilitou o Adobe Journey Optimizer.
- Em seguida, você pode fazer logon no site com várias contas de fidelidade Luma e usar o depurador para validar as solicitações enviadas para o Adobe Experience Platform Edge Network.
- Em Soluções, navegue até a Experience Platform Web SDK.
- Na guia Configuração, ative Habilitar Depuração. Isso habilita o log da sessão em uma sessão Adobe Experience Platform Assurance.
- Faça logon no site com várias contas de fidelidade Luma e use o depurador para validar as solicitações enviadas para a rede Edge do Adobe Experience Platform. Todas estas solicitações devem ser capturadas no Assurance para rastreamento de log.