Maîtriser XM Cloud – Nouveaux outils et interfaces (partie 2 / 3)

Si vous demandez à n’importe qui dans la communauté Sitecore quel a été le plus grand battage médiatique de 2022 – il n’y aurait pas d’autre opinion que de mentionner XM Cloud. Jetons un coup d’œil à cette dernière et brillante offre SaaS !

Teneur

Les bons anciens éditeur de contenu et éditeur d’expérience restent avec nous et c’est une bonne nouvelle pour ceux qui s’en tiennent habituellement aux interfaces. ils avaient l’habitude. Néanmoins, cet article de blog vous familiarisera avec les toutes nouvelles applications et interfaces fournies avec XM Cloud.

Des sites

Cette application s’ouvre par défaut. Il affiche tous les sites Web disponibles dans le système avec la barre de recherche de saisie prédictive pour les filtrer. Cliquer sur l’un des sites les ouvre dans une application Pages, comme prévu.

Ce qui est plus intéressant, c’est la possibilité de créer des sites web directement depuis cette interface en cliquant sur le bouton «Créer un site Web » bouton.

pages

Si vous avez joué autour d’Horizon dans les dernières versions de XP telles que 10.2, vous reconnaîtrez immédiatement cette interface utilisateur. Les pages sont construites sur la base d’Horizon :

L’application Pages dispose de 5 vues que vous sélectionnez dans la bande de navigation de gauche :

• pages
• Composants
• Teneur
• Personnaliser
• Analyser

Personnellement, je trouve un peu déroutant que certaines vues aient les mêmes noms et applications. Par exemple, en cliquant sur le Composants vue des pages ci-dessus application dans la barre de navigation de gauche, vous verrez un sélecteur de composants que vous pouvez faire glisser et déposer sur la page modifiable. Cependant, ceci est totalement différent des composants application qui est un outil turbocompressé pour créer des composants à utiliser sur une page, que vous choisissez ensuite par le sélecteur de composants mentionné de pages application.

je veux le souligner pages a été fait avec une attention aux détails mineurs. Il a des effets d’animation très agréables pour de nombreuses transitions, vous laissant une expérience premium. Il n’y a pas de bouton « Enregistrer » nulle part car pages l’application enregistre automatiquement vos modifications.

Il prend également en charge plusieurs sites Web sélectionnés dans une liste déroulante. Aperçu, expérience des appareils, arborescence de navigation – toutes ces fonctionnalités sont situées dans la même interface que vous attendez afin d’avoir une expérience d’édition productive.

Composants

L’outil est encore à ses débuts, mais il a beaucoup de potentiel. Son objectif est de permettre aux créateurs de contenu et aux spécialistes du marketing de créer des composants sans qu’un développeur ait besoin de repartir de zéro.

Il existe de nombreuses options de style pour spécifier des types personnalisés et des polices personnalisées, au moins cela semble avancé.

Ici, nous créons le composant et le publions, afin que ce composant devienne disponible dans la bibliothèque de composants de l’application Pages. L’intention est que nous puissions assembler des composants et les créer à partir d’éléments de page de base, d’images, de liens, etc. En commençant par une grille, vous commencez simplement à ajouter des colonnes, à définir l’alignement et à appliquer d’autres éléments liés à l’interface utilisateur.

Mais quelle est la caractéristique la plus impressionnante de Composants app est – non seulement nous créons et personnalisons des composants individuels similaires à la façon dont nous le faisons dans SXA, mais maintenant nous créons des composants entiers complètement à partir de zéro, nous pouvons les styliser et les hydrater avec des données provenant d’une source de données externe. En disant externe Je veux dire vraiment externe : l’un des nombreux fournisseurs de contenu tiers et CMS sans tête, comme Content Hub One, Contentful, Kontent.ai, etc., et tout cela sans code !

Tout ce que vous avez à faire est de fournir un point de terminaison API et d’utiliser une souris pour sélectionner les champs de la source que vous souhaitez mapper. Pour ceux qui sont derrière un pare-feu robuste ou des politiques d’entreprise strictes, il existe une option pour coller directement un exemple d’extrait de code JSON pour le mapper. Ils n’ont jamais besoin d’accéder à l’API en direct lors de la création d’une source de données.

Ce qui est encore plus époustouflant, c’est que vous pouvez alimenter le même composant unique à partir de différents systèmes externes en même temps. Imaginez un composant de bloc promotionnel que vous pouvez facilement faire glisser et déposer sur une page composée de :

• Titre de titre qui se trouve nativement sur Sitecore XM Cloud
• Image tirée de Content Hub DAM
• Contenu promotionnel localisé extrait de Contentful CMS
• Bouton d’appel à l’action connecté au CDP

À mon avis, c’est une superpuissance des capacités d’édition XM Cloud ! Je recommande vivement de regarder ça courte vidéo démontrant toute la puissance du nouveau Composants application.

Comment les données sont mises à jour et invalidées avec Composants? Il semble que les données soient extraites au moment où la connexion est établie et ne soient pas actualisées au moment de la publication.

Personnaliser

Une version réduite de Sitecore Personalize est intégrée à pages interface de XM Cloud pour permettre la personnalisation de base des événements d’affichage. Par conséquent, il n’y a pas de correspondance individuelle entre les anciens ensembles de règles XP et les nouveaux, une analyse plus approfondie et une réévaluation de votre stratégie de personnalisation sont donc nécessaires.

Avec XM Cloud, il existe une nouvelle façon de faire de la personnalisation prête à l’emploi : nous avons un ensemble limité de règles à notre disposition et ce sont principalement des règles basées sur la session en cours, comme le jour de la semaine, le pays d’un visiteur, un système d’exploitation de l’appareil actuel du visiteur. Cependant, il n’y a aucun moyen de gérer le locataire Personalize intégré directement à partir de l’interface XM Cloud.

