Configurar o encaminhamento de eventos com dados do SDK da Web da plataforma

Saiba como usar o encaminhamento de eventos com dados do SDK da web da Adobe Experience Platform.

O encaminhamento de eventos é um novo tipo de propriedade disponível em Coleção de dados. O encaminhamento de eventos oferece a capacidade de enviar dados para fornecedores de terceiros que não sejam de Adobe diretamente do Edge Network Adobe Experience Platform, em vez do navegador tradicional do lado do cliente. Saiba mais sobre as vantagens do encaminhamento de eventos na visão geral do encaminhamento de eventos.

SDK da Web e diagrama de encaminhamento de eventos

Para usar o encaminhamento de eventos no Adobe Experience Platform, os dados devem ser enviados para o Edge Network da Adobe Experience Platform primeiro usando uma ou mais das três opções a seguir:

NOTE
O SDK da Web da Platform e o SDK móvel da Platform não exigem implantação por meio de tags. No entanto, é recomendado usar tags para implantar esses SDKs.

Depois de concluir as lições anteriores neste tutorial, você deve enviar dados para o Platform Edge Network usando o SDK da Web. Quando os dados estiverem no Platform Edge Network, você poderá ativar o encaminhamento de eventos e usar uma propriedade de encaminhamento de eventos para enviar dados a soluções que não sejam Adobe.

Objetivos de aprendizagem

Neste final desta lição, você poderá:

  • Criar uma propriedade de encaminhamento de eventos
  • Vincular uma propriedade de encaminhamento de eventos a uma sequência de dados do SDK da Web da plataforma
  • Entender as diferenças entre as regras e os elementos de dados da propriedade de tag e as regras e os elementos de dados da propriedade de encaminhamento de eventos
  • Criar um elemento de dados de encaminhamento de eventos
  • Configurar uma regra de encaminhamento de eventos
  • Validar se uma propriedade de encaminhamento de eventos está enviando dados com êxito

Pré-requisitos

Criar uma propriedade de encaminhamento de eventos

Comece criando uma propriedade de encaminhamento de eventos:

  1. Abra a interface da Coleção de Dados

  2. Selecione Encaminhamento de eventos na navegação à esquerda

  3. Selecione Nova propriedade.
    Propriedades do encaminhamento de eventos

  4. Nomeie a propriedade. Neste caso, Server-Side - Web SDK Course

  5. Selecione Salvar.
    salvar propriedade de encaminhamento de eventos

Configurar o fluxo de dados

Para que o encaminhamento de eventos use os dados enviados para o Edge Network da plataforma, é necessário vincular a propriedade de encaminhamento de eventos recém-criada ao mesmo fluxo de dados usado para enviar dados para as soluções da Adobe.

Para configurar o Target na sequência de dados:

  1. Ir para a interface Coleção de Dados

  2. Na navegação à esquerda, selecione Datastreams

  3. Selecionar a sequência de dados Luma Web SDK: Development Environment criada anteriormente

    Selecione a sequência de dados do SDK da Web Luma

  4. Selecione Adicionar Serviço
    Adicionar um serviço à sequência de dados

  5. Selecione Encaminhamento de Eventos como o Serviço

  6. Na lista suspensa ID de Propriedade, selecione o nome atribuído à propriedade de encaminhamento de eventos, neste caso Server-Side - Web SDK Course

  7. Na lista suspensa ID de Ambiente, selecione o ambiente de marcas ao qual você está vinculando o ambiente de encaminhamento de eventos, neste caso Development

    note tip
    TIP
    Para enviar dados a um ambiente de encaminhamento de eventos fora da organização do Adobe, selecione Inserir IDs manualmente e cole uma ID. A ID é fornecida quando você cria uma propriedade de encaminhamento de eventos.
  8. Selecione Salvar.

    Habilitação de Sequência de Dados para Encaminhamento de Eventos

Repita essas etapas para fluxos de dados de preparo e produção quando estiver pronto para promover as alterações por meio do fluxo de publicação.

Encaminhar dados do Edge Network da plataforma para uma solução não-Adobe

Neste exercício, você aprenderá a configurar um elemento de dados de encaminhamento de eventos, configurar uma regra de encaminhamento de eventos e validar o usando uma ferramenta de terceiros chamada Webhook.site.

NOTE
Um webhook é uma maneira de integrar sistemas diferentes em tempo semirreal. Webhook.site é uma ferramenta de terceiros que permite inspecionar, testar e automatizar facilmente (com o construtor de Ações Personalizadas visuais ou WebhookScript) qualquer solicitação HTTP ou email de entrada.
IMPORTANT
Você já deve ter criado e mapeado elementos de dados para um objeto XDM, bem como configurado regras de tags e criado essas alterações em uma biblioteca para um ambiente de tags para continuar. Caso contrário, consulte as etapas da Configuração de tags na seção pré-requisitos. Essas etapas garantem que os dados sejam enviados para o Edge Network da plataforma e, a partir daí, você pode configurar uma propriedade de encaminhamento de eventos para encaminhar dados a uma solução que não seja de Adobe.

