Configuration du transfert d’événement avec les données du SDK Web Platform

Découvrez comment utiliser le transfert d’événement avec les données du SDK Web de Adobe Experience Platform.

Le transfert d’événement est un nouveau type de propriété disponible dans la collecte de données. Le transfert d’événements vous permet d’envoyer des données à des fournisseurs tiers non Adobes directement à partir de l’Edge Network Adobe Experience Platform au lieu du navigateur côté client traditionnel. Découvrez les avantages du transfert d’événement dans la section Présentation du transfert d’événement.

Diagramme SDK web et transfert d’événement

Pour utiliser le transfert d’événement dans Adobe Experience Platform, les données doivent d’abord être envoyées à Adobe Experience Platform Edge Network à l’aide d’une ou de plusieurs des trois options suivantes :

NOTE
Le SDK Web Platform et le SDK Mobile Platform ne nécessitent pas de déploiement par le biais de balises. Toutefois, il est recommandé d’utiliser des balises pour déployer ces SDK.

Après avoir suivi les leçons précédentes de ce tutoriel, vous devriez envoyer des données à Platform Edge Network à l’aide du SDK Web. Une fois que les données se trouvent dans l’Edge Network Platform, vous pouvez activer le transfert d’événement et utiliser une propriété de transfert d’événement pour envoyer des données à des solutions non-Adobes.

Objectifs d'apprentissage

À la fin de cette leçon, vous serez en mesure de :

  • Création d’une propriété de transfert d’événement
  • Associer une propriété de transfert d’événement à un flux de données SDK Web Platform
  • Comprendre les différences entre les éléments de données et les règles de propriété de balise et les éléments de données et les règles de propriété de transfert d’événement
  • Création d’un élément de données de transfert d’événement
  • Configuration d’une règle de transfert d’événement
  • Validation de l’envoi de données par une propriété de transfert d’événement

Conditions préalables

Création d’une propriété de transfert d’événement

Commencez par créer une propriété de transfert d’événement :

  1. Ouvrez le Interface de collecte de données

  2. Sélectionner Transfert d’événement à partir du volet de navigation de gauche

  3. Sélectionnez Nouvelle propriété.
    Propriétés Event Forwarting

  4. Attribuez un nom à la propriété. Dans ce cas, Server-Side - Web SDK Course

  5. Sélectionnez Enregistrer.
    enregistrement de propriété de transfert d’événement

Configuration du flux de données

Pour que le transfert d’événement utilise les données que vous envoyez à l’Edge Network Platform, vous devez lier la propriété de transfert d’événement nouvellement créée à la même structure de données que celle utilisée pour envoyer des données à des solutions Adobe.

Pour configurer Target dans le flux de données :

  1. Accédez à Collecte de données interface

  2. Dans le volet de navigation de gauche, sélectionnez Datastreams

  3. Sélectionnez la Luma Web SDK: Development Environment datastream

    Sélectionnez la flux de données du SDK Web Luma.

  4. Sélectionnez Ajouter un service.
    Ajout d’un service au flux de données

  5. Sélectionner Transfert d’événement comme la propriété Service

  6. Sous , ID de propriété , sélectionnez le nom que vous avez donné à votre propriété de transfert d’événement, dans ce cas Server-Side - Web SDK Course

  7. Sous , Identifiant d’environnement , sélectionnez l’environnement de balise auquel vous liez l’environnement de transfert d’événement, dans ce cas Development

    note tip
    TIP
    Pour envoyer des données à un environnement de transfert d’événement en dehors de l’organisation Adobe, sélectionnez Saisie manuelle des identifiants et collez-les dans un ID. L’identifiant est fourni lorsque vous créez une propriété de transfert d’événement.
  8. Sélectionnez Enregistrer.

    Activation du transfert d’événement

Répétez ces étapes pour les flux de données d’évaluation et de production lorsque vous êtes prêt à promouvoir vos modifications par le biais du flux de publication.

Transfert de données de l’Edge Network Platform vers une solution non Adobe

Dans cet exercice, vous apprendrez à configurer un élément de données de transfert d’événement, à configurer une règle de transfert d’événement et à valider à l’aide d’un outil tiers appelé Webhook.site.

NOTE
Un webhook est un moyen d’intégrer différents systèmes en temps semi-réel. Webhook.site est un outil tiers qui vous permet d’inspecter, de tester et d’automatiser facilement (à l’aide du générateur d’actions personnalisées visuel ou de WebhookScript) toute requête HTTP ou tout courrier électronique entrant.
IMPORTANT
Vous devez avoir déjà créé et mappé des éléments de données à un objet XDM, ainsi que configuré des règles de balise et créé ces modifications dans une bibliothèque dans un environnement de balise pour continuer. Dans le cas contraire, reportez-vous à la section Configuration des balises dans la section conditions préalables . Ces étapes garantissent que les données sont envoyées à l’Edge Network Platform. Vous pouvez ensuite configurer une propriété de transfert d’événement pour transférer des données vers une solution non-Adobe.

