2.4 Connexion de la collecte de données EXP News à votre tableau de bord EXP News en temps réel

Objectifs

  • Découvrez comment connecter notre application de tableau de bord Project Firefly EXP News Realtime à des informations de diffusion en continu en temps réel, à partir du site web EXP News, à l’aide du transfert côté serveur de la collecte de données Adobe Experience Platform.

Conditions préalables

Avant de commencer cet exercice, assurez-vous d’avoir installé et configuré NodeJS et l’interface de ligne de commande d’Adobe I/O sur votre ordinateur. Voir Exercice 22.1 - Configuration de votre environnement pour plus d’informations.

22.4.1 Découvrez le webhook de l’application Project Firefly

Nous devons comprendre le webhook permettant de connecter des événements en continu du site web EXP News à notre application de tableau de bord. En fait, vous auriez déjà dû le repérer comme sortie de votre aio app deploy de l'exercice 22.3.2. Vous pouvez le copier directement d'ici ; il s’agit de la première ligne de la liste de votre action déployée ; celle se terminant par webhook. Déployer, par exemple https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook. Copiez l’URL de webhook et enregistrez-la à un emplacement où vous pourrez l’utiliser ultérieurement.

22.4.2 Configuration du transfert côté serveur de la collecte de données Adobe Experience Platform

Nous allons maintenant configurer le transfert côté serveur pour notre application de tableau de bord Project Firefly EXP News Firefly à l’aide du webhook que nous avons découvert lors de l’exercice précédent.

Accédez à https://experience.adobe.com/#/data-collection/. Vérifiez que vous vous trouvez dans la bonne organisation dans le coin supérieur droit : --envName--.

Transfert côté serveur de la collecte de données Adobe Experience Platform

Dans le menu de gauche, cliquez sur Serveur. Un aperçu des propriétés du serveur s’affiche.

Transfert côté serveur de la collecte de données Adobe Experience Platform

Recherchez la propriété côté serveur que vous avez créée dans le cadre du module 21 (par ex. vangeluw - Demo System (24/04/2021) (Edge)) et cliquez pour l’ouvrir.

Transfert côté serveur de la collecte de données Adobe Experience Platform

Cliquez sur Éléments de données dans le rail de gauche, puis sur Ajouter un élément de données pour ajouter un nouvel élément de données. Dans l’écran de définition des éléments de données, fournissez les informations suivantes :

  • Nom: brandName
  • Extension : sélectionnez Core dans la liste.
  • Type d’élément de données : sélectionnez Path dans la liste.
  • Chemin (obligatoire) : arc.event.xdm.--aepTenantId--.demoEnvironment.brandName

élément de données SSF de la collecte de données Adobe Experience Platform

Cliquez sur Enregistrer pour enregistrer l’élément de données.

Cliquez sur Règles dans le rail de gauche. Vous verrez un aperçu des règles créées pour cette propriété, avec la règle All Pages de l’exercice 21 répertoriée. Cliquez sur Ajouter une règle.

Règles de collecte de données Adobe Experience Platform

Dans l’écran Créer une règle :

Indiquez un nom, par exemple : All Pages EXP News. Cliquez sur + Ajouter pour ajouter une nouvelle condition.

Nom de la règle de collecte de données Adobe Experience Platform

Dans l’écran Configuration de la condition et fournissez les informations suivantes :

  • Type logique : select Regular
  • Extension : select Core
  • ​​ConditionType : select Value Comparison
  • Nom: Core - Value Comparison
  • Left Operand (obligatoire) : sélectionnez brandName dans la boîte de dialogue qui s’affiche en cliquant sur l’icône à trois cylindres. Le champ est renseigné par {{brandName}}.
  • Opérateur : select Equals
  • Right Operand : saisissez EXP News.

Règle SSF de collecte de données Adobe Experience Platform

Cliquez sur Conserver les modifications pour revenir à l’écran Créer une règle . Vous serez alors de retour ici, cliquez sur + Ajouter pour ajouter une nouvelle action.

Règle SSF de collecte de données Adobe Experience Platform

Dans l’écran Configuration de l’action , fournissez les informations suivantes dans le panneau de gauche.

  • Extension : select Adobe Cloud Connector
  • Type d’action : select Make Fetch Call
  • Nom: Adobe Cloud Connector - Make Fetch Call
  • Méthode (obligatoire) : select POST
  • URL (obligatoire) : collez ici le webhook que vous avez copié et enregistré à partir de l’exercice 22.4.1, par exemple https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook

Cliquez sur Body.

Règle 3 du transfert côté serveur de la collecte de données Adobe Experience Platform

Vérifie que le Corps ressemble à ceci :

  • Vérifiez que Raw est sélectionné comme Format du corps
  • sélectionnez XDM Event dans la boîte de dialogue qui s’affiche lorsque vous cliquez sur l’icône à trois cylindres derrière le champ sous Body (Raw). {{XDM Event}} sera alors ajouté.

Règle 3b du transfert côté serveur de la collecte de données Adobe Experience Platform

Cliquez sur Conserver les modifications. Votre écran devrait ressembler à ceci. Cliquez sur Enregistrer.

Règle 4 du transfert côté serveur de la collecte de données Adobe Experience Platform

Cliquez sur Flux de publication à gauche pour déployer les modifications dans votre configuration de serveur de collecte de données Adobe Experience Platform.
Cliquez sur … directement à partir de v1 dans votre colonne Développement et cliquez sur Modifier.

Adobe Experience Platform Data Collection SSF - Règle 5

Dans l’écran Modifier la bibliothèque, cliquez sur Ajouter toutes les ressources modifiées. Vous verrez un aperçu des dernières modifications. Cliquez sur Enregistrer et créer pour le développement.

Règle 6 du transfert côté serveur de la collecte de données Adobe Experience Platform

Au bout d’un certain temps, vous revenez à l’écran précédent. Patientez jusqu’à ce que le cercle avant v1 cesse de tourner et passe en vert uni. Vos règles de transfert côté serveur mises à jour pour les pages d’actualités EXP sont désormais déployées.

Règle 7 du transfert côté serveur de la collecte de données Adobe Experience Platform

22.4.3 Démonstration du tableau de bord en temps réel d’EXP News

Nous allons maintenant démontrer comment les interactions sur le site web d’EXP News seront mises à jour en temps réel dans notre application de tableau de bord EXP News.

Pour ce faire :

Accédez à https://public.aepdemo.net.

Saisissez votre ID de configuration et cliquez sur Charger la configuration.

Au bas de la page, cliquez sur Enregistrer la configuration

Cliquez sur Sélectionnez LDAP et sélectionnez votre nom LDAP dans la liste. Cliquez sur Enregistrer. LDAP

Cliquez sur Sélectionner la marque et sélectionnez EXP News (Demo brand for mediaent) dans la liste.

Cliquez sur Enregistrer.

Marque

Dans l’écran État de l’environnement

État

Cliquez sur le logo EXP News . Vous accédez alors au site EXP News !

EXP News

Sur le site web d'EXP News, cliquez pour lire des articles et visionner des vidéos.

Revenez à l’application Firefly de tableau de bord en temps réel EXP News ; il devrait actualiser vos interactions avec le site d’actualités EXP en temps réel.

Realtime

Amusez-vous à explorer plus en détail ceci. Si vous êtes plus développeur et aventureux et que vous avez du temps libre, découvrez le code source de l’application de tableau de bord et apportez les modifications souhaitées.

Vous avez maintenant terminé cet exercice et ce module.

Étape suivante : Résumé et avantages

Revenir au module 22

Revenir à tous les modules

Sur cette page