Configurer les événements haut et bas de page dans Web SDK

Configurez une action Send event dans la règle qui se déclenche en haut de la page. Activez Use guided events, puis sélectionnez Request personalization. Cette option verrouille 'Type' sur 'Decisioning Proposition Fetch', 'Render visual personalization decisions' sur activé et 'Automatically send a display event' sur désactivé.

Pour définir ces champs manuellement à la place, laissez Use guided events désactivé et configurez chaque champ vous-même.

Configurez une action Send event dans la règle qui se déclenche au bas de la page. Activez Use guided events, puis sélectionnez Collect analytics. Cette option verrouille 'Include rendered propositions' sur activé.

Pour définir ce champ manuellement à la place, laissez Use guided events désactivé et activez-Include rendered propositions directement. Vous pouvez éventuellement renseigner le champ XDM avec un élément de données objet XDM qui transporte les données de votre page.

L'option 'Use guided events' ne couvre pas ce scénario, configurez donc l'action manuellement :

1. Créez un élément de données objet XDM (ou Variable) qui renseigne les _experience.decisioning.propositions avec les id, scope et scopeDetails de chaque proposition rendue et définit le _experience.decisioning.propositionEventType.display sur 1. Voir Gérer les événements d’affichage pour plus d’informations.

2. Dans l’action Send event pour la règle de bas de page, laissez Use guided events désactivé et référencez l’élément de données à partir du champ XDM .

L’appel supérieur demande la personnalisation de la vue home sans enregistrer d’accès Analytics ni déclencher d’événements d’affichage. L’appel du bas enregistre la page vue et déclenche les événements d’affichage supprimés. Incluez la même viewName dans les deux appels afin que la vue soit enregistrée de manière cohérente.

// Top of page, render decisions for the "home" view.
alloy("sendEvent", {
    type: "decisioning.propositionFetch",
    renderDecisions: true,
    personalization: {
        sendDisplayEvent: false
    },
    xdm: {
        web: {
            webPageDetails: {
                viewName: "home"
            }
        }
    }
});

// Bottom of page, send display events for the items that were rendered.
alloy("sendEvent", {
    personalization: {
        includeRenderedPropositions: true
    },
    xdm: {
        ...,
        web: {
            webPageDetails: {
                viewName: "home"
            }
        }
    }
});

1. Créez un élément de données objet XDM qui web.webPageDetails.viewName au nom de la vue (par exemple, home).

2. Configurez une action de Send event en haut de la page : activez Use guided events, sélectionnez Request personalization et référencez l’élément de données dans le champ XDM .

3. Configurez une action de Send event en bas de page : activez Use guided events, sélectionnez Collect analytics et référencez le même élément de données dans le champ XDM afin que le viewName corresponde dans les deux événements.

1. Créez un élément de données objet XDM qui web.webPageDetails.viewName au nom de la nouvelle vue (par exemple, cart).

2. Lors de la modification de l’affichage, configurez une seule action Send event : laissez Use guided events désactivé, activez l’Render visual personalization decisions et référencez l’élément de données dans le champ XDM .

Appelez applyPropositions en haut de la page pour effectuer le rendu des propositions mises en cache pour la nouvelle vue. Appelez ensuite sendEvent au bas de la page avec includeRenderedPropositions: true afin que les événements d’affichage supprimés se déclenchent.

// Top of page, render the decisions already fetched for the "cart" view.
alloy("applyPropositions", {
    viewName: "cart"
});

// Bottom of page, send display events for the items that were rendered.
alloy("sendEvent", {
    personalization: {
        includeRenderedPropositions: true
    },
    xdm: {
        ...,
        web: {
            webPageDetails: {
                viewName: "cart"
            }
        }
    }
});

1. Créez un élément de données objet XDM qui web.webPageDetails.viewName au nom de la nouvelle vue (par exemple, cart).

2. Pour l’événement en haut de la page, configurez une action Apply propositions et définissez le champ View name sur le nom de la vue (par exemple, cart). Cette action effectue le rendu des propositions déjà récupérées sans contacter l’Edge Network.

3. Pour l’événement de bas de page, configurez une action de Send event : activez Use guided events, sélectionnez Collect analytics et référencez l’élément de données dans le champ XDM .