Visão geral

Implementar o Experience Cloud em sites com tags O é o ponto de partida perfeito para desenvolvedores front-end ou profissionais de marketing técnico que desejam aprender como implementar as soluções da Adobe Experience Cloud em seu site.

Cada lição contém exercícios práticos e informações essenciais para ajudar você a implementar a Experience Cloud e compreender seu valor. Os sites de demonstração são fornecidos para que você complete o tutorial e possa aprender as técnicas subjacentes em um ambiente seguro. Após concluir este tutorial, você deve estar pronto para começar a implementar todas as suas soluções de marketing por meio de tags em seu próprio site.

INFORMAÇÕES

Este tutorial usa extensões e bibliotecas específicas do aplicativo (AppMeasurement.js para Adobe Analytics, at.js para Adobe Target). Se você deseja implementar o SDK da Web da Adobe Experience Platform, consulte o Implementar o Adobe Experience Cloud com o SDK da Web tutorial.

Depois de concluir este, você poderá:

  • Criar uma propriedade de tag

  • Instalar uma propriedade de tag em um site

  • Adicione as seguintes soluções da Adobe Experience Cloud:

  • Crie regras e elementos de dados para enviar dados para as soluções da Adobe

  • Valide a implementação usando o Adobe Experience Cloud Debugger

  • Publicar alterações por meio de ambientes de desenvolvimento, de armazenamento temporário e de produção

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
OBSERVAÇÃO

Tutoriais de várias soluções semelhantes também estão disponíveis para Web SDK e SDK móvel.

Pré-requisitos

Nessas lições, presume-se que você tenha uma Adobe ID e as permissões necessárias para concluir os exercícios. Caso contrário, pode ser necessário entrar em contato com o administrador da Experience Cloud para solicitar acesso.

  • Para tags, você deve ter permissão para desenvolver, aprovar, publicar, gerenciar extensões e gerenciar ambientes. Para obter mais informações sobre permissões de tag de usuário, consulte a documentação.
  • No Adobe Analytics, você deve conhecer o servidor de rastreamento e quais conjuntos de relatórios você usará para concluir este tutorial
  • Para o Audience Manager, você deve conhecer seu Subdomínio Audience Manager (também conhecido como "Nome do parceiro", "ID do parceiro" ou "Subdomínio do parceiro")

Além disso, pressupõe-se que você esteja familiarizado com linguagens de desenvolvimento front-end como HTML e JavaScript. Não é necessário ser um especialista nesses idiomas para concluir as lições, mas você extrairá mais delas se ler e entender o código confortavelmente.

Sobre tags

O recurso de tags do Adobe Experience Platform é a próxima geração de recursos de gerenciamento de tags de site e de SDKs móveis do Adobe. As tags oferecem aos clientes uma forma simples de implantar e gerenciar todas as soluções de análise, marketing e anúncios necessárias para potencializar experiências de cliente relevantes. Não há custo adicional para Tags. Ele está disponível para qualquer cliente da Adobe Experience Cloud.

As tags de sites permitem que você gerencie centralmente todas as soluções JavaScript relacionadas a análises, marketing e publicidade usadas em seu desktop e sites móveis. Por exemplo, se você implantar o Adobe Analytics, as tags gerenciarão a biblioteca JavaScript do AppMeasurement, preencherão variáveis e acionarão solicitações.

O conteúdo do container é minimizado, incluindo o código personalizado. Tudo é modular. Se você não precisar de um item, ele não será incluído na biblioteca. O resultado é uma implementação rápida e compacta.

Tags também é uma plataforma que permite que fornecedores de terceiros criem extensões para facilitar a implantação de suas soluções por meio de tags. Uma extensão é um pacote de código (JavaScript, HTML e CSS) que estende a interface das tags e a funcionalidade do cliente. Pense nas tags como um sistema operacional e nas extensões como os aplicativos usados para realizar as tarefas.

Sobre as lições

Nessas lições, você implementará a Adobe Experience Cloud em um site de varejo falso chamado Luma. O site Luma tem uma camada de dados avançada e uma funcionalidade que permitirá a criação de uma implementação realista. Você criará sua própria propriedade de tag, em sua própria organização do Experience Cloud, e a mapeará para nosso site hospedado do Luma usando o Experience Cloud Debugger.

Site Luma.

Obter as ferramentas

  1. Como você estará usando algumas extensões específicas do navegador, recomendamos concluir o tutorial usando o navegador web Chrome
  2. Adicione a extensão Adobe Experience Cloud Debugger ao navegador Chrome.
  3. Baixe a página de exemplo html (clique com o botão direito do mouse neste link e clique em "Salvar link como")
  4. Obtenha um editor de texto no qual é possível fazer alterações na página html de exemplo. (Se você não tiver um, recomendamos experimentar o Brackets)
  5. Marcar o site Luma
OBSERVAÇÃO

Você pode achar mais fácil concluir este tutorial com o site Luma aberto no Chrome, ao ler este tutorial e concluir as etapas da interface da Coleta de dados em um navegador diferente.

Vamos começar!

Próximo: "Criar uma propriedade de tag" >

Nesta página