1.4 Coleta de dados da Web do lado do cliente

1.4.1 Validar os dados na solicitação

Instalar o Adobe Experience Platform Debugger

O Experience Platform Debugger é uma extensão disponível para navegadores Chrome e Firefox, que ajuda a visualizar a tecnologia Adobe implementada em suas páginas da Web. Baixe a versão do seu navegador preferido:

Se você nunca usou o Debugger antes - e este é diferente do Adobe Experience Cloud Debugger anterior - talvez você queira assistir a este vídeo de visão geral de cinco minutos:

Como você estará carregando o site de demonstração no modo incógnito, é necessário garantir que o Experience Platform Debugger também esteja disponível no modo incógnito. Para fazer isso, acesse chrome://extensions no navegador e abra a extensão do Experience Platform Debugger.

Verifique se essas 2 configurações estão ativadas:

  • Modo de desenvolvedor
  • Permitir no incógnito

Página inicial do EXP News

Abra o site de demonstração

Ir para https://builder.adobedemo.com/projects. Depois de fazer logon com sua Adobe ID, você verá isso. Clique no projeto do seu site para abri-lo.

DSN

No Telas página, clique em Executar.

DSN

Você verá seu site de demonstração aberto. Selecione o URL e copie-o para a área de transferência.

DSN

Abra uma nova janela incógnita do navegador.

DSN

Cole o URL do site de demonstração, que você copiou na etapa anterior. Em seguida, você será solicitado a fazer logon usando sua Adobe ID.

DSN

Selecione o tipo de conta e conclua o processo de logon.

DSN

Você verá seu site carregado em uma janela incógnita do navegador. Para cada demonstração, você precisará usar uma nova janela incógnita do navegador para carregar o URL do site de demonstração.

DSN

Use o Experience Platform Debugger para ver as chamadas que vão para o Edge

Certifique-se de que o site de demonstração está aberto e clique no ícone de extensão do Experience Platform Debugger.

Página inicial do EXP News

O Debugger abrirá e mostrará os detalhes da implementação criada na Propriedade de coleta de dados da Adobe Experience Platform. Lembre-se de que você está depurando a Extensão e as regras que acabou de editar.

Clique no botão Fazer logon na parte superior direita para autenticar. Se já tiver uma guia do navegador aberta com a interface da Coleta de dados da Adobe Experience Platform, a etapa de autenticação será automática e você não precisará digitar seu nome de usuário e senha novamente.

Depurador AEP

Pressione o botão de recarregamento no site de demonstração para conectar o depurador à guia específica.

Depurador AEP

Confirme se o Debugger está Ligado ao Início como mostrado acima e clique no botão bloqueio ícone para bloquear o Debugger no site da demonstração. Se você não fizer isso, o Debugger continuará alternando para expor os detalhes de implementação de qualquer guia do navegador em foco, o que pode ser confuso.

Depurador AEP

Em seguida, vá para qualquer página no site de demonstração como, por exemplo, a variável Homens página da categoria.

Extensão AEP Debugger AEP Web SDK

Em seguida, clique em Experience Platform Web SDK na navegação à esquerda, para ver a variável Solicitações de rede.

Cada solicitação contém um events linha.

Extensão AEP Debugger AEP Web SDK

Clique para abrir o events linha. Observe como é possível visualizar a variável web.webpagedetails.pageViews assim como outras variáveis prontas para uso que seguem o Web SDK ExperienceEvent XDM formato.

Valor de eventos

Esses tipos de detalhes da solicitação também estão visíveis na guia Rede. Filtrar solicitações com interagir para localizar as solicitações enviadas pelo SDK da Web. Você pode encontrar todos os detalhes da carga XDM nos Cabeçalhos de carga da solicitação:

Guia Rede

Próxima etapa: 1.5 Implementar o Adobe Analytics e o Adobe Audience Manager

Voltar ao Módulo 1

Voltar para todos os módulos

Nesta página