Viva Engage : les images ne s’affichent pas dans le WebPart Conversations de SharePoint Online — contournements et correctif (août 2024)

Depuis juin 2024, des images publiées dans Viva Engage (ex‑Yammer) n’apparaissaient plus dans le WebPart Conversations de SharePoint Online. Voici un guide terrain : symptômes, diagnostics, contournements validés et retour à la normale après le correctif Microsoft du 19 août 2024.

Sommaire

Vue d’ensemble du problème

À partir de début juin 2024, plusieurs organisations Microsoft 365 ont constaté l’absence d’affichage des images (notamment JPG/PNG) dans le composant WebPart Conversations inséré sur des pages SharePoint Online. Le contenu restait pourtant visible et intact dans Viva Engage lui‑même (communautés, posts, fils de discussion), ce qui permet d’écarter d’emblée toute corruption de fichiers ou de permissions applicatives sur Viva Engage.

Le défaut était transversal à différents locataires (tenants) et environnements, sans corrélation claire avec une configuration locale, des navigateurs spécifiques ou des autorisations particulières. À noter : les fichiers GIF continuaient de s’afficher dans le WebPart, fournissant un contournement visuel partiel.

Symptômes observables

  • Dans la page SharePoint qui intègre le WebPart Conversations, certaines publications Viva Engage s’affichent sans leurs images statiques (JPG/PNG).
  • Les mêmes publications affichées directement dans Viva Engage (application Web ou client) montrent correctement leurs médias.
  • Le passage du mode d’affichage Highlights (À la une) à Feed (Flux) rétablit les images dans de nombreux cas, mais la mise en page et l’expérience diffèrent.
  • Les GIF se chargent normalement dans le WebPart, même lorsque les JPG/PNG sont absents.

Chronologie, actions et résultats

La table ci‑dessous récapitule les actions de contournement qui ont fonctionné, ainsi que la résolution globale observée au cours de l’été 2024.

PériodeAction / contournementRésultat
Juin 2024Basculer l’affichage du WebPart de “Highlights” à “Feed”Les photos réapparaissent, mais la mise en page diffère.
Juin 2024Remplacer le WebPart par le code d’intégration “embedded feed” (REST API Yammer)Les images s’affichent correctement ; intégration moins « native ».
Juin 2024Utiliser des fichiers GIF à la place de JPG/PNGLes GIF se chargent, fournissant un substitut partiel.
Juin–août 2024Ouvrir un ticket via le Centre d’administration Microsoft 365 et fournir des journaux HARMicrosoft confirme qu’aucun incident n’est listé au départ ; l’équipe produit collecte les données pour un correctif.
19 août 2024Correctif Microsoft déployéLes images statiques (JPG/PNG) s’affichent de nouveau, y compris dans le mode « Feed ». Les locataires signalent la résolution.

Diagnostic pas à pas

Avant d’intervenir sur les pages ou les WebParts, validez que le problème n’est pas local (cache, extension, profil, etc.).

  1. Tester en navigation privée : ouvrez la page SharePoint dans une fenêtre InPrivate/Incognito. Si les images manquent toujours, le problème est côté service ou rendu WebPart, pas côté cache navigateur.
  2. Comparer Highlight vs Feed : passez temporairement le WebPart en mode Feed. Si les médias reviennent, vous avez un contournement immédiat et un indicateur fort d’un défaut spécifique à la variante d’affichage initiale.
  3. Vérifier le type de fichiers : notez si seules les images statiques (JPG/PNG) manquent et si les GIF s’affichent. Ce pattern a été caractéristique de l’incident.
  4. Isoler la source de contenu : testez une autre communauté Viva Engage ou un autre fil. L’absence de corrélation avec un groupe particulier renforce l’hypothèse d’un défaut générique.
  5. Observer la console et l’onglet Réseau (Outils de développement du navigateur) : recherchez des statuts HTTP anormaux (403/404/5xx), des erreurs CORS, des CSP bloquantes ou des redirections non résolues au moment de charger les images.
  6. Exclure les personnalisations : si vous utilisez des extensions SPFx, des scripts personnalisés ou des CDN internes, désactivez‑les temporairement pour vérifier qu’ils ne modifient pas le rendu.

Contournements détaillés

Basculer le WebPart Conversations en mode Feed

Ce changement a permis à beaucoup d’équipes de restaurer l’affichage des images en attendant le correctif.

  1. Ouvrez la page SharePoint en mode Modifier.
  2. Sélectionnez le WebPart Conversations, puis cliquez sur Modifier (icône en forme de crayon).
  3. Dans le panneau de configuration, changez l’option d’affichage de Highlights (À la une) vers Feed (Flux).
  4. Vérifiez la prévisualisation : les publications devraient afficher de nouveau les images.
  5. Publiez la page pour rendre le contournement effectif auprès des utilisateurs.

