Push da Web no Adobe Journey Optimizer

As notificações por push da Web são uma maneira avançada de reengajar os usuários em tempo real, e este tutorial o orienta a implementá-las usando o Adobe Journey Optimizer (AJO). Você começará usando o Web SDK para capturar as preferências de aceitação do usuário para notificações por push, garantindo uma experiência de assinatura contínua e em conformidade. Em seguida, você criará uma campanha para enviar notificações por push aos usuários que aceitaram, permitindo o engajamento com base no público-alvo. Por fim, você aprenderá a usar as tags do AEP para acionar um evento personalizado de queda de preço, que inicia uma jornada no AJO e fornece notificações por push personalizadas e oportunas com base no comportamento do usuário em tempo real.

Exemplo de página da Web para permitir que os usuários aceitem notificações

habilitar-notificações

Exemplo de página da Web para acionar o evento de queda de preço

acionar queda de preço

Pré-requisitos

Este tutorial foi projetado para ser prático e fácil de seguir. Embora não seja necessária uma especialização profunda, será útil ter uma familiaridade básica com os seguintes conceitos:

  • Adobe Journey Optimizer (criação de jornadas ou campanhas)
  • Coleção de dados do AEP (tags) e a Web SDK
  • Conceitos básicos do Adobe Experience Platform, como esquemas e eventos
  • Alguns conceitos gerais de desenvolvimento para JavaScript e Web
  • Conhecimento básico do Node.js (para gerar chaves VAPID e servir um terminal de configuração simples)

Se você é novo em qualquer uma dessas áreas, não se preocupe. O tutorial guiará você pelas etapas principais ao longo do caminho.
Este tutorial tem como foco a implementação de um caso de uso de notificação por push da Web completo. Portanto, se você tiver conhecimento prático das ferramentas e dos conceitos acima, poderá acompanhá-lo de maneira eficaz.

🔔 Habilitar Notificações do Navegador

Se as notificações estiverem bloqueadas ou não aparecerem, talvez seja necessário ativá-las nas configurações do navegador. Consulte as guias abaixo:

Aplicativo de amostra

Para ajudá-lo a seguir, um aplicativo de amostra completo está disponível.

Você pode explorar a demonstração ao vivo para ver o fluxo em ação ou clonar o repositório para executar o projeto localmente.

recommendation-more-help
journey-optimizer-learn-help-ajo-web-push