19.4 Configuration de l’interface utilisateur ServiceNow

19.4.1 Importation de modèles XML

Vous allez maintenant importer deux modèles XML prédéfinis qui aideront à accélérer le processus d'implémentation dans ServiceNow en chargeant un certain nombre de paramètres prédéfinis.

Tout d'abord, téléchargez les modèles XML requis que vous trouverez ici sur le bureau de votre ordinateur et décompressez-les.

Dans ce répertoire, vous disposez désormais de deux fichiers de modèle XML :

• AEPWidget.xml
• CSM-AEP-E2E-Flow.xml

Ces deux fichiers doivent être importés dans ServiceNow.

Dans ServiceNow, dans le Navigateur de filtres, entrez le terme de recherche Récupéré Jeux de mises à jour. Cliquez sur Récupérer les jeux de mises à jour.

Vous verrez alors ceci. Cliquez sur Importer un jeu de mises à jour à partir de XML.

Vous verrez alors ceci. Cliquez sur Choisir un fichier.

Dans la fenêtre contextuelle, accédez au dossier de votre bureau et sélectionnez le fichier AEPWidget.xml. Cliquez sur Ouvrir.

Cliquez ensuite sur Télécharger.

Vous verrez alors ceci. Cliquez à nouveau sur Importer un jeu de mises à jour à partir du code XML .

Vous verrez alors ceci. Cliquez sur Choisir un fichier.

Dans la fenêtre contextuelle, accédez au dossier de votre bureau et sélectionnez le fichier CSM-AEP-E2E-Flow.xml. Cliquez sur Ouvrir.

Cliquez ensuite sur Télécharger.

Vous verrez alors ceci. Vous avez maintenant importé les deux fichiers XML.

19.4.2 Visionneuses de mises à jour de Prévisualisation et de validation

Ensuite, vous devez prévisualisation et valider les jeux de mises à jour XML que vous venez de télécharger.

Cliquez sur Mettre à jour le widget AEP sur l’espace de travail de l’agent pour l’ouvrir.

Vous verrez alors ceci. Cliquez sur Prévisualisation Update Set.

Vous verrez ensuite une fenêtre contextuelle similaire après quelques secondes. Le message d’erreur est attendu. Cliquez sur Fermer.

Cliquez sur Accepter la mise à jour​à distance.

Vous verrez alors ceci. Cliquez sur Valider le jeu de mises à jour.

Vous verrez alors une autre fenêtre contextuelle. Patientez jusqu’à ce qu’il se termine, puis cliquez sur Fermer.

Vous serez alors de nouveau dans l’écran d’aperçu de votre visionneuse de mises à jour récupérée. Cliquez sur le bouton Précédent pour revenir à toutes les visionneuses de mises à jour récupérées.

Vous verrez alors ceci. Cliquez sur Mettre à jour l'intégration CSM+AEP Set E2E pour l'ouvrir.

Vous verrez alors ceci. Cliquez sur Prévisualisation Update Set.

Vous verrez ensuite une fenêtre contextuelle similaire après quelques secondes. Cliquez sur Fermer.

Il se peut que vous receviez un message d’erreur. Dans ce cas, veillez à cliquer sur Accepter la mise à jour à distance pour chaque erreur, comme vous l’avez fait lors de l’exercice précédent.

Vous verrez alors ceci. Cliquez sur Valider le jeu de mises à jour.

Vous verrez alors une autre fenêtre contextuelle. Patientez jusqu’à ce qu’il se termine, puis cliquez sur Fermer.

Vous serez alors de nouveau dans l’écran d’aperçu de votre visionneuse de mises à jour récupérée. Cliquez sur le bouton Précédent pour revenir à toutes les visionneuses de mises à jour récupérées.

19.4.3 Création de champs spécifiques à un Adobe dans le tableau Cas ServiceNow

Dans ServiceNow, dans le navigateur de filtres, entrez le terme de recherche Case. Cliquez sur Tout.

Vous verrez alors ceci.

Cliquez avec le bouton droit de la souris sur l’en-tête Tableau comme indiqué. Accédez à Configurer > Tableau.

Vous verrez alors ceci. Cliquez sur Nouveau.

Vous verrez alors un formulaire vide.

Renseignez les champs de formulaire comme suit :

• Type :String
• Libellé de colonne : Horodatage pour AEP
• Nom de la colonne : u_timestamp_for_aep
• Longueur max. : 100

