14.3 Preparar a propriedade do cliente de coleta de dados do Adobe Experience Platform e a configuração do SDK da Web para o Offer Decisioning

OBSERVAÇÃO

O uso do Offer Decisioning no Adobe Experience Platform Web SDK está disponível no momento com acesso antecipado a usuários selecionados. Essa funcionalidade não está disponível para todas as organizações IMS.

14.3.1 Atualizar o fluxo de dados

Em Exercício 0.2, você criou seu próprio Datastream. Em seguida, você usou o nome ldap - Demo System Datastream e substituiu ldap pelo seu ldap.

Neste exercício, você precisa configurar esse Datastream para trabalhar com Offer Decisioning.

Para fazer isso, vá para https://experience.adobe.com/#/data-collection/. Você verá isso. Clique em Datastreams. Procure seu Datastream. Clique no Datastream para abri-lo.

WebSDK

Você verá isso. Clique em Ambiente de desenvolvimento.

WebSDK

No Ambiente de desenvolvimento, você verá sua configuração do Adobe Experience Platform.

WebSDK

Para ativar Offer Decisioning, marque a caixa para Offer Decisioning.

WebSDK

Clique em Salvar

WebSDK

Então você estará de volta. Clique em Ambiente de preparo.

WebSDK

Para ativar Offer Decisioning, marque a caixa para Offer Decisioning.

WebSDK

Clique em Salvar

WebSDK

Então você estará de volta. Clique em Ambiente de produção.

WebSDK

Para ativar Offer Decisioning, marque a caixa para Offer Decisioning.

WebSDK

Clique em Salvar

WebSDK

Seu Datastream agora está pronto para trabalhar com Offer Decisioning.

14.3.2 Configure sua propriedade do cliente de coleta de dados do Adobe Experience Platform para solicitar ofertas personalizadas

Vá para https://experience.adobe.com/#/data-collection/, para Client. Procure suas propriedades do Adobe Experience Platform Data Collection Client, que são chamadas ldap - Demo System (DD/MM/AAAA). Abra a propriedade Cliente da coleta de dados do Adobe Experience Platform para Web.

WebSDK

Na sua propriedade, vá para Rules e abra a regra All General Pages.

WebSDK

Clique para abrir o Action AEP Web SDK - Enviar evento.

WebSDK

Você verá isso. Você observará a opção de menu para Escopos de decisão.

WebSDK

Para cada solicitação enviada ao Edge e ao Adobe Experience Platform, é possível fornecer um ou mais Escopos de decisão. Um Escopo de Decisão é uma combinação de dois elementos:

  • ID de decisão
  • ID de posicionamento

Vamos primeiro ver onde você pode encontrar esses dois elementos.

14.3.2.1 Recuperar o ID de posicionamento

A ID de posicionamento identifica o local e o tipo de ativo que é necessário. Por exemplo, a imagem principal na página inicial do site Luma corresponde à ID de posicionamento para Web - Image.

WebSDK

Para localizar a ID de posicionamento para Web - Imagem, vá para https://platform.adobe.com.

Em seguida, vá para Components e, em seguida, para Posicionamentos. Clique na disposição Web - Image para ver seus detalhes.

WebSDK

Como você pode ver na imagem acima, neste exemplo, a ID de posicionamento é xcore:offer-placement:129048460001fd30. Anote o Placement ID para seu posicionamento para Web - Image, pois ele será necessário no próximo exercício.

14.3.2.2 Recuperar a ID de decisão

A ID de decisão identifica qual combinação de ofertas personalizadas e ofertas de fallback você gostaria de usar. No exercício anterior, você criou sua própria Decisão e a nomeou ldap - Luma Decision.

Para encontrar a ID de decisão para sua ldap - Luma Decision, vá para https://platform.adobe.com.

Em seguida, vá para Offers e, em seguida, vá para Decisões. Clique para selecionar sua Decisão, que é chamada de ldap - Luma Decision.

WebSDK

Como você pode ver na imagem acima, neste exemplo, a ID de decisão é xcore:offer-activity:1290525f4441fd6e. Anote a ID de decisão para sua decisão ldap - Luma Decision, pois ela será necessária no próximo exercício.

Agora que você recuperou os dois elementos necessários para criar um Escopos de Decisão, é possível continuar com a próxima etapa, que envolve a codificação do escopo de decisão.

14.3.2.3 Codificação BASE64

O Escopo de Decisão que você precisa inserir é uma string codificada em BASE64. Essa string codificada em BASE64 é uma combinação do ID de posicionamento e do ID de decisão, como você pode ver abaixo.

{
  "activityId":"xcore:offer-activity:1290525f4441fd6e",
  "placementId":"xcore:offer-placement:129048460001fd30"
}

