[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.

  1. Navegue até sua organização Adobe Experience Cloud (https://<yourcompany>.experiencecloud.adobe.com)
  2. Faça logon usando sua Adobe ID e verifique se você está na organização correta.
  3. No alternador de soluções, clique em Experience Platform, na seção Coleção de dados e selecione Marcas.

Experience Cloud - tags

  1. Verifique se você está na organização correta e continue com a criação de uma propriedade de tags.
    Experience Cloud - tags

    Para obter mais informações sobre como criar propriedades, consulte Criar uma Propriedade na documentação do produto.

  2. Clique no botão Nova propriedade

  3. Forneça um nome para a propriedade (Por exemplo, Tutorial do AEM Target)

  4. 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.

  5. Clique no botão Salvar.

    marcas - Nova propriedade

  6. 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
  1. 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)

  2. Clique na opção Catálogo de Extensão e procure pelo Target no filtro.

  3. Selecione a versão mais recente da at.js do Adobe Target e clique na opção Instalar.
    Marcas - Nova Propriedade

  4. 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.
    Target - Configuração de 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

  5. 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.

  6. Repita as etapas acima para procurar a extensão "Experience Cloud ID Service" e instale-a.
    Extensão - Serviço de ID do Experience Cloud

Configurar ambientes

  1. 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.

Elemento de Dados - Nome da Página

Criar e publicar

  1. 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

    https://video.tv.adobe.com/v/28412?quality=12&learn=on

  2. Publish suas alterações do ambiente de desenvolvimento para o de preparo.

    embed

    https://video.tv.adobe.com/v/28419?quality=12&learn=on

  3. Execute a Build para a opção de preparo.

  4. 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.
    Preparando para produção

  5. Por fim, execute a opção Build e Publish para produção para enviar suas alterações para produção.
    Build e Publish para produção

Adobe Experience Manager

NOTE
Conceda acesso à integração do Adobe Developer para selecionar espaços de trabalho com a função apropriada para permitir que uma equipe central faça alterações orientadas por API em apenas alguns espaços de trabalho.
  1. Crie a integração IMS no AEM usando credenciais da Adobe Developer. (01:12 a 03:55)
  2. Em Coleção de dados, crie uma propriedade. (coberto acima)
  3. Usando a integração IMS da Etapa 1, crie a integração de tags para importar sua propriedade de tags.
  4. No AEM, mapeie a integração de tags a um site usando a configuração do navegador. (05:28 a 06:14)
  5. Valide a integração manualmente. (06:15 a 06:33)
  6. 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.

recommendation-more-help
d30c09d2-e4b1-4b0b-a09a-250d84817092