Criar um elemento de dados de encaminhamento de eventos

O objeto XDM configurado anteriormente usando a extensão de tag do SDK da Web da Platform se torna a fonte de dados dos elementos de dados em uma propriedade de encaminhamento de eventos. Você usa os mesmos dados que já configurou na propriedade de tag como uma fonte de dados para o encaminhamento de eventos.

IMPORTANT
Há uma diferença importante na sintaxe ao referenciar campos XDM no encaminhamento de eventos em comparação a outros contextos. Para referenciar dados em uma propriedade de encaminhamento de eventos, o caminho do elemento de dados deve incluir o prefixo arc.event:
  • arc significa Contexto de resposta da Adobe.
  • Por exemplo: arc.event.xdm.web.webPageDetails.URL
Se esse caminho for especificado incorretamente, os dados não serão coletados.

Neste exercício, você encaminhará a altura da janela de visualização do navegador e a ID do Experience Cloud do objeto XDM para um webhook. O caminho do campo XDM é determinado pelo esquema XDM criado durante a lição Configurar um esquema XDM.

TIP
Você também pode encontrar o caminho do objeto XDM usando as ferramentas de rede do navegador da Web, filtrando solicitações de /ee, abrindo o sinal Carga e aprofundando na variável que você está procurando. Em seguida, clique com o botão direito do mouse e selecione "Copiar caminho da propriedade". Veja um exemplo de Altura da janela de visualização do navegador:
Caminho XDM do encaminhamento de eventos
  1. Vá para a propriedade Encaminhamento de Eventos criada recentemente

  2. Na navegação à esquerda, selecione Elementos de Dados

  3. Selecione para Criar novo elemento de dados

    Novo Elemento de Dados para Encaminhamento de Eventos

  4. Nomeie o elemento de dados environment.browserDetails.viewportHeight

  5. Em Extensão, saia de CORE

  6. Em Tipo de Elemento de Dados, selecione Path

  7. Digite o caminho do Objeto XDM que contém a Altura da Porta de Visualização de Navegador arc.event.xdm.environment.browserDetails.viewportHeight

  8. Selecione Salvar

    Caminho da ECID para encaminhamento de eventos

  9. Criar outro elemento de dados

  10. Nomeie ecid

  11. Em Extensão, saia de CORE

  12. Em Tipo de Elemento de Dados, selecione Path

  13. Digite o caminho do objeto XDM que contém a ID de Experience Cloud arc.event.xdm.identityMap.ECID.0.id

  14. Selecione Salvar

    Caminho da ECID para encaminhamento de eventos

    note caution
    CAUTION
    Certifique-se de incluir o prefixo arc.event. no caminho. Além disso, siga o caso exato como o nome do campo Objeto XDM — o namespace da ECID deve estar em maiúsculas.
    note tip
    TIP
    Ao trabalhar com seu próprio site, você pode encontrar o caminho do objeto XDM com as ferramentas de rede do navegador da Web, filtrando por /ee solicitações, abrindo o sinal Carga e aprofundando na variável que você está procurando. Em seguida, clique com o botão direito do mouse e selecione "Copiar caminho da propriedade". Veja um exemplo de Altura da janela de visualização do navegador:
    Caminho XDM do encaminhamento de eventos

Instalar a extensão Adobe Cloud Connector

Para enviar dados a locais de terceiros, instale primeiro a extensão Adobe Cloud Connector.

  1. Selecione Extensões na navegação à esquerda

  2. Selecione a guia Catálogo

  3. Procure o Conector de nuvem do Adobe, selecione Instalar

    Caminho da ECID para encaminhamento de eventos

Não há configuração de extensão necessária. Com essa extensão, agora é possível encaminhar dados para uma solução não Adobe!

Criar uma regra de encaminhamento de eventos