Création d’un élément de données de transfert d’événement

L’objet XDM que vous avez précédemment configuré à l’aide de l’extension de balise SDK Web Platform devient la source de données pour les éléments de données dans une propriété de transfert d’événement. Vous utilisez les mêmes données que celles que vous avez déjà configurées dans la propriété de balise comme source de données pour le transfert d’événement.

IMPORTANT
Il existe une différence de syntaxe clé lors du référencement des champs XDM dans le transfert d’événement par rapport à d’autres contextes. Pour référencer des données dans une propriété de transfert d’événement, le chemin d’accès de l’élément de données doit inclure la variable arc.event préfixe :
  • arc désigne Adobe Response Context.
  • Par exemple : arc.event.xdm.web.webPageDetails.URL
Si ce chemin dʼaccès nʼest pas spécifié correctement, les données ne sont pas collectées.

Au cours de cet exercice, vous allez transférer la hauteur de la fenêtre d’affichage du navigateur et l’identifiant Experience Cloud de l’objet XDM vers un webhook. Le chemin d’accès au champ XDM est déterminé par le schéma XDM créé lors de la Configurer un schéma XDM leçon.

TIP
Vous pouvez également trouver le chemin d’accès de l’objet XDM en utilisant les outils réseau de votre navigateur web, en filtrant pour /ee requêtes, ouverture de la balise Payload et descendre vers la variable que vous recherchez. Cliquez avec le bouton droit de la souris et sélectionnez "Copier le chemin de la propriété". Voici un exemple pour la hauteur de la fenêtre d’affichage du navigateur :
Chemin XDM de transfert d’événement
  1. Accédez au Transfert d’événement la propriété que vous venez de créer

  2. Dans le volet de navigation de gauche, sélectionnez Éléments de données

  3. Sélectionnez pour Créer un élément de données

    Transfert d’événement d’un nouvel élément de données

  4. Nom l’élément de données environment.browserDetails.viewportHeight

  5. Sous Extension, laissez CORE

  6. Sous Type d’élément de données, sélectionnez Path

  7. Saisissez le chemin d’accès de l’objet XDM contenant la hauteur de la fenêtre d’affichage du navigateur. arc.event.xdm.environment.browserDetails.viewportHeight

  8. Sélectionnez Enregistrer.

    Chemin d’accès ECID de transfert d’événement

  9. Création d’un autre élément de données

  10. Nom it ecid

  11. Sous Extension, laissez CORE

  12. Sous Type d’élément de données, sélectionnez Path

  13. Saisissez le chemin d’accès à l’objet XDM contenant l’identifiant Experience Cloud. arc.event.xdm.identityMap.ECID.0.id

  14. Sélectionnez Enregistrer.

    Chemin d’accès ECID de transfert d’événement

    note caution
    CAUTION
    Veillez à inclure la variable arc.event. dans le chemin. Veillez également à respecter la casse exacte en tant que nom du champ d’objet XDM : l’espace de noms ECID doit être en majuscules.
    note tip
    TIP
    Lorsque vous utilisez votre propre site web, vous pouvez trouver le chemin d’accès de l’objet XDM avec les outils réseau de votre navigateur web, en filtrant pour /ee requêtes, ouverture de la balise Payload et descendre vers la variable que vous recherchez. Cliquez avec le bouton droit de la souris et sélectionnez "Copier le chemin de la propriété". Voici un exemple pour la hauteur de la fenêtre d’affichage du navigateur :
    Chemin XDM de transfert d’événement

Installation de l’extension Adobe Cloud Connector

Pour envoyer des données à des emplacements tiers, vous devez d’abord installer le Connecteur Adobe Cloud extension .

  1. Sélectionner Extensions dans la navigation de gauche

  2. Sélectionnez la variable Catalogue tab

  3. Recherchez le Connecteur Adobe Cloud, sélectionnez Installer

    Chemin d’accès ECID de transfert d’événement

Aucune configuration d’extension n’est nécessaire. Avec cette extension, vous pouvez désormais transférer des données vers une solution autre qu’Adobe !

Création d’une règle de transfert d’événement

