Alternar ambientes de tag com o Experience Cloud Debugger

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

Essa técnica é chamada de alternância de ambiente e será útil posteriormente, ao trabalhar com tags em seu próprio site. Você poderá carregar seu site em produção em seu navegador, mas com seu desenvolvimento ambiente de tags. 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 de suas versões de código normais é um dos principais motivos pelos quais os clientes usam tags!

OBSERVAÇÃO

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 de que você deve estar ciente ao usar este conteúdo:

  • O Platform launch (lado do cliente) agora está tags
  • Agora o lado do servidor do Platform launch event forwarding
  • As configurações de borda agora são datastreams

Objetivos de aprendizagem

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

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

Obter o URL do seu ambiente de desenvolvimento

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

  2. Na linha Desenvolvimento, clique no í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 Experience Cloud Debugger clicando no ícone Depurador

    Clique no ícone Depurador

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

    ambiente de tags mostrado no Debugger

  4. Acesse a guia Ferramentas

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

  6. Verifique se a guia do 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 Coleta 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 da tag

  8. Clique no botão Salvar

    ambiente de tags mostrado no Debugger

  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 tags mostrado no Debugger

OBSERVAÇÃO

O Debugger salvará essa configuração e substituirá os códigos de inserção 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 a implementação de tags. Ao começar a usar tags no site em 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" >

Nesta página