En vérifiant attentivement, vous pouvez toujours trouver des règles basées sur des données historiques : un exemple de règle basée sur l’historique est le nombre de pages vues qu’un visiteur a visitées au cours des 30 derniers (max) jours. Bien sûr, une fois que vous avez activé Sitecore Personalize, un ensemble d’outils étendra la fonctionnalité à un plus large éventail d’options.

Contrairement à XP où nous personnalisons chaque composant individuellement, dans le cloud XM, nous créons des variantes de page pour y parvenir afin de pouvoir définir le public qui sera exposé à cette variante de page.

En configurant l’audience, vous voyez l’ensemble de règles par défaut, j’en ai compté 14 :

• Point de vente : La visite se fait en point(s) de vente
• Région : le visiteur se trouve dans la ou les région(s) lors de la visite en cours
• Pays : le visiteur se trouve dans le(s) pays lors de la visite en cours
• Jour de la visite du mois : la visite a lieu un jour du mois qui se compare au nombre basé sur le fuseau horaire de votre organisation
• Jour de la semaine : la visite a lieu un ou plusieurs jours de la semaine, en fonction du fuseau horaire de votre organisation
• Mois de la visite : la visite est en mois, en fonction du fuseau horaire de votre organisation
• Premier référent : le visiteur provient d’une URL qui se compare au référent de la visite en cours
• Valeur UTM : la visite inclut un type UTM qui se compare à la valeur UTM
• Système d’exploitation : le visiteur utilise le(s) système(s) d’exploitation lors de la visite en cours
• Appareil : le visiteur utilise un ou plusieurs types d’appareils pendant la visite en cours
• Nombre de pages vues : le visiteur a visité la page au cours des x derniers jours et le nombre total de pages vues se compare à un certain nombre de vues
• Première page : la visite a commencé sur une page qui se compare à la page de la visite en cours
• Vue de la page : le visiteur a visité le(s) nom(s) de la page au cours de la visite en cours
• Visiteur nouveau ou récurrent : le visiteur est un type spécifique de votre site

Après avoir spécifié l’audience, vous traitez ensuite les composants de personnalisation pour cette variante de page.

Cela est implémenté de manière très similaire à ce qu’il était dans XP : spécifiez l’élément de source de données avec le contenu souhaité, choisissez un composant différent pour remplacer celui par défaut, ou choisissez simplement de masquer le composant comme une autre option.

La plus grande question concerne le fonctionnement de la personnalisation avec Edge, sans que les serveurs de CD soient auparavant responsables de l’exécution de la personnalisation. Il est important de comprendre que la logique de personnalisation se passe désormais au niveau du middleware Vercel/Next.js.

Un package middleware intercepte la demande du navigateur chez Vercel afin de faire correspondre l’audience avec Personalize, puis sert le contenu pertinent de l’Edge, par exemple en substituant le contenu Edge personnalisé de l’un à l’autre. L’approche ci-dessus n’implique aucune pénalité de performance puisque toutes les parties de cette chaîne sont ultra-rapides au niveau CDN/Jamstack chez Vercel et aussi parce que le contenu est déjà mis en cache chez Experience Edge. Je recommanderais de passer un peu de temps à lire plus de détails sur la personnalisation intégrée dans XM Cloud en ce lien.

Analyser

Un autre excellent outil intégré alimenté par l’analyse au niveau de la page de Boxever : les pages intégrées à Pages ont une balise de suivi intégrée, de sorte que l’analyse devient automatiquement disponible. Dès la sortie de la boîte, il vous permettra de voir :

• les navigateurs le système d’exploitation
• la source d’où ils viennent
• les pages : première page, page d’accueil, premières pages
• visité les meilleurs pays
• par visites à la source
• selon l’heure de la journée

Analytics présente les données avec une carte thermique pour l’heure de la journée, la plupart du trafic étant représenté par des rectangles plus sombres.

Semblable à l’exemple précédent de Personalize, ce système d’analyse est maintenant construit au-dessus du Sitecore CDP. Auparavant, toutes les analyses étaient extraites de Sitecore XDB, et sans cela dans les offres cloud SaaS, la seule option pour fournir des analyses et une personnalisation intégrées était de s’appuyer sur CDP et personnaliser d’une manière ou d’une autre.

Explorateur

En plus de pages vous pouvez utiliser Explorateur pour l’édition du contenu. Je pense que l’idée principale de cette interface était de donner aux éditeurs la possibilité de basculer rapidement entre les interfaces d’édition visuelles et remplies.

L’explorateur vous présente le contenu avec une certaine similitude avec Horizon exécuté sur XP : une sorte d’éditeur de contenu avec navigation et possibilité de publier et de modifier des éléments au niveau des champs. Vous pouvez effectuer de nombreuses opérations de contenu attendues ici, telles que modifier, copier, télécharger des ressources multimédias, etc.

Il est intéressant de noter que Sitecore a décidé de s’éloigner d’un style arborescent de présentation de la structure du contenu pour un mode de navigation par exploration. Cela clarifie définitivement les choses, et lorsque nous devons jeter un coup d’œil à toute la structure de l’arborescence de contenu, il y a toujours un bon éditeur de contenu pour nous aider.

Identifiant du site

Il s’agit d’une interface pour ajouter un tracker à vos sites Web s’ils manquent afin qu’ils deviennent traçables avec Analyser section de pages application.

C’était un aperçu des nouvelles applications et interfaces les plus importantes fournies avec XM Cloud. Le prochain article de cette série vous guidera à travers l’expérience de développement avec XM Cloud.