[Integração]{class="badge positive"}
Uso de tags pela Adobe Developer Console
[AEM Sites 6.5]{class="badge informative"}
Pré-requisitos
-
Instância de autoria e publicação do AEM em execução nas portas localhost 4502 e 4503, respectivamente
-
Experience Cloud
-
Acesso à Adobe Experience Cloud de suas organizações -
https://<yourcompany>.experiencecloud.adobe.com -
Provisionamento de Experience Cloud com as seguintes soluções
note note NOTE Você deve ter permissão para desenvolver, aprovar, Publish, gerenciar extensões e gerenciar ambientes na coleção de dados. Se você não conseguir concluir nenhuma dessas etapas porque as opções da interface do usuário não estão disponíveis para você, entre em contato com o administrador do Experience Cloud para solicitar acesso. Para obter mais informações sobre permissões de marcas, consulte a documentação.
-
-
Extensões do navegador Chrome
- Adobe Experience Cloud Debugger (https://chrome.google.com/webstore/detail/adobe-experience-platform/bfnnokhpnncpkdmbokanobigaccjkpob)
Usuários envolvidos
Para essa integração, os seguintes públicos-alvo devem ser envolvidos e, para executar algumas tarefas, talvez seja necessário acesso administrativo.
- Desenvolvedor
- Administrador do AEM
- Administrador do Experience Cloud
Introdução
O AEM oferece uma integração imediata com tags. Essa integração permite que os administradores do AEM configurem tags facilmente por meio de uma interface fácil de usar, reduzindo assim o nível de esforço e o número de erros ao configurar essas duas ferramentas. E apenas adicionar a extensão Adobe Target às tags nos ajudará a usar todos os recursos do Adobe Target nas páginas da Web do AEM.
Nesta seção, abordaremos as seguintes etapas de integração:
-
Tags
- Criar uma propriedade de tags
- Adicionar extensão do Target
- Criar um elemento de dados
- Criar uma regra de página
- Configurar ambientes
- Criar e publicar
-
AEM
- Criar um Cloud Service
- Criar
Tags
Criar uma propriedade de tags
Uma propriedade do é um container que você preenche com extensões, regras, elementos de dados e bibliotecas à medida que implanta tags no site.
- Navegue até sua organização Adobe Experience Cloud (
https://<yourcompany>.experiencecloud.adobe.com) - Faça logon usando sua Adobe ID e verifique se você está na organização correta.
- No alternador de soluções, clique em Experience Platform, na seção Coleção de dados e selecione Marcas.
-
Verifique se você está na organização correta e continue com a criação de uma propriedade de tags.
Para obter mais informações sobre como criar propriedades, consulte Criar uma Propriedade na documentação do produto.
-
Clique no botão Nova propriedade
-
Forneça um nome para a propriedade (Por exemplo, Tutorial do AEM Target)
-
Como domínio, digite localhost.com, pois este é o domínio no qual o site de demonstração do WKND está sendo executado. Embora o campo 'Domínio' seja obrigatório, a propriedade de marcas funcionará em qualquer domínio que for implementada. O objetivo principal desse campo é preencher previamente as opções de menu no Construtor de regras.
-
Clique no botão Salvar.
-
Abra a propriedade que você acabou de criar e clique na guia Extensões.
Adicionar extensão do Target
A extensão do Adobe Target oferece suporte a implementações do lado do cliente usando o SDK JavaScript do Target para a Web moderna, at.js. Os clientes que ainda usam a biblioteca mais antiga do Target, mbox.js, devem atualizar para at.js para usar tags.
A extensão do Target consiste em duas partes principais:
-
A configuração da extensão, que gerencia as principais configurações da biblioteca
-
Ações de regras para fazer o seguinte:
- Carregar Target (at.js)
- Adicionar params a todas as mBoxes
- Adicionar params à mBox global
- Acionar mBox global
-
Em Extensões, você pode ver a lista de Extensões já instaladas para sua propriedade de marcas. (A Extensão Principal do Adobe Launch é instalada por padrão)
-
Clique na opção Catálogo de Extensão e procure pelo Target no filtro.
-
Selecione a versão mais recente da at.js do Adobe Target e clique na opção Instalar.
-
Clique no botão Configurar e você poderá observar a janela de configuração com suas credenciais de conta do Target importadas e a versão da at.js para essa extensão.
Quando o Target é implantado por meio de códigos incorporados de tags assíncronas, você deve codificar um trecho pré-ocultado em suas páginas antes dos códigos incorporados das tags para gerenciar a oscilação de conteúdo. Mais tarde, aprenderemos mais sobre o snipper que está pré-ocultando. Você pode baixar o trecho oculto previamente aqui
-
Clique em Salvar para concluir a adição da extensão de Destino à propriedade de marcas e agora você poderá ver a extensão de Destino listada na lista de extensões Instaladas.
-
Repita as etapas acima para procurar a extensão "Experience Cloud ID Service" e instale-a.
Configurar ambientes
- Clique na guia Ambiente da propriedade do site e você poderá ver a lista de ambientes criada para a propriedade do site. Por padrão, temos uma instância criada para desenvolvimento, preparo e produção.
Criar e publicar
-
Clique na guia Publicação da propriedade do site e vamos criar uma biblioteca para criar e implantar nossas alterações (elementos de dados, regras) em um ambiente de desenvolvimento.
embed -
Publish suas alterações do ambiente de desenvolvimento para o de preparo.
embed -
Execute a Build para a opção de preparo.
-
Depois que a compilação for concluída, execute Aprovar para Publicação, que move suas alterações de um ambiente de Preparo para um ambiente de Produção.
-
Por fim, execute a opção Build e Publish para produção para enviar suas alterações para produção.
Adobe Experience Manager
- Crie a integração IMS no AEM usando credenciais da Adobe Developer. (01:12 a 03:55)
- Em Coleção de dados, crie uma propriedade. (coberto acima)
- Usando a integração IMS da Etapa 1, crie a integração de tags para importar sua propriedade de tags.
- No AEM, mapeie a integração de tags a um site usando a configuração do navegador. (05:28 a 06:14)
- Valide a integração manualmente. (06:15 a 06:33)
- Uso do plug-in do navegador do Adobe Experience Cloud Debugger. (06:51 a 07:22)
Neste ponto, você integrou com êxito o AEM ao Adobe Target usando tags, conforme detalhado na Opção 1.
Para usar as ofertas de Fragmento de experiência do AEM para potencializar suas atividades de personalização, vamos prosseguir para o próximo capítulo e integrar o AEM ao Adobe Target usando os serviços de nuvem herdados.