Application web de gestion d’événement dans l’aperçu du marketing sortant

Note

Dynamics 365 Marketing et Dynamics 365 Customer Insights sont maintenant Customer Insights - Journeys et Customer Insights - Data. Pour plus d’informations, consultez les Dynamics 365 Customer Insights FAQ

Les nouveaux clients Customer Insights - Journeys reçoivent uniquement des fonctionnalités des parcours en temps réel. Pour en savoir plus, consultez Installation de parcours en temps réel par défaut.

Note

Azure Active Directory est désormais Microsoft Entra ID. En savoir plus

Important

Cet article s’applique uniquement au marketing sortant.

La fonctionnalité de gestion d’événement vous permet d’organiser, de gérer et de traiter les événements. Lorsque vous installez la solution de gestion d’événement, vous obtenez un portail d’événements qui attribue aux utilisateurs une application web où ils peuvent en savoir plus sur les détails de l’événement. Informations complémentaires : Portail d’événements.

Le portail d’événements est composé de deux parties :

1. Frontal
2. Le serveur principal de l’API REST

Vous pouvez implémenter le front-end en utilisant n’importe lequel des frameworks disponibles. Le frontal est une application d’une seule page et est entièrement personnalisable. Le serveur principal et la personnalisation de celui-ci dépendent du type d'hébergement.

Vous pouvez héberger un site web d’événements personnalisé de deux manières :

1. Auto-hébergé
2. Hébergé par le portail Power Apps

Conditions préalables

Vous pouvez créer votre partie frontale ou personnaliser le site web d'événements de démonstration fourni.

Astuce

Le site Web de l’événement marketing sortant ne peut pas être personnalisé à l’aide du studio Power Pages.

Note

Le site web d’événements de démonstration fourni est un site web basé sur une structure Angular. Toutefois, puisque le serveur principal n'est pas dépendant de la partie frontale, vous pouvez utiliser autant de structures que souhaité.

Pour commencer à personnaliser le site web d’événements de démonstration, procédez comme suit :

1. Téléchargez le code source pour l’exemple de site Web d’événement.

2. Installez Node.js entre la version 10.x et la version 16.x. Le déploiement ne fonctionnera pas avec les versions plus récentes.

3. Ouvrez l’invite de commande ou Windows PowerShell et exécutez la commande pour vérifier si l’installation est réussie.

    node -v
   

   Note

   Si vous avez un terminal ou un shell déjà ouvert, redémarrez-le avant de saisir de la commande.

4. Exécutez la commande pour installer l’interface de ligne de commande (CLI) Angular requise pour créer et exécuter l’application Angular. Pour plus d’informations, voir CLI Angular.

   npm install -g @angular/cli
   

5. Accédez au répertoire dans lequel vous avez téléchargé le code source et exécutez la commande pour extraire tous les packages nécessaires requis pour exécuter le site web.

   npm install
   

   Note

   Vous devez exécuter la commande dans le répertoire où se trouve le fichier package.json.

6. Consultez Documentation de l’API publique pour interagir avec les services back-end.

7. Vous devez également avoir une instance Dynamics 365 Customer Insights - Journeys avec la solutions Gestion d’événement et Portails installées. Pour installer, voir S’inscrire à une version d’évaluation gratuite de Dynamics 365 Customer Insights - Journeys.

Télécharger un exemple de site web d’événement

Note

Les nouvelles versions de l’exemple de site web d’événement seront disponibles une fois que de nouvelles fonctionnalités et corrections de bogues seront publiées.

Sélectionnez la version que vous voulez télécharger dans le tableau ci-dessous.

