Alternar ambientes de tag com o Experience Cloud Debugger

Nesta lição, você usará a extensão do Adobe Experience Platform Debugger para substituir a propriedade de tag codificada no site de demonstração Luma com sua própria propriedade.

Essa técnica é chamada de alternação de ambiente e será útil posteriormente, ao trabalhar com tags em seu próprio site. Você poderá carregar seu site de produção em seu navegador, mas com seu ambiente de tag de desenvolvimento. Isso permite fazer e validar de forma segura as alterações nas tags independentemente das suas versões de código normais. Afinal, essa separação das versões de tag de marketing das versões regulares de código é um dos principais motivos pelos quais os clientes usam tags!

NOTE
O Adobe Experience Platform Launch está sendo integrado à Adobe Experience Platform como um conjunto de tecnologias de coleção de dados. Várias alterações de terminologia foram implementadas na interface do que você deve estar ciente ao usar esse conteúdo:
  • O Platform Launch (lado do cliente) agora é tags
  • O Platform Launch Server Side agora é event forwarding
  • As configurações do Edge agora são datastreams

Objetivos de aprendizagem

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

  • Usar o Debugger para carregar um ambiente de tag alternativo
  • Usar o Debugger para validar que você carregou um ambiente de tag alternativo

Obter o URL do seu ambiente de desenvolvimento

  1. Na propriedade da tag, abra a página Environments

  2. Na linha Desenvolvimento, clique no ícone Instalar ícone Instalar para abrir a modal

  3. Clique no ícone Copiar para copiar o código incorporado na área de transferência

  4. Clique em Fechar para fechar a modal

    Ícone Instalar

Substitua o URL da tag no site de demonstração Luma

  1. Abra o site de demonstração Luma no navegador Chrome

  2. Abra a Extensão do depurador do Experience Platform clicando no ícone Ícone do depurador

    Clique no ícone Depurador

  3. Observe que a propriedade de tag implementada no momento é mostrada na guia Resumo

    ambiente de tag mostrado no Depurador

  4. Acesse a guia Ferramentas

  5. Role até a seção Substituir código incorporado do Launch

  6. Verifique se a guia Chrome com o site Luma está em foco atrás do Debugger (não a guia com este tutorial ou a guia com a interface da Coleção de dados). Cole o código incorporado que está na área de transferência no campo de entrada

  7. Ative o recurso "Aplicar em luma.enablementadobe.com" para que todas as páginas do site Luma mapeiem para a propriedade de tag

  8. Clique no botão Salvar

    ambiente de tag mostrado no Depurador

  9. Recarregue o site Luma e verifique a guia Resumo do Debugger. Na seção Launch, você deve ver que sua propriedade de desenvolvimento está sendo usada. Confirme se o nome da propriedade corresponde ao nome da sua e se “desenvolvimento” está escrito no ambiente.

    ambiente de tag mostrado no Depurador

NOTE
O Debugger salvará essa configuração e substituirá os códigos incorporados da tag sempre que você voltar ao site Luma. Isso não afeta outros sites que você visitar em outras guias abertas. Para interromper a substituição do código incorporado por parte do Debugger, clique no botão Remover ao lado do código incorporado na guia Ferramentas do Debugger.

À medida que você prossegue no tutorial, usará essa técnica de mapear o site Luma para sua própria propriedade de tag para validar sua implementação de tag. Ao começar a usar tags no site de produção, você pode usar essa mesma técnica para validar as alterações.

Próximo: "Adicionar o serviço de identidade da Adobe Experience Platform" >

recommendation-more-help
45774420-d03e-4a6b-94b5-cd639ae825b2