O Escopo de Decisão pode ser gerado de duas formas:

  • Use um serviço público como https://www.base64encode.org/. Insira o código JSON como mencionado acima, clique em Encode e você obterá a string codificada BASE64 abaixo.

    WebSDK

  • Recupere a string codificada do BASE64 do Adobe Experience Platform. Para fazer isso, vá para https://platform.adobe.com. Em seguida, vá para Decisões e clique para abrir sua Decisão, que é chamada de ldap - Luma Decisão.

    WebSDK

    Depois de abrir seu ldap - Luma Decision, você verá isso. Localize a disposição Web - Imagem e clique no botão Copiar. Em seguida, clique em Encoded decision scope. O Escopo de decisão agora é copiado para a área de transferência.

    WebSDK

Em seguida, volte para o Launch, para a ação AEP Web SDK - Enviar evento.

WebSDK

Selecione a opção Enter values e cole o escopo de decisão codificado BASE64 no campo de entrada.

WebSDK

Salve as alterações na ação AEP Web SDK - Enviar evento clicando em Manter alterações.

WebSDK

Em seguida, clique em Salvar ou Salvar na biblioteca

WebSDK

Na Coleta de dados do Adobe Experience Platform, vá para Fluxo de publicação e abra sua Biblioteca de desenvolvimento que é chamada de Biblioteca de conteúdo. Clique em + Adicionar todos os recursos alterados e clique em Salvar e criar para desenvolvimento. Suas alterações serão publicadas no site de demonstração.

WebSDK

Toda vez que você estiver carregando uma Página Geral agora, como por exemplo a página inicial do site de demonstração, o Offer Decisioning avaliará o que é a oferta aplicável e retornará uma resposta ao site com os detalhes da oferta a ser exibida. A exibição da oferta no site requer configuração adicional, o que você fará na próxima etapa.

14.3.3 Configure sua propriedade de cliente de coleta de dados do Adobe Experience Platform para receber e aplicar ofertas personalizadas

Vá para https://experience.adobe.com/#/data-collection/, para Propriedades. Procure suas propriedades do Adobe Experience Platform Data Collection Client, que são chamadas ldap - Demo System (DD/MM/AAAA). Abra a propriedade Cliente da coleta de dados do Adobe Experience Platform para Web.

WebSDK

Na propriedade do , vá para Rules.

WebSDK

Clique em Adicionar regra.

WebSDK

Como o nome da regra, use Página inicial - Decisão recebida.

WebSDK

Evento 14.3.3.1

Clique em + Adicionar em EVENTS para adicionar um novo evento.

WebSDK

Para Configuração do Evento, selecione isto:

  • Extensão: AEP Web SDK
  • Tipo de evento: Decisões recebidas

WebSDK

Clique em Manter alterações.

WebSDK

14.3.3.2 Condição

Você verá isso agora. Clique em + Adicionar em CONDIÇÕES para adicionar uma nova condição.

WebSDK

Para a Configuração de Condição, selecione isto:

  • Tipo lógico: Regular
  • Extensão: Núcleo
  • Tipo de condição: Comparação de valores
  • Nome: Core - Comparação de valores
  • Retornar verdadeiro se
    • %pageName%
    • Igual a
    • Luma Home

WebSDK

Clique em Manter alterações.

WebSDK

14.3.3.3 Ação

Você verá isso. Clique em + Adicionar em AÇÕES para adicionar uma nova ação.

WebSDK

Para Configuração de Ação, selecione isto:

  • Extensão: Núcleo
  • Tipo de ação: Código personalizado
  • Idioma: JavaScript

Em seguida, clique em Abrir editor

WebSDK

Cole o código abaixo no editor.

event.decisions.forEach(function(payload) {
  payload.items.forEach(function(item) {
    console.log(">>>>> Offer Decisioning Web SDK Response", item);
    document.getElementById("brandhero").src = item.data.deliveryURL;
  });
});

WebSDK

Clique em Salvar.

WebSDK

Clique em Manter alterações.

WebSDK

Em seguida, clique em Salvar ou Salvar na biblioteca

WebSDK

Na Coleta de dados do Adobe Experience Platform, vá para Fluxo de publicação e abra sua Biblioteca de desenvolvimento que é chamada de Biblioteca de conteúdo. Clique em + Adicionar todos os recursos alterados e clique em Salvar e criar para desenvolvimento. Suas alterações serão publicadas no site de demonstração.

WebSDK

Com essa alteração, essa regra na Coleta de dados do Adobe Experience Platform agora estará ouvindo a resposta do Offer Decisioning, que faz parte da resposta do SDK da Web, e quando a resposta for recebida, a imagem da oferta será exibida na página inicial.

Olhando para o site de demonstração Luma, você verá que esta imagem será substituída agora:

WebSDK

E, em vez da imagem principal do Luma padrão, você verá uma oferta como esta:

WebSDK

No próximo exercício, você passará por um cenário de demonstração passo a passo.

Próxima etapa: 14.4 Teste sua decisão usando o site de demonstração

Voltar ao Módulo 14

Voltar para todos os módulos

Nesta página