Lorsque les champs de formulaire ci-dessus sont remplis, cliquez avec le bouton droit sur l’en-tête du formulaire et cliquez sur Enregistrer.

Cliquez ensuite sur le bouton Précédent comme indiqué ci-dessous.

Vous verrez alors ceci. Cliquez sur Nouveau.

Vous verrez alors un formulaire vide.

Renseignez les champs de formulaire comme suit :

• Type :String
• Libellé de colonne : ID pour AEP
• Nom de la colonne : u_id_for_aep
• Longueur max. : 100

Lorsque les champs de formulaire ci-dessus sont remplis, cliquez avec le bouton droit sur l’en-tête du formulaire et cliquez sur Enregistrer.

Cliquez ensuite sur le bouton Précédent comme indiqué ci-dessous.

Vos champs de formulaire sont maintenant définis. Vous pouvez maintenant continuer à configurer les règles de fonctionnement nécessaires pour remplir ces champs.

19.4.4 Création de règles de fonctionnement spécifiques à un Adobe dans le tableau Cas ServiceNow

Dans ServiceNow, dans le navigateur de filtres, entrez le terme de recherche Case. Cliquez sur Tout.

Cliquez avec le bouton droit sur les en-têtes du tableau. Un menu s'affiche alors. Accédez à Configurer > Règles ​​métier.

Vous verrez alors ceci. Cliquez sur Nouveau.

Vous verrez alors ceci.

Renseignez les champs de formulaire comme suit :

• Nom : Renseigner l’ID aléatoire pour AEP
• Tableau : Case [sn_customerservice_case]
• Cochez la case Avancé.
• Dans Quand exécuter, veillez à :
  • Cochez la case INSERT.
  • Cochez la case pour METTRE À JOUR.
  • Définir la condition de filtre sur Consommateur n’est pas vide

Vous devriez maintenant avoir ceci. Accédez à Advanced (flèche verte).

Dans le formulaire Script , saisissez le code suivant :

(function executeRule(current, previous /*null when async*/) {

  var randNumber = (Math.floor(Math.random() * 100000000000) + 1).toString();
    current.u_id_for_aep = randNumber;

})(current, previous);

Cliquez sur Envoyer.

Vous serez alors de retour ici. Cliquez à nouveau sur Nouveau .

Vous verrez alors ceci.

Renseignez les champs de formulaire comme suit :

• Nom : Remplissage de l’horodatage pour AEP
• Tableau : Case [sn_customerservice_case]
• Cochez la case Avancé.
• Dans Quand exécuter, veillez à :
  • Cochez la case INSERT.
  • Cochez la case pour METTRE À JOUR.
  • Définir la condition de filtre sur Consommateur n’est pas vide

Vous devriez maintenant avoir ceci. Accédez à Advanced (flèche verte).

Dans le formulaire Script , saisissez le code suivant :

(function executeRule(current, previous /*null when async*/) {

  current.u_timestamp_for_aep =  new Date().toISOString();

})(current, previous);

Cliquez sur Envoyer.

19.4.5 Activation du ruban Adobe Experience Platform sur la présentation des clients

Vous devez maintenant exécuter un script pour vous assurer qu’un composant spécifique s’affichera dans la vue d’ensemble du cas client.

Dans ServiceNow, dans le navigateur de filtres, saisissez le terme de recherche Scripts - Arrière-plan. Cliquez sur Scripts - Arrière-plan.

Vous verrez alors ceci.

Copiez le code ci-dessous et collez-le dans le formulaire d’entrée Exécuter un script .

var grSULSS = new GlideRecord('sys_ux_lib_source_script');
if (grSULSS.get('5acc97d956dc670d624ef4a31f70b919')) {
  grSULSS.inner_components = "223be0881a4988fcbe7112c23bf93c75,38a40eb364f0ac980c697fa64444f1e8,c817fad3b052fbd2443137d58b9b5024,3f9425191bf9c41091bf0d8cdc4bcb2e";
  grSULSS.update();
}

Cliquez sur Exécuter le script. Vous verrez alors ceci.

Vous avez maintenant défini tous les composants requis pour visualiser les données Adobe Experience Platform dans l'interface utilisateur de ServiceNow et dans l'autre direction, pour envoyer les données de cas de ServiceNow vers Adobe Experience Platform.

Étape suivante : 19.5 Configuration de votre flux ServiceNow

Revenir au module 19

Revenir à tous les modules