Criar um formulário web

O formulário do HTML a seguir foi criado para capturar a preferência dos usuários
formulário-html

Quando um usuário clica no botão na página da Web, sua preferência financeira selecionada (como Ações, Títulos ou CDs) é capturada e enviada para a Camada de dados da Adobe. Esse evento (assetClassSelection) armazena a escolha do usuário em tempo real. O Adobe Launch ouve esse evento, recupera a opção de investimento selecionada (PreferredFinancialInstrument) e pode acionar ações como enviar os dados para o Adobe Experience Platform (AEP) ou atualizar as regras de personalização

A seguinte JavaScript foi escrita para lidar com o envio do formulário

function handleSubmission() {
  window.adobeDataLayer = window.adobeDataLayer || [];

  const selectedAssetClass = document.querySelector('input[name="assetclass"]:checked');
  const errorMessage = document.getElementById("error-message");
  const messageBox = document.getElementById("message");

  if (!selectedAssetClass) {
    errorMessage.textContent = "Please select a financial instrument.";
    messageBox.textContent = "";
    return;
  }

  errorMessage.textContent = "";

  const subscriptionEvent = {
    event: "assetClassSelection",
    xdm: {
      eventType: "assetClassSelection",
      eventID: "investment_preference_event",
      timestamp: new Date().toISOString(),
      FinancialInterest: {
        PreferredFinancialInstrument: selectedAssetClass.value
      }
    }
  };

  console.log("📩 Sending asset class data to AEP:", subscriptionEvent);
  window.adobeDataLayer.push(subscriptionEvent);

  // ✅ Show thank-you message
  messageBox.textContent = `Thank you for selecting "${selectedAssetClass.value}". We'll use this to personalize your experience.`;
}

A amostra do formulário do HTML é fornecida como parte deste tutorial

recommendation-more-help
3358157c-f8d1-4070-8e48-eec2fdda97a2