[Integração]{class="badge positive"}
Uso de tags por meio do Console do Adobe Developer
[AEM Sites 6.5]{class="badge informative"}
Pré-requisitos
-
Autor e instância de publicação do AEM executando 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, publicar, 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 tags, 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é suas organizações 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, depois o Coleta de dados e selecione Tags.
-
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 a criação de propriedades, consulte Criar uma propriedade na documentação do produto.
-
Clique no link Nova propriedade botão
-
Forneça um nome para a propriedade (por exemplo, Tutorial do AEM Target)
-
Como domínio, insira localhost.com pois este é o domínio em que o site de demonstração do WKND está em execução. Embora o 'Domínio for obrigatório, a propriedade das tags 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 em Salvar botão.
-
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 é compatível com implementações do lado do cliente usando o SDK JavaScript do Target para a Web moderna, at.js. Clientes que ainda usam a biblioteca mais antiga do Target, mbox.js, deve atualizar para o 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 que já estão instaladas para sua propriedade de tags. (Extensão principal do Adobe Launch é instalado por padrão)
-
Clique no link Catálogo de extensões e procure por Target no filtro.
-
Selecione a versão mais recente da at.js do Adobe Target e clique em Instalar opção.
-
Clique em 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 pré-ocultação aqui
-
Clique em Salvar para concluir a adição da extensão do Target à propriedade das tags, e agora é possível ver a extensão do Target listada no Instalado lista de extensões.
-
Repita as etapas acima para procurar a extensão "Experience Cloud ID Service" e instale-a.
Configurar ambientes
- Clique no link Ambiente para a propriedade do site, e você pode 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 no link Publicação para a 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 -
Publique as alterações de Desenvolvimento em um ambiente de preparo.
embed -
Execute o Opção Criar para preparo.
-
Depois que a criaçã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 o Criar e publicar na produção opção para enviar as 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 o com êxito AEM com Adobe Target usando tags conforme descrito 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.