Há algumas diferenças principais entre a configuração de regras em uma propriedade de tag e uma regra em uma propriedade de encaminhamento de eventos:

  • Eventos e Condições:

    • Marcas: todas as regras são acionadas por um Evento que deve ser especificado na regra, por exemplo, Library Loaded - Page Top. As condições são opcionais.
    • Encaminhamento de eventos: presume-se que cada evento enviado ao Platform Edge Network seja um acionador para encaminhar dados. Portanto, não há Eventos que devam ser selecionados nas regras de encaminhamento de eventos. Para gerenciar quais eventos acionam uma regra de encaminhamento de eventos, você deve configurar condições.
  • Tokenização de elemento de dados:

    • Marcas: os nomes de elementos de dados são tokenizados com um % no início e no fim do nome do elemento de dados quando usados em uma regra. Por exemplo, %viewportHeight%.

    • Encaminhamento de eventos: os nomes dos elementos de dados são tokenizados com {{ no início e }} no fim do nome do elemento de dados quando usados em uma regra. Por exemplo, {{viewportHeight}}.

  • Sequência de ações de regra:

    • A seção Ações de uma regra de encaminhamento de eventos é sempre executada sequencialmente. Verifique se a ordem das ações está correta ao salvar uma regra. Essa sequência de execução não pode ser executada de forma assíncrona como com tags.

Para configurar uma regra para encaminhar dados para o seu webhook, primeiro obtenha o webhook pessoal:

  1. Ir para Webhook.site

  2. Localizar Seu URL exclusivo. Use-o como solicitação de URL em sua regra de encaminhamento de eventos

  3. Selecionar Copiar para a área de transferência

  4. Deixe essa janela aberta, pois você poderá validar os dados do encaminhamento de eventos em tempo real que estão sendo capturados pelo Webhook

    Copiar URL do Webhook

  5. Retorne Coleção de dados > Encaminhamento de eventos > Regras da navegação à esquerda

  6. Selecione Criar nova regra

    Nova regra de encaminhamento de eventos

  7. Nomeie como all events - ad cloud connector - webhook

  8. Adicionar uma ação

  9. Em Extension, selecione Adobe Cloud Connector

  10. Em Tipo de ação, selecione Fazer chamada de busca

  11. Cole a URL do seu Webhook no campo URL

    Copiar URL do Webhook

  12. Em [Parâmetros de consulta], você adicionará ambos os elementos de dados criados anteriormente.

  13. No tipo de coluna Chave em viewPortHeight. Na coluna Value, insira o elemento de dados {{environment.browserDetails.viewportHeight}}, digitando-o ou selecionando-o no ícone seletor de elemento de dados

  14. Selecione + Adicionar Outro para adicionar outro parâmetro de consulta

  15. No tipo de coluna Chave em ecid. Na coluna Value, insira o elemento de dados {{ecid}}

  16. Selecione Manter alterações

    Adicionar parâmetro de consulta

  17. Sua regra deve parecer com abaixo

  18. Selecione Salvar

    Salvar regra de encaminhamento de eventos

Criar a biblioteca

Crie uma biblioteca e crie todas as alterações no ambiente de desenvolvimento do encaminhamento de eventos, como você faria normalmente em uma propriedade de tag.

NOTE
Se não tiver vinculado as propriedades de encaminhamento de eventos de Preparo e Produção à sequência de dados, você verá o ambiente de desenvolvimento como a única opção para criar uma biblioteca no.

Salvar regra de encaminhamento de eventos

Validar regra de encaminhamento de eventos

Agora você pode validar sua propriedade de encaminhamento de eventos usando o Platform Debugger e o Webhook.site:

  1. Siga as etapas para alternar a biblioteca de marcas no site de demonstração da Luma para a propriedade de marca do SDK da Web para a qual você mapeou sua propriedade de encaminhamento de eventos na sequência de dados.

  2. Antes de recarregar a página, no Experience Platform Debugger, abra Logs na navegação à esquerda

  3. Selecione a guia Edge e Connect para exibir as solicitações de Edge Network da plataforma

    Sessão de rede de borda do encaminhamento de eventos

  4. Recarregar a página

  5. Você verá solicitações adicionais que dão visibilidade das solicitações do lado do servidor enviadas pelo Edge Network da plataforma para o WebHook

  6. A solicitação para focalizar a validação é aquela que mostra o URL totalmente construído que está sendo enviado pela rede Edge

    Depurador de encaminhamento de eventos

  7. Observe os parâmetros de cadeia de caracteres de consulta viewPortHeight e ecid

    Cadeias de consulta de validação do encaminhamento de eventos

  8. Eles correspondem aos dados vistos no objeto XDM

    Dados correspondentes ao encaminhamento de eventos

  9. Por fim, valide as correspondências de dados no Webhook.site e exiba a janela do Webhook aberta

    Dados do site do webhook de encaminhamento de eventos

Parabéns! Você configurou o encaminhamento de eventos!

Próximo:

NOTE
Obrigado por investir seu tempo aprendendo sobre o Adobe Experience Platform Web SDK. Se você tiver dúvidas, quiser compartilhar comentários gerais ou tiver sugestões sobre conteúdo futuro, compartilhe-as nesta postagem de Discussão da Comunidade Experience League
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4