Personalização de usuário conhecido

Em Adobe Experience Platform, clique em Identidades na navegação à esquerda. Em seguida, clique no botão Criar namespace de identidade na parte superior direita.

Na caixa de diálogo Criar namespace de identidade, digite o seguinte:

• Nome para exibição: ID de Usuário WKND
• Descrição: ID de usuário ou nome de usuário do usuário WKND conectado
• Selecione um tipo: ID entre dispositivos individual

Clique em Criar para criar o namespace de identidade.

No Adobe Experience Platform, clique em Esquemas na navegação à esquerda, clique no botão Criar esquema na parte superior direita. Em seguida, selecione a opção Manual e clique no botão Selecionar.

No assistente Criar Esquema, para a etapa Detalhes do esquema, selecione a opção Evento de experiência (para dados de série temporal como exibições de página, cliques e interações de usuário) e clique em Avançar.

Para a etapa Nome e revisão, insira o seguinte:

• Nome para exibição do esquema: WKND-RDE-Known-User-Personalization-Behavioral
• Classe selecionada: XDM ExperienceEvent

Atualize o esquema da seguinte maneira:

• Adicionar grupo de campos: ExperienceEvent do AEP Web SDK
• Perfil: Habilitar

Clique em Salvar para criar o esquema.

Para saber se o usuário está conectado (autenticado) ou anônimo, adicione um campo personalizado ao esquema. Neste caso de uso, o objetivo é personalizar o conteúdo para usuários conhecidos que compraram qualquer aventura de Esqui. Assim, identificar se o usuário está conectado (autenticado) ou anônimo é importante.

• Clique no botão + ao lado do nome do esquema.

• Na seção Propriedades do campo, digite o seguinte:

  • Nome do campo: wkndLoginStatus
  • Nome de exibição: Status de Logon WKND
  • Tipo: cadeia de caracteres
  • Atribuir a: Grupo de campos > wknd-user-details

  Role para baixo e clique no botão Aplicar.

  

O esquema de dados comportamentais finais deve ser semelhante a:

No assistente Criar Esquema, para a etapa Detalhes do esquema, selecione a opção Perfil Individual (para dados baseados em registros como atributos do cliente, preferências e histórico de compras) e clique em Avançar.

Para a etapa Nome e revisão, insira o seguinte:

• Nome para exibição do esquema: WKND-RDE-Known-User-Personalization-Transactional
• Classe selecionada: perfil individual XDM

Para armazenar os detalhes de compra do WKND Adventure de um usuário, vamos adicionar um campo personalizado que serve como um identificador para a compra. Lembre-se: a ID de usuário WKND (wkndUserId) é o identificador comum entre sistemas.

• Clique no botão + ao lado do nome do esquema.

• Na seção Propriedades do campo, digite o seguinte:

  • Nome do campo: wkndUserId
  • Nome para exibição: ID de Usuário WKND
  • Tipo: cadeia de caracteres
  • Atribuir a: Grupo de campos > wknd-user-purchase-details

• Role para baixo, verifique Identidade, verifique Identidade principal (o identificador principal usado para compilar dados de diferentes fontes em um perfil unificado) e, na lista suspensa Namespace de identidade, selecione Id de Usuário WKND. Finalmente, clique no botão Aplicar.

Depois de adicionar o campo de identidade principal personalizado, o esquema deve ter esta aparência:

Da mesma forma, adicione os seguintes campos para armazenar detalhes adicionais de usuário e compra de aventura:

Ativar perfil para o esquema.

No Adobe Experience Platform, clique em Conjuntos de Dados na navegação à esquerda, clique no botão Criar conjunto de dados na parte superior direita. Em seguida, selecione a opção Baseado em esquema e clique em Avançar.

Para a etapa Selecionar esquema, selecione o esquema WKND-RDE-Known-User-Personalization-Behavioral e clique em Avançar.

Para a etapa Configurar conjunto de dados, insira o seguinte:

• Nome: WKND-RDE-Known-User-Personalization-Behavioral
• Descrição: conjunto de dados para os dados comportamentais, como exibições de página com status de logon de usuário.

Clique em Concluir para criar o conjunto de dados.

Alterne a opção Perfil para habilitar o conjunto de dados para Perfil.

