Configurar o canal da Web do Journey Optimizer com o SDK da Web
Saiba como implementar o Adobe Journey Optimizer canal da web 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 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.
-
Verifique também se você baixou e ativou o Extensão de navegador da Adobe Experience Cloud Visual Editing Helper.
-
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 da 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 um URL em que o conteúdo é entregue. Pode abranger uma ou várias páginas da Web.
- web designer do Journey Optimizer: uma ferramenta ou interface específica na Journey Optimizer em que os usuários podem criar suas experiências de canal da Web.
- Adobe Experience Cloud Visual Editing Helper: uma extensão do 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 de canal da Web possam ser fornecidas.
- Política de mesclagem: uma configuração que garante a ativação e a publicação precisas de campanhas de entrada.
- Público: um segmento específico de usuários ou visitantes do site que atendem a determinados critérios.
- Designer da Web: 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 web designer 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 da 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 e descobrir qual delas 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 de conteúdo que está sendo testado em relação a outra.
- 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 Coleta de dados interface.
-
Na navegação à esquerda, selecione Datastreams.
-
Selecione a sequência de dados do SDK da Web Luma criada anteriormente.
-
Selecionar Editar no serviço Adobe Experience Platform.
-
Verifique a Adobe Journey Optimizer caixa.
-
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 o Política de mesclagem ativa na borda opção ativada. 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 Cliente > Perfis página na interface do Experience Platform ou Journey Optimizer.
-
Selecione o Políticas de mesclagem guia.
-
Selecione sua política (geralmente é melhor usar a variável Timebased Padrão política) e alterne a variável Política de mesclagem ativa na borda opção no campo Configurar etapa.
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.
A adição de conjuntos de dados para os relatórios de experimento de conteúdo é detalhada nesta seção.
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:
-
Abra o Journey Optimizer interface
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.
-
No Propriedades especifique como deseja executar a campanha. Para o caso de uso do Loyalty Rewards, escolha Agendado.
-
No Ações escolha a opção Canal da Web. Como a variável Superfície da Web, selecione 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 o URL da página opção de superfície da web para implantar a experiência em uma página para esta campanha. Insira o 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
Luma Loyalty Rewards – Gold Status. Opcionalmente, é possível adicionar uma descrição à campanha. Também adicionar 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 e escolha o
Luma Loyalty Rewards – Gold Statuspúblico-alvo. -
No 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. Perfis dentro do
Luma Loyalty Rewards – Gold StatusO público-alvo que não tem o namespace ECID entre suas várias identidades não é direcionado pela campanha do canal da Web.
-
Programe a campanha para começar na data de hoje usando o Início da campanha e terminará em uma semana usando a opção Fim da campanha opção.
Experimento com conteúdo de recompensas de fidelidade
Se você rolar a tela de volta para cima, na janela Ação é possível criar um experimento para testar qual conteúdo funciona melhor para a Luma Loyalty Rewards – Gold Status público-alvo. 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.
-
Primeiro escolha um Métrica de sucesso. Essa é a métrica para determinar a eficácia do conteúdo. Escolher Cliques de entrada únicos, para ver qual tratamento de conteúdo gera mais cliques no CTA de experiência da Web.
-
Ao configurar um experimento usando um canal da Web e escolhendo o Cliques de entrada, Cliques de entrada únicos, Exibições de página ou Visualizações únicas de página métricas, a variável Ação do clique permite rastrear e monitorar com precisão os cliques e as exibições em páginas específicas.
-
Como opção, você pode designar um Retenção que não recebe nenhum dos dois tratamentos. Deixe essa opção desmarcada por enquanto.
-
Além disso, opcionalmente, escolha 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 Adobe Experience Cloud Auxiliar visual. 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.
-
No prazo de 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 criar.
-
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.
-
Além disso, adicione personalização ao contêiner usando o Editor de expressão.
-
Verifique se a experiência está sendo rastreada adequadamente para cliques. Escolher Clicar no elemento de rastreamento no menu contextual.
-
Use o Componente da Offer Decision para inserir ofertas na página da Web. Este componente usa Gerenciamento de decisão para escolher a melhor oferta para entregar 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 Componentes painel 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 Contextual painel.
Como alternativa, adicione edições de HTML do Modificações painel. Esse painel permite selecionar um componente na página e editá-lo na interface do designer.
No editor, adicione o HTML para a variável Luma Loyalty Rewards – Gold Status público-alvo. Selecionar Validar.
Agora, revise o novo componente de HTML personalizado para ajuste e comportamento.
Editar um componente específico usando o Tipo de seletor de CSS modificação.
Adicionar código personalizado usando o Página <head> type modificação.
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:
-
Selecionar 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 estado
Luma Loyalty Rewards – Gold Statuspúblico-alvo para 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.
-
Selecionar Revisar para ativar.
-
Você será solicitado a confirmar os detalhes da campanha uma última vez. Selecionar 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 o Web dos relatórios campaign live e global 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 das 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 Adobe Experience Platform Debugger.
- Navegue até Resumo. Verifique se ID da sequência de dados corresponde ao sequência de dados in Coleta de dados Adobe para o qual você ativou 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.
- No prazo de Configuração guia, alternar em Habilitar Depuração. Isso permite o registro da sessão em um Adobe Experience Platform Assurance sessão.
- Faça logon no site com várias contas de fidelidade Luma e use o depurador para validar as solicitações enviadas para o Rede de borda Adobe Experience Platform. Todas essas solicitações devem ser capturadas no Assurance para rastreamento de log.