Nom	Version	Modifications	Chargé
Exemple de site web d’événement	1.56.0 (version de décembre)	- Correction d’un problème de liste d’attente. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.46.0 (version de septembre)	- Correction des problèmes d’accessibilité. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.34.0 (version d’avril)	- Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.30.0 (version de décembre)	- Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.28.0 (version d’octobre)	- Ajout de la possibilité d’activer la conversion de la date locale. - Ajout de configurations linguistiques supplémentaires pour le site web.	Télécharger
Exemple de site web d’événement	1.27.0 (version de septembre)	- Ajout de la possibilité de configurer l’affichage des dates. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.24.0 (version de juin)	- Script de déploiement mis à jour pour permettre le déploiement d’un seul fichier pour les portails. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.23.0 (version de mai)	- Correction des problèmes d’accessibilité. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.22.0 (version d’avril)	- Correction des problèmes d’accessibilité. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.21.0 (version de mars)	- Ajout de l’arrêt des inscriptions aux événements. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.20.0 (version de février)	- Intégrer des formulaires marketing valides pour les inscriptions à un événement. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.19.0 (version de décembre)	- Correction des problèmes d’accessibilité. - Mise à jour des langues du site web. - Amélioration de la page de l’intervenant. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.18.0 (version d’octobre)	- Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.17.0 (version de septembre)	- Améliorer le workflow pour les événements payés. - Résoudre les problèmes de compatibilité pour IE11. - Améliorer la page de détails de l’événement. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.16.0 (version d’août)	- Améliorer le comportement de chargement des pages d’événements. - Améliorer UI/UX du champ personnalisé d’inscription du type booléen. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.15.0 (version de juillet)	- Ajoutez les informations à la vue de liste de session, si la session est terminée. - Ajoutez une validation aux champs d’inscription personnalisés - Importez les traductions. - Résolvez les icônes de police awesome absentes après les avoir déployées dans les portails. - Améliorations et correctifs de bogues mineurs.	Télécharger
Exemple de site web d’événement	1.14.0 (version de juin)	Mettez à niveau vers Angular 7, améliorez l’interface utilisateur et l’UX de la page de paiement, mettez à jour et améliorez les traductions, améliorez le script DeployToD365Instance.ps1, améliorez la validation du champ d’enregistrement personnalisé, d’autres corrections de bugs	Télécharger
Exemple de site web d’événement	1.13.0 (version d’avril)	Fonctionnalité de Liste d’attente au niveau de session, affinage d’interface utilisateur, correctifs de bogues	Télécharger
Exemple de site web d’événement	1.12.2 (version de mars)	Améliorations de l’interface et de l’expérience utilisateur, correctifs de bogues	Télécharger

Paramètres de configuration de l’environnement

Le dossier src\environments contient des exemples de fichiers de configuration pour différents environnements (auto-hébergé, hébergé et développement). La configuration du site web d’événements personnalisé est effectuée dans le fichier environment.ts, dans le dossier \src\environments. Vous trouverez des instructions sur la modification de la configuration dans les articles Configuration de l’environnement pour l’auto-hébergement et Configuration de l’environnement pour l’hébergement sur le portail associées.

Voici quelques-uns des paramètres que vous devez comprendre avant de commencer à configurer votre site Web événementiel personnalisé :