Repita as mesmas etapas para o conjunto de dados transacionais. A única diferença é o nome do esquema e do conjunto de dados.

• Esquema: WKND-RDE-Known-User-Personalization-Transactional
• Conjunto de dados: WKND-RDE-Known-User-Personalization-Transactional
• Descrição: conjunto de dados para os dados transacionais, como compras do WKND Adventure.
• Perfil: Habilitar

O conjunto de dados transacionais final deve ser semelhante a:

Em Adobe Experience Platform, clique em Fluxos de dados na navegação à esquerda e clique em Criar fluxo de dados.

Na etapa Nova sequência de dados, digite o seguinte:

• Nome: WKND-RDE-Known-User-Personalization-Behavioral
• Descrição: sequência de dados para enviar dados comportamentais ao Experience Platform
• Esquema de Mapeamento: WKND-RDE-Known-User-Personalization-Behavioral

Clique em Salvar para criar a sequência de dados.

Após criar a sequência de dados, clique em Adicionar serviço.

Na etapa Adicionar Serviço, selecione Adobe Experience Platform na lista suspensa e digite o seguinte:

• Conjunto de Dados do Evento: WKND-RDE-Known-User-Personalization-Behavioral
• Conjunto de Dados de Perfil: WKND-RDE-Known-User-Personalization-Behavioral
• Offer Decisioning: habilitar (permite que o Adobe Target solicite e entregue ofertas personalizadas em tempo real)
• Segmentação do Edge: habilitar (avalia públicos em tempo real na rede de borda para personalização imediata)
• Destinos do Personalization: habilitar (permite o compartilhamento de público com ferramentas de personalização como o Adobe Target)

Clique em Salvar para adicionar o serviço.

Na etapa Adicionar Serviço, selecione Adobe Target na lista suspensa e insira a ID do Ambiente de Destino. Você pode encontrar a ID de ambiente de destino no Adobe Target em Administração > Ambientes. Clique em Salvar para adicionar o serviço.

A sequência de dados final deve ser semelhante a:

Em Adobe Experience Platform, clique em Marcas na navegação à esquerda e clique no botão Nova Propriedade.

Na caixa de diálogo Criar Propriedade, digite o seguinte:

• Nome da Propriedade: WKND-RDE-Known-User-Personalization
• Tipo de Propriedade: Selecionar Web
• Domínio: o domínio onde você implanta a propriedade (por exemplo, adobeaemcloud.com)

Clique em Salvar para criar a propriedade.

Abra a nova propriedade, clique em Extensões na navegação à esquerda e clique na guia Catálogo. Pesquise por Web SDK e clique no botão Instalar.

Na caixa de diálogo Instalar Extensão, selecione a Sequência de Dados criada anteriormente e clique em Salvar.

Clique em Elementos de Dados na navegação à esquerda e clique no botão Criar Novo Elemento de Dados.

Na caixa de diálogo Criar novo elemento de dados, digite o seguinte:

• Nome: Nome do Host

• Extensão: Selecionar Núcleo

• Tipo de Elemento de Dados: Selecionar Código Personalizado

• Abra o botão Editor e insira o seguinte trecho de código:

  code language-javascript
  if(window && window.location && window.location.hostname) { return window.location.hostname; }

Da mesma forma, crie os seguintes elementos de dados:

• Nome: Seção do Site

• Extensão: Selecionar Núcleo

• Tipo de Elemento de Dados: Selecionar Código Personalizado

