Envoi de données de la couche de données client Adobe avec le SDK Web

• L’ACDL est installé sur vos pages.
• Le code de base et la bibliothèque 🔗 de Web SDK sont installés et Web SDK est configuré avec un flux de données.

Le code de base de Web SDK met les commandes en file d’attente jusqu’au chargement de sa bibliothèque et ACDL met les éléments en file d’attente jusqu’au chargement de sa bibliothèque. En raison de ces files d’attente, vous pouvez ajouter le code sur cette page n’importe où après le code de base de Web SDK, quelle que soit la bibliothèque chargée en premier.

• L’extension ACDL est installée et configurée dans votre propriété de balise.
• L’extension Web SDK est installée et configurée avec un flux de données.

Écoutez l’événement et appelez sendEvent :

window.adobeDataLayer = window.adobeDataLayer || [];

function sendPageView(event) {
  alloy("sendEvent", {
    xdm: {
      eventType: "web.webpagedetails.pageViews",
      web: {
        webPageDetails: {
          name: event.page.title,
          pageViews: { value: 1 }
        }
      }
    }
  });
}

window.adobeDataLayer.push(function(dl) {
  dl.addEventListener("page view", sendPageView);
});

Pour toutes les options du listener, voir addEventListener().

1. Créez un élément de données Variable avec l’extension Web SDK. Sélectionnez XDM, puis sélectionnez votre sandbox et votre schéma. Cet exemple nomme l’élément de données XDM variable.

2. Créez une règle et ajoutez un événement :

   • Extension : Couche De Données Client Adobe
   • Type d’événement : Notification push de la couche de données
   • Déclencheurs sur : Événements nommés spécifiques, avec le nom d’événement page view
   • Portée temporelle : Tous

3. Ajoutez une action qui renseigne l’objet XDM :

   • Extension : SDK web Adobe Experience Platform
   • Type d’action : Mettre à jour la variable
   • Élément de données : XDM variable
   • Définir web.webPageDetails.name sur %event.message.page.title% et définir web.webPageDetails.pageViews.value sur 1.

4. Ajoutez une action qui envoie l’événement :

   • Extension : SDK web Adobe Experience Platform
   • Type d’action : Envoyer l’événement
   • Type: web.webpagedetails.pageViews
   • XDM : %XDM variable%

5. Enregistrez la règle, ajoutez-la à une bibliothèque et créez la bibliothèque.

Pour toutes les options d’événement, consultez Notification push de la couche de données.

function sendWithDataPrep(event) {
  alloy("sendEvent", {
    xdm: { eventType: "web.webpagedetails.pageViews" },
    data: this.getState()
  });
}

window.adobeDataLayer.push(function(dl) {
  dl.addEventListener("page view", sendWithDataPrep);
});

Dans un écouteur ACDL, this fait référence à la couche de données, de sorte que this.getState() renvoie l’état calculé. Pour n’en envoyer qu’une partie, transmettez un chemin, tel que this.getState("page").

1. Créez un élément de données État calculé de la couche de données avec l’extension ACDL. Sélectionnez État calculé entier ou sélectionnez Chemin spécifique et saisissez le chemin des données à envoyer. Cet exemple nomme l’élément de données ACDL state.

2. Créez une règle avec le même événement Push de couche de données que dans Envoyer des données XDM.

3. Ajoutez une action Envoyer l’événement à partir de l’extension Web SDK :

   • Type: web.webpagedetails.pageViews
   • Données : %ACDL state%

4. Enregistrez la règle, ajoutez-la à une bibliothèque et créez la bibliothèque.

Effacez l’historique à la fin de votre écouteur de page vue :

function sendPageView(event) {
  alloy("sendEvent", { /* ... */ });
  this.length = 0;
}

Voir Effacer l’historique.