21.3 Création et configuration d’un webhook personnalisé

21.3.1 Création de votre webhook personnalisé

Accédez à https://webhook.site/. Vous verrez quelque chose comme ceci :

Votre URL unique se présente comme suit : https://webhook.site/f02f2c22-44f9-40d8-8188-dc60fd03e3ec.

Ce site web a maintenant créé ce webhook pour vous. Vous pourrez configurer ce webhook dans votre Adobe Experience Platform Data Collection Server property pour commencer à tester le transfert des événements.

21.3.2 Mise à jour de la propriété du serveur de collecte de données Adobe Experience Platform : Création d’un élément de données

Accédez à https://experience.adobe.com/#/data-collection/.

Dans le menu de gauche, cliquez sur Serveur. Vous verrez ensuite un aperçu de toutes les propriétés disponibles du serveur de collecte de données Adobe Experience Platform. Recherchez et cliquez pour ouvrir la propriété que vous avez créée dans exercice 21.1.

Dans le menu de gauche, accédez à Éléments de données. Cliquez sur Créer un élément de données.

Un nouvel élément de données à configurer s’affiche.

Effectuez la sélection suivante :

• En tant que Nom, saisissez Événement XDM.
• En tant que Extension, sélectionnez Core.
• En tant que Type d’élément de données, sélectionnez Chemin.
• En tant que Chemin, saisissez arc.event.xdm. En entrant ce chemin, vous allez filtrer la section XDM de la payload d’événement envoyée par le site web ou l’application mobile dans Adobe Edge.

Vous allez maintenant avoir ceci. Cliquez sur Enregistrer.

21.3.3 Mise à jour de la propriété du serveur de collecte de données Adobe Experience Platform : Création d’une règle

Dans le menu de gauche, accédez à Règles. Cliquez sur Créer une règle.

Vous verrez alors une nouvelle règle à configurer.

Saisissez le Nom : Toutes les pages.

Pour cet exercice, il n’est pas nécessaire de configurer une condition. Vous allez plutôt configurer une action. Cliquez sur le bouton + Ajouter sous Actions.

Vous verrez alors ceci.

Effectuez la sélection suivante :

• Sélectionnez Extension : Adobe Cloud Connector.
• Sélectionnez le Type d’action : Lancer l’appel de récupération.

Cela devrait vous donner le nom suivant : Adobe Cloud Connector - Lancer l’appel de récupération. Vous devriez maintenant voir ceci :

Configurez ensuite les éléments suivants :

• Modifiez la méthode de requête de GET en POST.
• Saisissez l’URL du webhook personnalisé que vous avez créé lors de l’une des étapes précédentes sur le site Web https://webhook.site/, qui ressemble à ceci : https://webhook.site/f02f2c22-44f9-40d8-8188-dc60fd03e3ec

Vous devriez maintenant avoir ceci. Ensuite, accédez à Body.

Vous verrez alors ceci. Cliquez sur l’icône Élément de données comme indiqué ci-dessous.

Dans la fenêtre contextuelle, sélectionnez l’élément de données XDM Event que vous avez créé à l’étape précédente. Cliquez sur Sélectionner.

Vous verrez alors ceci. Cliquez sur Conserver les modifications.

Vous verrez alors ceci. Cliquez sur Enregistrer.

Vous avez maintenant configuré votre première règle dans une propriété de serveur de collecte de données Adobe Experience Platform. Accédez à Flux de publication pour publier vos modifications.
Ouvrez votre bibliothèque de développement v1 en cliquant sur Modifier comme indiqué.

Cliquez sur le bouton Ajouter toutes les ressources modifiées, après quoi votre règle et votre élément de données apparaîtront dans cette bibliothèque. Cliquez ensuite sur Enregistrer et créer pour le développement. Vos modifications sont en cours de déploiement.

Au bout de quelques minutes, vous verrez que le déploiement est terminé et prêt à être testé.

21.3.4 Test de votre configuration

Ouvrez une nouvelle fenêtre de navigateur incognito propre et accédez à https://public.aepdemo.net.

Vous verrez alors ceci.

Saisissez votre ID de configuration et cliquez sur Charger la configuration. Votre configuration est ensuite chargée.

Faites défiler l’écran vers le bas et cliquez sur Enregistrer la configuration.

Vous serez ensuite redirigé vers la page d’accueil Admin. Accédez à Sélectionnez LDAP. Sélectionnez votre LDAP et cliquez sur Enregistrer.

Vous serez ensuite redirigé vers la page d’accueil Admin. Accédez à Sélectionner la marque et sélectionnez la marque Luma, cliquez sur Enregistrer.

Vous serez ensuite redirigé vers la page d’accueil Admin. Cliquez sur le logo Luma .

Vous verrez ensuite la page d’accueil de Luma.

Lorsque vous ouvrez la vue Développeur de votre navigateur, vous pouvez examiner les demandes réseau comme indiqué ci-dessous. Lorsque vous utilisez le filtre interagir, les demandes réseau envoyées par le client de collecte de données Adobe Experience Platform à Adobe Edge s’affichent.

Si vous sélectionnez la payload brute, accédez à https://jsonformatter.org/json-pretty-print et collez la payload. Cliquez sur Rendre joli. Vous verrez ensuite la charge utile JSON, l’objet events et l’objet xdm. Lors de l’une des étapes précédentes, lorsque vous avez défini l’élément de données, vous avez utilisé la référence arc.event.xdm, ce qui vous permettra d’analyser l’objet xdm de cette payload.

Basculez votre vue vers le site Web https://webhook.site/ que vous avez utilisé lors de l’une des étapes précédentes. Vous devriez maintenant avoir une vue similaire à celle-ci, avec les requêtes réseau affichées dans le menu de gauche. Vous voyez la payload xdm qui a été filtrée hors de la requête réseau qui a été affichée ci-dessus.

Faites défiler la page vers le bas pour trouver le nom de la page, qui est, dans ce cas, Luma Home.

Si vous parcourez désormais le site web, d’autres requêtes réseau seront disponibles en temps réel sur ce webhook personnalisé.

Vous avez maintenant configuré le transfert côté serveur des payloads Web SDK/XDM vers un webhook personnalisé externe. Dans les exercices suivants, vous allez configurer une approche similaire, et vous enverrez ces mêmes données vers les environnements Google et Microsoft Azure.

Étape suivante : 21.4 Création et configuration d’une fonction Google Cloud

Revenir au module 21

Revenir à tous les modules