Il existe quelques différences principales entre la configuration des règles dans une propriété de balise et une règle dans une propriété de transfert d’événement :

  • Événements & Conditions:

    • Balises: toutes les règles sont déclenchées par un événement qui doit être spécifié dans la règle ; par exemple, Library Loaded - Page Top. Les conditions sont facultatives.
    • Transfert d’événement: on suppose que chaque événement envoyé à l’Edge Network Platform est un déclencheur pour transférer des données. Par conséquent, il n’existe pas de Événements qui doit être sélectionné dans les règles de transfert d’événement. Pour gérer les événements qui déclenchent une règle de transfert d’événement, vous devez configurer des conditions.
  • Jeton d’élément de données:

    • Balises: les noms des éléments de données sont segmentés en unités lexicales avec un % au début et à la fin du nom de l’élément de données lorsqu’il est utilisé dans une règle. Par exemple : %viewportHeight%.

    • Transfert d’événement: les noms des éléments de données sont segmentés en unités lexicales avec {{ au début et }} à la fin du nom de l’élément de données lorsqu’il est utilisé dans une règle. Par exemple : {{viewportHeight}}.

  • Séquence d’actions de règle:

    • La section Actions d’une règle de transfert d’événement est toujours exécutée de manière séquentielle. Assurez-vous que l’ordre des actions est correct lorsque vous enregistrez une règle. Cette séquence d’exécution ne peut pas être exécutée de manière asynchrone, à la différence des balises.

Pour configurer une règle de transfert de données vers votre webhook, vous devez d’abord obtenir votre webhook personnel :

  1. Accédez à Webhook.site

  2. Rechercher Votre URL unique, vous l’utilisez comme requête d’URL dans votre règle de transfert d’événement.

  3. Sélectionner Copier dans le presse-papiers

  4. Laissez cette fenêtre ouverte, car vous pourrez valider les données de transfert d’événement en temps réel capturées par Webhook.

    Copie de l’URL Webhook

  5. Revenir Collecte de données > Transfert d’événement > Règles à partir du volet de navigation de gauche

  6. Sélectionner Créer une règle

    Transfert d’événement Nouvelle règle

  7. Nommez-le all events - ad cloud connector - webhook

  8. Ajout d’une action

  9. Sous Extension, sélectionnez Connecteur Adobe Cloud

  10. Sous Type d’action, sélectionnez Appel de récupération

  11. Collez l’URL de webhook dans URL field

    Copie de l’URL Webhook

  12. Sous [Paramètres de requête], vous ajouterez les deux éléments de données que vous avez créés précédemment.

  13. Sur le Clé type de colonne dans viewPortHeight. Sur le Valeur , saisissez la variable {{environment.browserDetails.viewportHeight}} élément de données en le saisissant ou en le sélectionnant à partir de l’icône du sélecteur d’élément de données

  14. Sélectionner + Ajouter un autre pour ajouter un autre paramètre de requête

  15. Sur le Clé type de colonne dans ecid. Dans la colonne Valeur , saisissez la valeur {{ecid}} élément de données

  16. Sélectionner Conserver les modifications

    Ajouter un paramètre de requête

  17. Votre règle doit ressembler à ci-dessous.

  18. Sélectionnez Enregistrer.

    Enregistrer la règle de transfert d’événement

Création et création de la bibliothèque

Créez une bibliothèque et générez toutes les modifications dans votre environnement de développement de transfert d’événement comme vous le feriez normalement dans une propriété de balise.

NOTE
Si vous n’avez pas lié les propriétés d’évaluation et de transfert d’événement de production à votre flux de données, vous verrez l’environnement de développement comme la seule option vers laquelle créer une bibliothèque.

Enregistrer la règle de transfert d’événement

Validation de la règle de transfert d’événement

Vous pouvez maintenant valider votre propriété de transfert d’événement à l’aide de Platform Debugger et de Webhook.site :

  1. Suivez les étapes pour changer la bibliothèque de balises sur le Site de démonstration Luma à la propriété de balise du SDK Web à laquelle vous avez mappé votre propriété de transfert d’événement dans le flux de données.

  2. Avant de recharger la page, ouvrez Debugger dans l’Experience Platform Journaux à partir du volet de navigation de gauche

  3. Sélectionnez la variable Edge , puis sélectionnez Connexion pour afficher les demandes de l’Edge Network Platform

    Session réseau de périphérie du transfert d’événement

  4. Recharger la page

  5. D’autres requêtes s’affichent, vous donnant ainsi une vue d’ensemble des requêtes côté serveur envoyées par l’Edge Network Platform à WebHook.

  6. La demande sur laquelle se concentrer la validation est celle qui montre l’URL entièrement construite envoyée par le réseau Edge.

    Débogueur de transfert d’événement

  7. Notez les paramètres de chaîne de requête viewPortHeight et ecid

    Chaînes de requête de validation du transfert d’événement

  8. Ils correspondent aux données affichées dans l’objet XDM.

    Données correspondantes de transfert d’événement

  9. Enfin, validez les correspondances de données dans Webhook.site également en affichant votre fenêtre Webhook ouverte.

    Données du site webhook de transfert d’événement

Félicitations ! Vous avez configuré le transfert d’événement !

Suivant :

NOTE
Merci d’avoir consacré du temps à l’apprentissage du SDK Web Adobe Experience Platform. Si vous avez des questions, souhaitez partager des commentaires généraux ou avez des suggestions sur le contenu futur, partagez-les à ce sujet. Article de discussion de la communauté Experience League
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4