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 no Visão geral do encaminhamento de eventos.

Diagrama do SDK da Web e do encaminhamento de eventos

Para usar o encaminhamento de eventos na Adobe Experience Platform, os dados devem ser enviados para a Rede de borda 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 o Interface da coleção de dados

  2. Selecionar Encaminhamento de evento na navegação à esquerda

  3. Selecione Nova propriedade.
    Propriedades do encaminhamento de eventos

  4. Nomeie a propriedade. Nesse 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 Coleta de dados interface

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

  3. Selecione o criado anteriormente Luma Web SDK: Development Environment sequência de dados

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

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

  5. Selecionar Encaminhamento de evento como o Serviço

  6. No ID da propriedade selecione o nome que você deu à propriedade de encaminhamento de eventos, nesse caso, Server-Side - Web SDK Course

  7. No ID do ambiente selecione o ambiente de tag ao qual você está vinculando o ambiente de encaminhamento de eventos, nesse 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 em uma ID. A ID é fornecida quando você cria uma propriedade de encaminhamento de eventos.
  8. Selecione Salvar.

    Ativação da sequência de dados de 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 O é uma ferramenta de terceiros que permite inspecionar, testar e automatizar facilmente (com o construtor visual de Ações personalizadas 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 Configuração de tags etapas no pré-requisitos seção. 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 arc.event prefixo:
  • 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 o Configurar um esquema XDM lição.

TIP
Você também pode encontrar o caminho do objeto XDM usando as ferramentas de rede do navegador da Web, filtrando para /ee solicitações, abertura do sinal Carga e detalhando a 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 Encaminhamento de evento propriedade que você criou recentemente

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

  3. Selecione para Criar novo elemento de dados

    Novo elemento de dados do encaminhamento de eventos

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

  5. Em Extensão, sair CORE

  6. Em Tipo de elemento de dados, selecione Path

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

  8. Selecionar Salvar

    Caminho ECID para encaminhamento de eventos

  9. Criar outro elemento de dados

  10. Nome it ecid

  11. Em Extensão, sair CORE

  12. Em Tipo de elemento de dados, selecione Path

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

  14. Selecionar Salvar

    Caminho ECID para encaminhamento de eventos

    note caution
    CAUTION
    Certifique-se de incluir o arc.event. prefixo 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, abertura do sinal Carga e detalhando a 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 para locais de terceiros, primeiro instale o Adobe Cloud Connector extensão.

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

  2. Selecione o Catálogo guia

  3. Procure por Adobe Cloud Connector, selecione Instalar

    Caminho 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 & Condições:

    • Tags: 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 para o Platform Edge Network seja um acionador para encaminhar dados. Por conseguinte, não existem Eventos que devem ser selecionadas nas regras de encaminhamento de eventos. Para gerenciar quais eventos acionam uma regra de encaminhamento de eventos, você deve configurar condições.
  • Tokenização do elemento de dados:

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

    • Encaminhamento de eventos: os nomes dos elementos de dados são tokenizados com {{ no início e }} no final do nome do elemento de dados, quando usado 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, você usa isso como a 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. Voltar Coleta de dados > Encaminhamento de evento > Regras na navegação à esquerda

  6. Selecionar Criar nova regra

    Nova regra para encaminhamento de eventos

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

  8. Adicionar uma ação

  9. Em Extensão, selecione Adobe Cloud Connector

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

  11. Cole o URL do Webhook no URL campo

    Copiar URL do Webhook

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

  13. No Chave tipo de coluna em viewPortHeight. No Valor , insira o {{environment.browserDetails.viewportHeight}} elemento de dados ao digitá-lo ou selecioná-lo no ícone seletor de elemento de dados

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

  15. No Chave tipo de coluna em ecid. Na coluna Valor, insira a variável {{ecid}} elemento de dados

  16. Selecionar Manter alterações

    Adicionar parâmetro de consulta

  17. Sua regra deve parecer com abaixo

  18. Selecionar 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 tags no Site de demonstração da Luma à propriedade de tag 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 o Edge e selecione Conectar para ver as solicitações do Platform Edge Network

    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 sendo enviado pela rede de borda

    Depurador de encaminhamento de eventos

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

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

  8. Eles correspondem aos dados vistos no objeto XDM

    Dados correspondentes do encaminhamento de eventos

  9. Por último, valide as correspondências de dados no Webhook.site e também visualizando a janela aberta do Webhook

    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 feedback geral ou tiver sugestões sobre conteúdo futuro, compartilhe-as nesta Publicação de discussão da comunidade do Experience League
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4