Paramètre	Description
production	Active ou désactive le mode de production de l’application Angular. Pour plus d’informations, voir la Documentation sur Angular.
buildVersion	Ce champ lie à la version spécifiée dans le fichier package.json par défaut. Vous n’avez pas besoin de modifier cette propriété. Toutefois, si vous préférez ne pas exposer la version de l’application, vous pouvez la définir sur null.
apiEndpoint	URL qui indique le point de terminaison de l’API de gestion d’événement (utilisée pour récupérer les informations des événements et créer des inscriptions).
localizationEndpoint	Indique l’URL où les fichiers de localisation sont enregistrés (par défaut ils sont enregistrés dans le répertoire racine).
imagesEndpoint	Spécifie l’URL de base d’où les images sont extraites. Cette configuration vous permet d’extraire des images provenant d’un autre emplacement, ce qui est nécessaire pour utiliser le réseau de distribution de contenu ou un service de traitement d’image.
useRestStack	Ce paramètre indique quelle API est utilisée. Si cette option est définie sur True, la nouvelle API publique de gestion d’événement est utilisée. Si cette option est définie sur False, l’ancienne API du portail de gestion d’événements est utilisée. Cette API peut uniquement être utilisée si vous hébergez le site web d’événements personnalisé sur des portails. Pour utiliser la nouvelle API publique de gestion d’événements, vous devez enregistrer l’application web.
emApplicationtoken	Ce jeton authentifie votre application web dans l’API publique de gestion d’événements. Vous pouvez extraire le jeton d’application en enregistrant une nouvelle application web dans l’instance de Customer Insights - Journeys. Ce jeton n’est pas requis si vous utilisez l’ancienne API du portail de gestion d’événements.
isAuthenticationEnabled	Cet indicateur spécifie si l’authentification de l’utilisateur est prise en charge ou non (c.-à-d. si l’utilisateur peut s’enregistrer ou se connecter). Si cette option est définie sur False, l’application ne permet pas de s’enregistrer ou de se connecter.
useAadB2C	Spécifie si vous souhaitez utiliser la gestion des identités ID Microsoft Entra pour l’authentification. Si vous souhaitez utiliser la gestion des identités des portails Power Apps, cet indicateur doit être défini sur False. Si l’ID Microsoft Entra est activé, vous devez alors configurer la variable aadB2CConfig.
aadB2CConfig	Objet de configuration utilisé par l’application Gestion d’événement lorsque la Gestion des identités de l’ID Microsoft Entra est activée.
useMockData	Ce paramètre peut être utilisé pour retourner des objets fantaisies au lieu de faire de vrais appels d’API.
dateSettings	Ce paramètre peut être utilisé pour configurer la manière dont les dates seront formatées sur le site Web. Si convertToLocalDate indicateur est défini sur true, toutes les dates sont automatiquement converties à l’heure locale de l’utilisateur final.
languageSettings	Ce paramètre peut être utilisé pour configurer la manière dont les langues seront chargées sur le site Web. Si l’indicateur forceSingleLanguage est défini sur true, le site web sera chargé dans la langue spécifiée dans websiteLanguageLcid. L’indicateur showLanguageDropdown permet d’afficher ou de masquer la liste déroulante des langues. Par défaut, la liste déroulante des langues est visible et le site Web utilisera la langue du navigateur de l’utilisateur final.

Personnalisation du serveur principal

Vous pouvez rencontrer une situation dans laquelle vous souhaitez personnaliser le backend de l’application gestion d’événement. Supposons qu’un personnalisateur de système souhaite ajouter un nouveau champ à l’entité gestion d’événement existante et souhaite voir ce champ sur le site Web de l’événement. Par exemple, si le champ custom_new_field est ajouté à l’entité evtmgmt_pass. Les passages de l’événement peuvent être récupérées à l’aide du point de terminaison de l’API api/v2.0/events/{readableEventId}/passes, mais le résultat ne contiendra pas le champ que vous venez d’ajouter.

Pour rendre le nouveau champ visible dans l’API, procédez comme suit :

1. Ouvrez votre instance Customer Insights - Journeys.
2. Ouvrez la Recherche avancée.
3. Sélectionnez l’entité Configurations des tables de site Web dans la liste déroulante et sélectionnez Résultats.
4. Sélectionnez Nouvelle configuration de table de site web pour créer un enregistrement.
5. Entrez le nom de votre choix dans le champ Nom.
6. Sélectionnez l’entité pour laquelle un champ supplémentaire doit être visible dans le champ Entité sélectionnée.
7. Entrez un tableau JSON contenant le nouveau champ personnalisé qui doit être visible via l’API dans les Champs sélectionnés. Cela expose le nouveau champ personnalisé via l’API et vous pouvez l’utiliser dans le front-end.