Uso de práticas recomendadas em páginas SPA ao enviar dados para o AAM

Neste documento, descreveremos várias práticas recomendadas que você deve seguir e estar ciente ao enviar dados de Single Page Applications (SPA) para o Adobe Audience Manager (AAM). Este documento se concentra em usar Experience Platform Launch, que é o método de implementação recomendado.

Observações iniciais

  • Os itens abaixo presumirão que você está usando Platform Launch para implementar o em seu site. As considerações ainda existiriam se você não estivesse usando Platform Launch, mas precisaria adaptá-las ao seu método de implementação.
  • Todos os SPAs são diferentes, portanto, talvez seja necessário ajustar alguns dos itens a seguir para melhor atender às suas necessidades, mas queremos compartilhar algumas práticas recomendadas com você; coisas que você precisa pensar ao enviar dados de páginas do SPA para o Audience Manager.

Diagrama simples de como trabalhar com SPAs e AAM no Experience Platform Launch

spa para aam em  launch

OBSERVAÇÃO

Conforme dito, este é um diagrama simplificado de como as páginas de SPA são tratadas em uma implementação do Adobe Audience Manager (sem o Adobe Analytics) usando Platform Launch. Como você pode ver, é bastante direto, com a grande decisão sendo como você vai comunicar uma mudança de exibição (ou uma ação) para Platform Launch.

Acionando Launch da página SPA

Dois dos métodos mais comuns para acionar uma regra em Platform Launch (e, portanto, enviar dados para o Audience Manager) são:

  • Definir eventos personalizados do JavaScript (consulte o exemplo HERE com o Adobe Analytics)
  • Usar um Direct Call Rule

Neste exemplo do Audience Manager, vamos usar um Direct Call rule em Launch para acionar a ocorrência que entra no Audience Manager. Como você verá nas próximas seções, isso se torna útil ao configurar o Data Layer para um novo valor, para que ele possa ser selecionado pelo Data Element em Platform Launch.

Página de demonstração

Criamos uma pequena página de demonstração que demonstra a alteração de um valor no data layer e o envio para o AAM, como você pode fazer em uma página SPA. Essa funcionalidade pode ser modelada para alterações mais elaboradas necessárias. Você pode encontrar esta página de demonstração HERE.

A definição da variável data layer

Conforme mencionado, quando o novo conteúdo é carregado na página ou quando alguém executa uma ação no site, o data layer precisa ser definido dinamicamente no cabeçalho da página ANTES que Launch seja chamado e execute o rules, para que Platform Launch possa escolher os novos valores do data layer e enviá-los para o Audience Manager.

Caso vá para o site de demonstração listado acima e veja a fonte da página, você verá:

  • O data layer está no cabeçalho da página, antes da chamada para Platform Launch
  • O JavaScript no link SPA simulado altera o Data Layer e ENTÃO chama Platform Launch (a chamada _satellite.track() ). Se você estava usando eventos personalizados JavaScript em vez deste Direct Call Rule, a lição é a mesma. Primeiro, altere o data layer e depois chame Launch.

Recursos adicionais

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now