DOM-actievoorstellen automatisch renderen

Gebruik dit patroon wanneer uw verpersoonlijkingsreactie propositie-items met het schema omvat:

https://ns.adobe.com/personalization/dom-action

Deze items bevatten doorgaans een kiezer en een handelingstype (bijvoorbeeld setHtml ) dat de Web SDK automatisch kan toepassen wanneer renderDecisions is ingeschakeld.

​1. flikkering beheren (optioneel)

Als u flikkering moet voorkomen terwijl gepersonaliseerde inhoud wordt toegepast, gebruikt u de aanbevolen aanpak voor flikkerbeheer voor uw implementatie. Zie ​ flikkering ​ voor beschikbare opties beheren.

​2. Beslissingen aanvragen en weergeven voor automatische rendering

Stel renderDecisions in op true wanneer u de opdracht sendEvent aanroept. De eigenschap renderDecisions wordt standaard ingesteld op false wanneer deze wordt weggelaten.

alloy("sendEvent", {
  renderDecisions: true,
  xdm: {
    web: {
      webPageDetails: {
        name: "home"
      }
    }
  }
});

Als u specifieke plaatsingen wilt aanvragen, neemt u desgewenst personalization.decisionScopes op:

alloy("sendEvent", {
  renderDecisions: true,
  personalization: {
    decisionScopes: ["hero-banner", "recommendations"]
  },
  xdm: { }
});

Zie het object personalization in de opdracht sendEvent voor meer informatie.

​3. Weergavegebeurtenissen

Als u renderDecisions op true instelt en personalization.sendDisplayEvent op true instelt of weglaat, verzendt de Web SDK onmiddellijk weergavegebeurtenissen nadat de personalisatie is gerenderd.

alloy("sendEvent", {
  renderDecisions: true,
  personalization: {
    // sendDisplayEvent defaults to true when omitted
  },
  xdm: { }
});

Zie ​ vertoningsgebeurtenissen ​ voor afwisselende opties beheren die aan de behoeften van uw implementatie voldoen, zoals wanneer het gebruiken van ​ Hoogste en onderste paginagebeurtenissen ​.

​4. Wijzigingen in de SPA-weergave en renderen

Neem voor toepassingen van één pagina een viewName op voor gebeurtenissen die worden weergegeven en gewijzigd.

alloy("sendEvent", {
  renderDecisions: true,
  xdm: {
    web: {
      webPageDetails: {
        viewName: "cart"
      }
    }
  }
});

Als uw KUUROORD UI voor de zelfde mening zonder een nieuw besluit teruggeeft haalt, kunt u eerder teruggekeerde voorstellingen opnieuw toepassen:

let lastPropositions = [];

alloy("sendEvent", {
  renderDecisions: true,
  xdm: {
    web: { webPageDetails: { viewName: "cart" } }
  }
}).then(({ propositions = [] }) => {
  lastPropositions = propositions;
});

// Later, after a UI re-render:
alloy("applyPropositions", {
  propositions: lastPropositions
});

Zie applyPropositions voor meer informatie.