Points d’attention UX : le mode Feed propose un déroulé chronologique plus dense, avec des différences de mise en page par rapport à Highlights. Anticipez un court message d’accompagnement pour vos utilisateurs.

Utiliser l’intégration « embedded feed » (REST API Yammer)

Si vous privilégiez une approche découplée du WebPart natif, l’intégration du flux Viva Engage via le code d’incorporation a montré de bons résultats.

  1. Depuis la communauté ou le fil Viva Engage ciblé, récupérez le code d’intégration (embed) proposé par la plateforme.
  2. Dans votre page SharePoint, ajoutez le WebPart Intégration/Incorporer.
  3. Collez le code d’intégration obtenu, ajustez la hauteur/largeur et testez le rendu.
  4. Publiez la page. Les images devraient apparaître comme dans Viva Engage.

Limites : le rendu est moins « intégré » qu’avec le WebPart Conversations (différences d’habillage, de télémétrie et de gouvernance). C’est néanmoins un excellent filet de sécurité.

Employer des GIF pour les communications urgentes

Dans les cas où l’image est critique (actualité interne, sécurité, alertes), remplacer temporairement des visuels JPG/PNG par des GIF a permis de préserver la compréhension des messages. C’est un compromis acceptable pour des annonces ponctuelles.

Ouverture d’un ticket Microsoft 365 et collecte des preuves

Lorsque le problème persiste malgré les contournements, ouvrez un ticket via le Centre d’administration Microsoft 365. La qualité du diagnostic côté éditeur dépend étroitement des artefacts fournis.

Informations à joindre systématiquement

  • URL de la page SharePoint et UPN de l’utilisateur affecté.
  • Horodatage précis (date, heure, fuseau) de la reproduction.
  • Type de contenu des images concernées (JPG/PNG), taille approximative et mode d’insertion (publication, commentaire, etc.).
  • Captures d’écran du rendu dans SharePoint et dans Viva Engage.
  • Journaux HAR (voir ci‑dessous) couvrant le chargement de la page et le défilement jusqu’au post affecté.
  • Le cas échéant, trace de la bascule Feed/Highlights et son effet sur l’affichage.

Comment enregistrer un fichier HAR (Edge/Chrome)

  1. Ouvrez la page SharePoint dans un nouvel onglet.
  2. Appuyez sur F12 pour ouvrir les Outils de développement, puis allez dans l’onglet Réseau.
  3. Cochez Preserve log (Conserver les journaux) si disponible.
  4. Rechargez la page (Ctrl + R). Faites défiler jusqu’à la publication problématique.
  5. Reproduisez le défaut (images manquantes).
  6. Cliquez droit dans la grille réseau → Save all as HAR with content.
  7. Joignez le fichier au ticket, avec l’horodatage correspondant.

État après correctif du 19 août 2024

Microsoft a déployé un correctif le 19 août 2024 qui rétablit l’affichage des images statiques (JPG/PNG) dans le WebPart Conversations, y compris en mode Feed. Les locataires ayant effectué des vérifications post‑déploiement confirment la résolution.

Que faire maintenant ?

  • Rétablir votre mode d’affichage préféré (Highlights ou Feed) si vous aviez basculé par contournement.
  • Supprimer les intégrations « embedded feed » si elles ne sont plus nécessaires, pour revenir à une expérience plus native.
  • Sanitiser la communication auprès des propriétaires de sites : résumer la cause probable, le plan de retour arrière et les points de vigilance restants.

Recommandations pratiques et pérennes

  1. Vérifier l’état actuel : test incognito, compte de test, autre navigateur.
  2. Contournements si besoin : mode Feed, intégration embed, GIF pour les annonces urgentes.
  3. Escalader efficacement : ticket Microsoft 365 avec HAR, détails d’environnement, horodatage, corrélation des symptômes.
  4. Après résolution : revenir au mode préféré, retirer les contournements, documenter le retour d’expérience.
  5. Surveillance : suivre le tableau de santé Microsoft 365 et les annonces Viva Engage pour anticiper des incidents similaires.

Bonnes pratiques d’exploitation

  • Standardiser un runbook « WebPart Conversations » : étapes de test, scripts de vérification facultatifs, gabarits de capture.
  • Maintenir un bac à sable SharePoint/Viva Engage pour rejouer rapidement les scénarios (pages neutres, communautés de test).
  • Former les propriétaires de sites à reconnaître les symptômes et à basculer temporairement en mode Feed si nécessaire.
  • Documenter le triage réseau : où regarder (onglet Réseau), quels codes d’erreur typiques rechercher, comment exporter un HAR correct.