• Abra o botão Editor e insira o seguinte trecho de código:

  code language-javascript

  if(event && event.component && event.component.hasOwnProperty('repo:path')) { let pagePath = event.component['repo:path']; let siteSection = ''; //Check of html String in URL. if (pagePath.indexOf('.html') > -1) { siteSection = pagePath.substring(0, pagePath.lastIndexOf('.html')); //replace slash with colon siteSection = siteSection.replaceAll('/', ':'); //remove `:content` siteSection = siteSection.replaceAll(':content:',''); } return siteSection }

• Nome: Nome da Página

• Extensão: Selecionar Núcleo

• Tipo de Elemento de Dados: Selecionar Código Personalizado

• Abra o botão Editor e insira o seguinte trecho de código:

  code language-javascript
  if(event && event.component && event.component.hasOwnProperty('dc:title')) { // return value of 'dc:title' from the data layer Page object, which is propogated via 'cmp:show' event return event.component['dc:title']; }

• Nome: ID de Usuário WKND

• Extensão: Selecionar Núcleo

• Tipo de Elemento de Dados: Selecionar Código Personalizado

• Abra o botão Editor e insira o seguinte trecho de código:

  code language-javascript
  // Data element for WKND User ID if(event && event.user && event.user.userId) { console.log('UserID:', event.user.userId); return event.user.userId; } else { console.log('UserID:'); return ""; }

• Nome: Status de Usuário WKND

• Extensão: Selecionar Núcleo

• Tipo de Elemento de Dados: Selecionar Código Personalizado

• Abra o botão Editor e insira o seguinte trecho de código:

  code language-javascript
  // Data element for user login status if(event && event.user && event.user.status) { console.log('User status:', event.user.status); return event.user.status; } else { console.log('User status:anonymous'); return 'anonymous'; }

Em seguida, crie um elemento de dados do tipo Mapa de identidade. O Mapa de identidade é uma estrutura XDM padrão que armazena vários identificadores de usuário e os vincula, permitindo a identificação de identidades em todos os sistemas. Esse elemento de dados é usado para armazenar a ID de usuário WKND (se conectado) como parte do objeto do Mapa de identidade.

• Nome: IdentityMap-WKND ID de Usuário
• Extensão: Selecionar Adobe Experience Platform Web SDK
• Tipo de Elemento de Dados: Selecionar Mapa de identidade

No painel direito,

• Namespace: selecionar wkndUserId
• ID: Selecionar elemento de dados ID de Usuário WKND
• Estado de autenticação: selecionar Autenticado
• Principal: Selecione verdadeiro

Clique em Salvar para criar o elemento de dados.

Em seguida, crie um elemento de dados do tipo Variável. Esse elemento de dados é preenchido com os detalhes da página antes de enviá-lo para a Experience Platform.

• Nome: Pageview da Variável XDM
• Extensão: Selecionar Adobe Experience Platform Web SDK
• Tipo de Elemento de Dados: Selecionar Variável

No painel direito,

• Sandbox: Selecione sua sandbox
• Esquema: selecione o esquema WKND-RDE-Known-User-Personalization

Clique em Salvar para criar o elemento de dados.

• Os elementos de dados finais devem ter esta aparência:

  

Clique em Regras na navegação à esquerda e clique no botão Criar nova regra.

Na caixa de diálogo Criar Nova Regra, insira o seguinte:

• Nome: todas as páginas - ao carregar - com dados do usuário

• Na seção Eventos, clique em Adicionar para abrir o assistente de Configuração de Evento.

  • Extensão: Selecionar Núcleo
  • Tipo de Evento: Selecionar Código Personalizado
  • Abra o botão Editor e insira o seguinte trecho de código:

  code language-javascript

  var pageShownEventHandler = function(evt) { // defensive coding to avoid a null pointer exception if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) { //trigger Launch Rule and pass event console.debug("cmp:show event: " + evt.eventInfo.path); // Get user data from session storage var userData = getUserDataFromSession(); var event = { //include the path of the component that triggered the event path: evt.eventInfo.path, //get the state of the component that triggered the event component: window.adobeDataLayer.getState(evt.eventInfo.path), //include user data in the event user: userData }; //Trigger the Launch Rule, passing in the new 'event' object trigger(event); } } /** * Get user data from session storage */ function getUserDataFromSession() { var userData = { userId: null, status: 'anonymous' }; try { var cachedUserState = sessionStorage.getItem('wknd_user_state'); if (cachedUserState) { var userState = JSON.parse(cachedUserState); var userInfo = userState.data; // Validate user data structure before transformation if (userInfo && typeof userInfo === 'object' && userInfo.hasOwnProperty('authorizableId')) { // Transform AEM user data to minimal AEP format userData = { userId: userInfo.authorizableId !== 'anonymous' ? userInfo.authorizableId : null, status: userInfo.authorizableId === 'anonymous' ? 'anonymous' : 'authenticated', }; //console.log('User details from session storage:', userData.username || 'Anonymous'); } else { console.warn('Invalid user data structure in session storage'); console.log('Using anonymous user data'); } } else { console.log('No user data in session storage, using anonymous'); } } catch (e) { console.warn('Failed to read user data from session storage:', e); console.log('Using anonymous user data'); } return userData; } //set the namespace to avoid a potential race condition window.adobeDataLayer = window.adobeDataLayer || []; //push the event listener for cmp:show into the data layer window.adobeDataLayer.push(function (dl) { //add event listener for 'cmp:show' and callback to the 'pageShownEventHandler' function dl.addEventListener("cmp:show", pageShownEventHandler); });

  Observe que a função getUserDataFromSession é usada para obter o status de logon do usuário e a ID de usuário WKND (se conectado) do armazenamento de sessão. O código AEM é responsável por preencher o armazenamento da sessão com o status de logon do usuário e a ID de usuário WKND. Na etapa específica do AEM, você aprimorou a funcionalidade de logon do site WKND para armazenar a ID do usuário no armazenamento de sessão do navegador.

• Na seção Condições, clique em Adicionar para abrir o assistente de Configuração de Condição.

  • Tipo Lógico: Selecionar Regular
  • Extensão: Selecionar Núcleo
  • Tipo de Condição: Selecionar Código Personalizado
  • Abra o botão Editor e insira o seguinte trecho de código:

  code language-javascript
  if(event && event.component && event.component.hasOwnProperty('@type') && event.component.hasOwnProperty('xdm:template')) { console.log('The cmp:show event is from PAGE HANDLE IT'); return true; } else { console.log('The event is NOT from PAGE - IGNORE IT'); return false; }

• Na seção Ações, clique em Adicionar para abrir o assistente de Configuração de Ação.

  • Extensão: Selecionar Adobe Experience Platform Web SDK

  • Tipo de ação: Selecionar Atualizar variável

  • Mapeie os campos XDM para os elementos de dados:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2
    Campo XDM	Elemento de dados
    web.webPageDetails.name	Nome da Página
    web.webPageDetails.server	Nome do host
    web.webPageDetails.siteSection	Seção do site
    web.webPageDetails.value	1
    identityMap	IdentityMap-ID de usuário WKND
    _$YOUR_NAMESPACE$.wkndLoginStatus	Status de Usuário WKND

  

  • Clique em Manter alterações para salvar a configuração da ação.

• Novamente, clique em Adicionar para adicionar outra ação e abrir o assistente de Configuração de ação.

  • Extensão: Selecionar Adobe Experience Platform Web SDK
  • Tipo de ação: selecionar Enviar evento
  • Na seção Dados do painel direito, mapeie o elemento de dados Pageview de Variável XDM para o tipo Exibições de Página de Detalhes da Página da Web.

  

• Além disso, na seção Personalization do painel direito, verifique a opção Renderizar decisões de personalização visual. Em seguida, clique em Manter alterações para salvar a ação.

  

Sua regra deve ter esta aparência:

Clique em Fluxo de Publicação na navegação à esquerda e clique no botão Adicionar Biblioteca.

Na caixa de diálogo Adicionar Biblioteca, digite o seguinte:

• Nome: 1.0
• Ambiente: Selecionar Desenvolvimento
• Clique em Adicionar todos os recursos alterados para selecionar todos os recursos.

Clique em Salvar e criar no desenvolvimento para criar a biblioteca.

Para publicar a biblioteca na produção, clique em Aprovar e publicar na produção. Quando a publicação estiver concluída, a propriedade estará pronta para uso no AEM.

No Adobe Experience Platform, clique em Perfis na navegação à esquerda e clique na guia Mesclar Políticas.

No Adobe Experience Platform, clique em Destinos na navegação à esquerda e clique na guia Catálogo. Pesquise por Personalization e selecione o destino (v2) Adobe Target.

Na etapa Ativar Destinos, forneça um nome para o destino e clique no botão Conectar ao destino.

Na seção Detalhes do destino, digite o seguinte:

• Nome: WKND-RDE-Known-User-Personalization-Destination
• Descrição: Destino para a personalização de usuário conhecido
• Sequência de dados: selecione a Sequência de dados que você criou anteriormente
• Workspace: selecione seu espaço de trabalho do Adobe Target

Clique em Avançar e conclua a configuração de destino.

Navegue até o módulo ui.frontend e abra o arquivo ui.frontend/src/main/webpack/components/form/sign-in-buttons/sign-in-buttons.js. Revise o código, depois de fazer uma chamada do AJAX para currentuser.json, ele mostra o botão Entrar ou Sair com base no status de logon do usuário.

Atualize o código para armazenar a ID do usuário no armazenamento de sessão do navegador e também otimize o código para evitar várias chamadas AJAX para currentuser.json.

import jQuery from "jquery";

jQuery(function($) {
    "use strict";

    (function() {
        const currentUserUrl = $('.wknd-sign-in-buttons').data('current-user-url'),
            signIn = $('[href="#sign-in"]'),
            signOut = $('[href="#sign-out"]'),
            greetingLabel = $('#wkndGreetingLabel'),
            greetingText = greetingLabel.text(),
            body = $('body');

        // Cache configuration
        const CACHE_KEY = 'wknd_user_state';
        const CACHE_DURATION = 5 * 60 * 1000; // 5 minutes in milliseconds

        /**
         * Get cached user state from session storage
         */
        function getCachedUserState() {
            try {
                const cached = sessionStorage.getItem(CACHE_KEY);
                if (cached) {
                    const userState = JSON.parse(cached);
                    const now = Date.now();

                    // Check if cache is still valid
                    if (userState.timestamp && (now - userState.timestamp) < CACHE_DURATION) {
                        return userState.data;
                    } else {
                        // Cache expired, remove it
                        sessionStorage.removeItem(CACHE_KEY);
                    }
                }
            } catch (e) {
                console.warn('Failed to read cached user state:', e);
                sessionStorage.removeItem(CACHE_KEY);
            }
            return null;
        }

        /**
         * Cache user state in session storage
         */
        function cacheUserState(userData) {
            try {
                const userState = {
                    data: userData,
                    timestamp: Date.now()
                };
                sessionStorage.setItem(CACHE_KEY, JSON.stringify(userState));
            } catch (e) {
                console.warn('Failed to cache user state:', e);
            }
        }

        /**
         * Clear cached user state
         */
        function clearCachedUserState() {
            try {
                sessionStorage.removeItem(CACHE_KEY);
            } catch (e) {
                console.warn('Failed to clear cached user state:', e);
            }
        }

        /**
         * Update UI based on user state
         */
        function updateUI(userData) {
            const isAnonymous = 'anonymous' === userData.authorizableId;

            if(isAnonymous) {
                signIn.show();
                signOut.hide();
                greetingLabel.hide();
                body.addClass('anonymous');
            } else {
                signIn.hide();
                signOut.show();
                greetingLabel.text(greetingText + ", " + userData.name);
                greetingLabel.show();
                body.removeClass('anonymous');
            }
        }

        /**
         * Fetch user data from AEM endpoint
         */
        function fetchUserData() {
            return $.getJSON(currentUserUrl + "?nocache=" + new Date().getTime())
                .fail(function(xhr, status, error) {
                    console.error('Failed to fetch user data:', error);
                    updateUI({ authorizableId: 'anonymous' });
                });
        }

        /**
         * Initialize user state (check cache first, then fetch if needed)
         */
        function initializeUserState() {
            const cachedUserState = getCachedUserState();

            if (cachedUserState) {
                updateUI(cachedUserState);
            } else {
                fetchUserData().done(function(currentUser) {
                    updateUI(currentUser);
                    cacheUserState(currentUser);
                });
            }
        }

        // Initialize user state
        initializeUserState();

        // Clear cache on sign-in/sign-out clicks
        $(document).on('click', '[href="#sign-in"], [href="#sign-out"]', function() {
            clearCachedUserState();
        });

        // Clear cache when modal is shown
        $('body').on('wknd-modal-show', function() {
            clearCachedUserState();
        });

        // Clear cache when on dedicated sign-in page
        if (window.location.pathname.includes('/sign-in') || window.location.pathname.includes('/errors/sign-in')) {
            clearCachedUserState();
        }

        // Clear cache when sign-in form is submitted
        $(document).on('submit', 'form[id*="sign-in"], form[action*="login"]', function() {
            clearCachedUserState();
        });

        // Clear cache on successful login redirect
        const urlParams = new URLSearchParams(window.location.search);
        if (urlParams.has('login') || urlParams.has('success') || window.location.hash === '#login-success') {
            clearCachedUserState();
        }

        // Debug function for testing
        window.debugUserState = function() {
            console.log('Cache:', sessionStorage.getItem('wknd_user_state'));
            clearCachedUserState();
            initializeUserState();
        };

    })();
});

Observe que a regra de propriedade Tags depende da ID do usuário que está sendo armazenada no armazenamento de sessão do navegador. A chave wknd_user_state é um contrato comum entre o código AEM e a regra de propriedade de marcas para armazenar e recuperar a ID do usuário.

Verifique as alterações localmente criando o projeto e executando-o localmente.

$ mvn clean install -PautoInstallSinglePackage

Faça logon usando as credenciais do asmith/asmith (ou de qualquer outro usuário que você tenha criado). Elas estão incluídas no projeto aem-guides-wknd.

No meu caso, criei um novo usuário com a id teddy para testes.

Depois de confirmar que a ID de usuário está armazenada no armazenamento de sessão do navegador (usando as ferramentas de desenvolvedor do navegador), confirme e envie as alterações para o repositório remoto do Adobe Cloud Manager.

$ git add .
$ git commit -m "Enhance the WKND site Login functionality to store the user ID in browser's session storage"
$ git push adobe-origin feature/known-user-personalization

Implante as alterações no ambiente do AEM as a Cloud Service usando os pipelines do Cloud Manager ou o comando RDE do AEM.

No navegador, navegue até o site WKND implantado em seu ambiente AEM as a Cloud Service. Por ser anônimo, você deve ver solicitações de coleta de dados semelhantes.

Faça logon usando as credenciais do asmith/asmith. Você deve ver solicitações semelhantes de coleta de dados.

No AEM, clique em Fragmentos de experiência e navegue até a pasta Fragmentos de site do WKND. No local desejado, crie um novo Fragmento de experiência.

Crie o Fragmento de experiência adicionando um componente de Teaser e personalize-o com conteúdo relevante para a venda adicional do equipamento de esqui.

Exportar o fragmento de experiência para o Adobe Target.

No Adobe Experience Platform, clique em Conjuntos de Dados e abra o conjunto de dados WKND-RDE-Known-User-Personalization-Behavioral. Verifique se as estatísticas de dados assimilados são válidas.

Para verificar se os perfis foram criados, clique em Perfis na navegação à esquerda. Em seguida, navegue até a guia Procurar e filtre usando os seguintes critérios:

• Política de mesclagem: $YOUR_MERGE_POLICY_NAME
• Namespace de identidade: ECID (Experience Cloud ID, um identificador exclusivo atribuído automaticamente pela Adobe a cada navegador do visitante)
• Valor de identidade: encontre usando as ferramentas de desenvolvedor do navegador ou o Experience Platform Debugger. É o valor do cookie AMCV_$NAMESPACE$ sem o prefixo MCMID|.

Clique no botão Exibir.

Clique no perfil para ver os detalhes dele.

No meu caso, eu acessei meu site WKND de dois navegadores diferentes, então eu tenho dois ECIDs associados ao usuário teddy. Os dados de ambas as ECIDs são compilados para criar o perfil. Você começou a perceber o poder da compilação de identidade e como ela é usada para criar um perfil de cliente completo. Em breve, os dados transacionais serão compilados com os dados comportamentais para criar um perfil de cliente completo.

Clique na guia Eventos para ver os eventos relacionados ao perfil.

No Adobe Experience Platform, clique em Conjuntos de Dados e abra o conjunto de dados WKND-RDE-Known-User-Personalization-Transactional.

No painel direito, procure a seção ADICIONAR DADOS e arraste o arquivoski-aventura-compra-dados.json para ela. Esse arquivo contém os dados transacionais fictícios das compras do WKND Adventure. Em um cenário real, esses dados são assimilados do outro sistema (por exemplo, OMS ou CRM ou MDM) usando a assimilação em lote ou por transmissão.

Aguarde a conclusão do processamento de dados.

Quando o processamento de dados estiver concluído, atualize a página do conjunto de dados.

Clique em Perfis na navegação à esquerda. Em seguida, navegue até a guia Procurar e filtre usando os seguintes critérios:

• Política de mesclagem: $YOUR_MERGE_POLICY_NAME
• Namespace de identidade: ECID
• Valor de identidade: use o mesmo valor de ECID que você usou para filtrar os dados comportamentais e o perfil associado.

Clique no perfil para ver os detalhes dele. Os dados transacionais são compilados com os dados comportamentais para criar o perfil de cliente completo.

Clique na guia Atributos e você deverá ver os detalhes dos dados transacionais e comportamentais associados ao perfil.

Clique no link Exibir gráfico de identidade para ver o gráfico de identidade do perfil.

Clique em Perfis na navegação à esquerda. Em seguida, navegue até a guia Procurar e filtre usando os seguintes critérios:

• Política de mesclagem: $YOUR_MERGE_POLICY_NAME
• Namespace de identidade: ID de Usuário WKND
• Valor de identidade: teddy ou asmith ou qualquer outra ID de usuário que você tenha usado.

Clique no perfil para ver os mesmos detalhes que o perfil visto na etapa anterior.

No Adobe Experience Platform, clique em Públicos-alvo na navegação à esquerda e clique no botão Criar público-alvo. Em seguida, selecione a opção Criar-regra e clique no botão Criar.

Na etapa Criar, digite o seguinte:

• Nome: UpSell-Ski-Equipment-To-Authenticated
• Descrição: usuários que estão conectados e compraram qualquer aventura de esqui
• Método de avaliação: selecionar Edge (avalia a associação de público-alvo em tempo real à medida que os usuários navegam, habilitando a personalização instantânea)

Em seguida, clique na guia Atributos e navegue até o grupo de campos Techmarketingdemos (ou $NAMESPACE$). Arraste e solte o campo Aventura Comprada para a seção Iniciar construção. Insira os seguintes detalhes:

Adventure Purchased: selecione Contains e insira o valor ski.

Em seguida, alterne para a guia Eventos e navegue até o grupo de campos demonstrações de techmarketing (ou $NAMESPACE$). Arraste e solte o campo Status de Logon do WKND para a seção Eventos. Insira os seguintes detalhes:

Status de Logon do WKND: Selecione Igual e insira o valor autenticado.

Selecione também a opção Hoje.

Revise o público e clique no botão Ativar para destino.

Na caixa de diálogo Ativar para destino, selecione o destino do Adobe Target criado anteriormente e siga as etapas para ativar o público. Clique em Avançar e conclua a configuração de destino.

Faça logon no Adobe Experience Cloud e navegue até Adobe Target a partir do Alternador de aplicativos ou da seção de Acesso rápido.

No Adobe Target, clique em Públicos-alvo e verifique se o público-alvo UpSell-Equipment-To-Authenticated foi criado.

Ao clicar no público-alvo, é possível ver os detalhes do público-alvo e verificar se ele está configurado corretamente.

Clique em Ofertas e verifique se a oferta exportada do AEM existe. No meu caso, a oferta (ou Fragmento de experiência) é chamada Deve ter itens para Esqui.

Isso valida as ações de integração no Adobe Experience Platform, AEM e Adobe Target.

No Adobe Target, clique em Atividades, clique no botão Criar atividade e selecione o tipo de atividade Direcionamento de experiência.

Na caixa de diálogo Criar Atividade de Direcionamento de Experiência, selecione o tipo Web e a opção de compositor Visual (um editor WYSIWYG que permite criar e testar experiências personalizadas diretamente no seu site) e insira a URL da página inicial do site WKND. Clique no botão Criar para criar a atividade.

No editor, selecione o público-alvo UpSell-Equipment-To-Authenticated e adicione a oferta Deve haver itens para esqui no lugar do conteúdo principal principal. Consulte a captura de tela abaixo para referência.

Clique em Avançar e configure a seção Metas e Configurações com as metas e métricas apropriadas e, em seguida, ative-a para enviar as alterações ao vivo.

Visite a página inicial do site WKND. Se você não estiver conectado, verá o conteúdo principal padrão.

Faça login usando as credenciais do teddy/teddy (ou asmith/asmith), você deve ver o conteúdo herói personalizado.

Abra as ferramentas de desenvolvedor do seu navegador e verifique a guia Rede. Filtre por interact para localizar a solicitação do Web SDK. A solicitação/resposta deve mostrar o evento do Web SDK e os detalhes da decisão do Adobe Target.

A saída da solicitação deve ser semelhante a:

A saída da resposta deve ficar semelhante a: