Configurar o canal da Web do Journey Optimizer com o SDK da Web
Saiba como implementar o canal da Web do Adobe Journey Optimizer usando o SDK da Web da Adobe Experience Platform. 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 SDK da Web 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:
-
Completar todas as lições para a configuração inicial do SDK da Web da Platform, incluindo a configuração de elementos de dados e regras.
-
Verifique se a versão da extensão de tags do SDK da Web da Adobe Experience Platform é 2.16 ou superior.
-
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.
-
Além disso, verifique se você baixou e habilitou a extensão de navegador Auxiliar de edição visual do Adobe Experience Cloud.
-
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 SDK da Web da Adobe Experience Platform.
- Modo híbrido: você pode utilizar a API do servidor do Platform Edge Network para solicitar personalização no lado do servidor. A resposta da API é então fornecida ao SDK da Web da Adobe Experience Platform 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 SDK da Web da plataforma 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 SDK da Web Luma criada anteriormente.
-
Selecione Editar no serviço Adobe Experience Platform.
-
Marque a caixa Adobe Journey Optimizer.
-
Selecione Salvar.
Isso garante que os eventos de entrada do Journey Optimizer sejam manipulados corretamente pelo Edge Network Adobe Experience Platform.
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.
-
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 SDK da Web.
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 obterem insights sobre o processo, mesmo que eles não sejam normalmente responsáveis pela criação de campanhas de canais 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 também podem ser criados na interface do Journey Optimizer, pois são construções de Experience Platform comuns. -
Navegue até Gerenciamento de Jornadas > Campanhas na navegação à esquerda
-
Clique em Criar campanha no canto superior direito.
-
Na seção Properties, especifique como deseja executar a campanha. Para o caso de uso do Loyalty Rewards, escolha Agendado.
-
Na seção Ações, escolha o canal da Web. Como a superfície da Web, selecione a URL da Página.
note note NOTE Uma superfície da Web se refere a uma propriedade da Web identificada por um URL em que o conteúdo é entregue. Ele pode corresponder a um único URL de página ou abranger várias páginas, permitindo aplicar modificações em uma ou várias páginas da Web. -
Escolha a opção de superfície da Web URL da Página para implantar a experiência em uma página para esta campanha. Insira a URL da página Luma,
https://luma.enablementadobe.com/content/luma/us/en.html -
Depois que a superfície da web for definida, selecione Criar.
-
Agora, adicione alguns detalhes adicionais à 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.
-
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 habilitar isso, clique em Selecionar público-alvo e escolha o público-alvo
Luma Loyalty Rewards – Gold Status. -
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.
-
Agende a campanha para começar na data de hoje usando a opção Início da campanha e terminar em uma semana usando a opção Término da campanha.
Experimento com conteúdo de recompensas de fidelidade
Se você rolar a tela de volta para cima, na seção Ação, poderá criar opcionalmente 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 de entrada únicos, para ver qual tratamento de conteúdo gera mais cliques no CTA de experiência online.
-
Ao configurar um experimento usando o canal da Web e escolhendo as métricas Cliques de Entrada, Cliques de Entrada Exclusivos, Exibições de Página ou Exibições de Página Exclusivas, o menu suspenso Ação de Clique permite que você rastreie e monitore precisamente os cliques e exibições em páginas específicas.
-
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.
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. Para fazer isso, use o Auxiliar visual do Adobe Experience Cloud. Esta ferramenta é uma extensão de navegador compatível com o Google Chrome e Microsoft® Edge. Verifique se você baixou a extensão antes de tentar criar suas experiências. Além disso, verifique se a página da Web inclui o SDK da Web.
-
Na guia Ação da campanha, clique em Editar conteúdo. 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 criação.
-
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.
-
Use o Componente da Offer Decision para inserir ofertas na página da Web. Este componente usa o Gerenciamento de decisão para escolher a melhor oferta a ser entregue aos visitantes da Luma.
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.
Use o painel Componentes para adicionar HTML ou outro conteúdo diretamente ao site Luma.
Adicione um novo componente HTML na parte superior da página. Edite o HTML dentro do componente na interface de design ou no painel Contextual.
Como alternativa, adicione edições de HTML do painel Modificações. Esse painel permite selecionar um componente na página e editá-lo na interface do designer.
No editor, adicione o HTML para o público-alvo Luma Loyalty Rewards – Gold Status. Selecione Validar.
Agora, revise o novo componente de HTML personalizado para ajuste e comportamento.
Edite um componente específico usando a modificação tipo de seletor de CSS.
Adicione o código personalizado usando a modificação Page <head> type.
As possibilidades são infinitas usando o Auxiliar Visual.
Simular conteúdo de prêmios de fidelidade
Visualize a página da Web modificada antes de ativar a campanha. Lembre-se de que você deve ter perfis de teste configurados para simular experiências de canal da Web.
Para simular a experiência:
-
Selecione Simular conteúdo dentro da campanha.
-
Escolha um perfil de teste para receber a simulação. Lembre-se de que o perfil de teste deve estar no público-alvo
Luma Loyalty Rewards – Gold Statuspara receber o tratamento adequado. -
A visualização é exibida para o perfil de teste.
Ativação da campanha de prêmios de fidelidade
Por fim, ative a campanha do canal Web.
-
Selecione Revisar para ativar.
-
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:
cleavlandeuler@emailsim.io/testleftybeagen@emailsim.io/testjenimartinho@emailsim.io/test
Como prática recomendada, monitore a guia Web dos relatórios global e em tempo real da campanha para os KPIs específicos da campanha. Para esta campanha, monitore as impressões da experiência e a taxa de cliques.
Validação de canal da Web usando Adobe Experience Platform Debugger
A extensão Adobe Experience Platform Debugger, disponível para Chrome e 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 do 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 da para validar as solicitações enviadas para o Edge Network do Adobe Experience Platform.
- Em Soluções, navegue até o Experience Platform Web SDK.
- Na guia Configuração, ative Habilitar Depuração. Isso habilita o registro para a sessão em uma sessão do 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 essas solicitações devem ser capturadas em Assurance para rastreamento de log.