Matrice de décision rapide

SymptômeAction immédiateÉtape suivante
Images manquantes en mode HighlightsBasculer en FeedValider que les images reviennent ; si oui, publier la page
Images toujours absentes en FeedTester l’embedded feedCollecter un HAR et ouvrir un ticket
GIF visibles, JPG/PNG absentsUtiliser GIF en substitutionRemonter au support avec exemples comparatifs
Problème à l’échelle du tenantInformer les propriétaires de sitesPoint de suivi & communication interne

Points de contexte utiles

  • Impact fonctionnel : seule la restitution des images était affectée ; les fichiers restaient intacts dans Viva Engage.
  • Portée : problème transversal à plusieurs locataires, sans corrélation claire avec la configuration locale ou les autorisations.
  • Leçons tirées : conserver des solutions de repli (mode Feed, embedded feed) et un processus d’escalade rapide incluant la capture de journaux réseau pour accélérer l’investigation côté Microsoft.

Procédure de validation après retour à la normale

  1. Échantillon de pages : identifiez 3–5 pages représentatives (communication, projet, hub) contenant le WebPart Conversations.
  2. Vérification multi‑navigateurs : Edge, Chrome, Firefox (profils propres). Comparez le rendu avant/après.
  3. Comparaison Highlights vs Feed : dans chaque page, confirmez que les images se chargent correctement dans les deux modes.
  4. Rétablissement des paramètres : si vous aviez basculé en Feed, repassez en Highlights si tel est votre standard UX.
  5. Nettoyage des contournements : retirez les embedded feeds temporaires afin d’éviter les doublons et maintenir une expérience unifiée.
  6. Clôture documentaire : enregistrez la date d’observation du correctif (19 août 2024), les tests réalisés et les enseignements pour les futures post‑mortems.

Communication type vers les utilisateurs

« Nous avons constaté un défaut d’affichage des images dans certains fils Viva Engage intégrés à SharePoint. Un correctif Microsoft a été déployé le 19 août 2024. Les pages ont été remises dans leur configuration standard. Merci de rafraîchir la page si besoin. »

FAQ

Le problème était‑il lié aux permissions Viva Engage ou SharePoint ?

Non. Les publications apparaissaient correctement dans Viva Engage, ce qui indique que les médias et les droits sous‑jacents étaient valides. La défaillance concernait le rendu du WebPart dans SharePoint.

Pourquoi les GIF s’affichaient‑ils alors que les JPG/PNG non ?

Le pattern observé laissait penser à une différence de chemin de rendu ou de traitement côté service pour les médias statiques versus animés. Sans spéculer sur la cause exacte, cela a fourni un contournement utile pour des visuels critiques.

Dois‑je conserver l’embedded feed à long terme ?

Si le correctif du 19 août 2024 est effectif sur votre tenant et que le WebPart Conversations répond à vos besoins, vous pouvez revenir à l’intégration native. L’embedded feed reste un plan B facile à réactiver si un incident similaire survenait.

Que faire si l’incident réapparaît ?

Rejouez les étapes de diagnostic : test incognito → bascule Feed → essai de l’embedded feed → collecte de HAR → ticket Microsoft 365. Documentez soigneusement les horodatages et les exemples.

Le correctif du 19 août 2024 concerne‑t‑il toutes les pages ?

Oui, il vise le comportement du WebPart Conversations dans SharePoint Online. Validez néanmoins sur vos pages clés et vos scénarios spécifiques (communautés privées/publiques, pages hub, pages d’équipe).

Récapitulatif opérationnel

  • Incident : images Viva Engage absentes dans le WebPart Conversations (SharePoint Online), observé dès juin 2024.
  • Contournements : bascule Feed, intégration embedded feed, GIF en remplacement ponctuel.
  • Escalade : ticket Microsoft 365 avec journaux HAR et contexte complet.
  • Résolution : correctif Microsoft déployé le 19 août 2024, retour à la normale pour les images JPG/PNG, y compris en mode Feed.
  • Après‑coup : restauration des paramètres préférés, retrait des contournements, veille proactive via le tableau de santé Microsoft 365.

Enseignement clé : disposer de plans B documentés (bascule d’affichage, intégration alternative) et d’un kit de preuves (HAR, captures, horodatages) fait gagner des jours dans la gestion des incidents autour des WebParts Microsoft 365.

Sommaire