Le fil d'actualité Facebook ne se charge pas ? Comment résoudre le problème d'un fil d'actualité Facebook vide

Votre fil d'actualité Facebook est vide. Il fonctionnait la semaine dernière, le shortcode ou le bloc est toujours présent sur la page, et WordPress ne vous explique pas pourquoi.

En général, le problème vient d’un plugin d’optimisation du site. Celui-ci supprime, retarde ou charge de manière différée le script du flux avant que celui-ci ne puisse afficher quoi que ce soit. La solution consiste à l’exclure, et non à le désactiver. Vous n’avez pas à choisir entre votre score PageSpeed et votre flux.

Je travaille chez Smash Balloon, et j'ai vérifié chacune des étapes ci-dessous lors d'une installation en direct de « Custom Facebook Feed », y compris la configuration de la mise en cache qui fait passer une correction correcte pour un échec.

Vous effectuerez un test de 30 secondes, identifierez lequel des quatre problèmes vous concerne, et votre flux de page s'affichera à nouveau normalement, tout en conservant votre plugin d'optimisation de la vitesse activé.

Dans cet article :

Réponse rapide : Pourquoi mon fil d'actualité Facebook est-il vide ?

La plupart des fils d'actualité Facebook vides sont dus à un plugin d'optimisation du site qui diffère, minifie ou charge de manière différée le script de Smash Balloon, ce qui empêche le fil d'actualité de s'afficher.

Quatre causes peuvent être à l'origine de ce phénomène. Par ordre de probabilité approximatif :

• Conflit entre des plugins d'optimisation. WP Rocket, Autoptimize ou Perfmatters bloque le fichier JavaScript du flux.
• Source non valide ou jeton périmé. La connexion entre votre site et votre page Facebook a été interrompue.
• Cache de flux obsolète. Vous avez déjà résolu le problème, mais le plugin continue d'afficher la copie enregistrée précédemment.
• Placement dans un constructeur de pages ou un modèle. Le flux se trouve dans une zone Elementor ou du thème qui se charge différemment.

Voici le moyen le plus rapide de les distinguer. Si la zone d'alimentation est réellement vide, il s'agit des causes 1, 3 ou 4. Si un message d'erreur s'affiche à l'endroit où devrait se trouver le document, il s'agit de la cause 2.

Cette seule distinction vous évite d'avoir à deviner.

Commencez par déterminer lequel des quatre problèmes vous concerne

À quoi ressemble concrètement votre zone d'alimentation des feuilles vierges ? La réponse à cette question vous indiquera quelle solution appliquer.

Ça vaut le coup de prendre 30 secondes avant de changer quoi que ce soit.

Dans le tableau ci-dessous, vous pouvez rechercher votre symptôme dans la colonne de gauche. Rendez-vous ensuite directement à la section correspondante.

Ce que vous voyez	Ce que cela signifie généralement	Où aller ensuite ?
Espace vide, aucun message	Script bloqué par un plugin d'optimisation	Section « Listes d'exclusion »
Texte d'erreur dans la zone d'affichage	Source déconnectée ou jeton expiré	Section « Reconnexion »
Toujours vide après avoir corrigé quelque chose	Cache obsolète	Section « Vider le cache »
Une page est remplie, l'autre est vierge	Problème de pose ou de fabrication	Section spécifique à la page

Il y a une variante qui mérite d'être signalée. Le flux s'affiche parfaitement lorsque vous êtes connecté, mais les visiteurs signalent qu'il n'apparaît qu'un espace vide.

Ce n'est pas un flux défectueux. On vous propose une version de la page qui n'est pas mise en cache, tandis que vos visiteurs voient la version optimisée.

Ouvrez donc la page dans une fenêtre privée ou en mode incognito avant de modifier le moindre paramètre. C'est la première chose à vérifier, car cela vous permet de déterminer quelle version présente un dysfonctionnement.

Ajouter Smash Balloon aux trois listes d'exclusion

La plupart des gens ajoutent l'exclusion à un seul endroit, ne constatent aucun changement et finissent par abandonner.

Voici la réponse en bref. Il existe trois listes d'exclusion distinctes, et si l'une d'entre elles manque, votre flux restera vide.

Commencez par le chemin d'accès au répertoire du plugin. Copiez celui qui correspond à votre version :

• Avantage : /wp-content/plugins/custom-facebook-feed-pro/
• Gratuit : /wp-content/plugins/custom-facebook-feed/

Ce chemin doit figurer dans ces trois listes :

1. JavaScript et exclusions de minification
2. Exclusions relatives au report de l'exécution de JavaScript
3. Exclusions du chargement différé

Voici où se trouvent ces champs dans les plugins d'optimisation les plus courants :

• WP Rocket: optimisation des fichiers pour les listes 1 et 2, optimisation des médias pour la liste 3.
• Autoptimize: le champ d'exclusion pour l'optimisation JavaScript.
• Perfmatters: ressources pour les exclusions de scripts, ainsi que les cases à cocher « Délai JS » et « Chargement différé ».

Une fois les exclusions configurées, votre flux social continue de s'afficher et le reste de votre site reste optimisé.

Enregistrez vos modifications, puis videz le cache de votre plugin et rechargez la page dans une fenêtre de navigation privée.

Modifier deux paramètres dans le plugin

Les listes d'exclusion ne constituent que la moitié du travail. Deux boutons à bascule dans « Custom Facebook Feed » s'occupent du reste.

Ouvrez « Fil d'actualité Facebook » > « Paramètres » depuis votre tableau de bord, puis sélectionnez l'onglet « Avancé » pour accéder aux options.

• Correction du chargement du thème AJAX : activez cette option, enregistrez, puis actualisez la page. Si votre flux s'affiche à nouveau, c'est réglé. Si rien ne change, désactivez-la à nouveau.
• Chargement des images via JavaScript. Si cette option est déjà activée, désactivez-la. C'est le paramètre à vérifier lorsque le cadre du flux s'affiche, mais que les images qu'il contient n'apparaissent pas.

Vous ne savez pas quel plugin est à l'origine du problème ? Notre guide sur la marche à suivre lorsque votre flux ne fonctionne plus après un changement de thème vous explique comment identifier la source du conflit, plugin par plugin.

Vérifiez que votre source Facebook est toujours connectée

Vous voyez un message à la place de vos publications ? Dans ce cas, le problème ne vient pas de WordPress. La connexion entre votre site et Facebook a été interrompue.

Voici comment le reconnecter :

1. Accédez à « Flux Facebook » > « Paramètres » dans votre tableau de bord WordPress, puis ouvrez l'onglet « Sources ».
2. Recherchez la source signalée comme non valide.

3. Cliquez sur « Se reconnecter » si ce bouton est présent.
4. S'il n'y a pas de bouton « Se reconnecter », cliquez sur l'icône rouge en forme de poubelle, puis sur « Ajouter une source ».
5. Cliquez sur « Se connecter à Facebook » et confirmez la source.
6. Vérifiez les autorisations sur l'écran de Meta, puis cliquez sur « Enregistrer ».

C'est généralement un élément lié à Facebook qui déclenche ce problème, et il est facile de ne pas s'en rendre compte. Un changement de rôle sur une page Facebook, un transfert d'actifs de l'entreprise ou une réinitialisation du mot de passe peuvent rendre un jeton valide inutilisable du jour au lendemain.

Rien n'a changé sur votre site web. Le jeton qui permettait à votre site d'accéder à la page Facebook a simplement cessé d'être valide.

Si la procédure de reconnexion vous semble peu familière, notre guide complet expliquant comment ajouter un flux Facebook à votre site WordPress vous explique étape par étape comment établir la connexion à la source.

Videz le cache du fil d'actualité, dans cet ordre

Votre fil d'actualité conserve une copie de lui-même. C'est pourquoi vos publications restent visibles sur la page même en cas de panne de l'API de Facebook.

La même chose se produit juste après avoir corrigé quelque chose. Vous voyez toujours la version enregistrée. La correction a fonctionné, mais la page n'a pas encore été mise à jour.

Videz vos caches dans cet ordre, puis vérifiez la page après la première. En général, cette étape suffit.

1. Fil d'actualité Facebook » Paramètres » Flux d'actualité, puis cliquez sur «Vider tous les caches »
2. Votre plugin de mise en cache
3. Le cache de votre hébergeur
4. Votre CDN
5. Votre navigateur

L'ordre a son importance ici. Si vous commencez par l'extérieur et que vous videz d'abord votre CDN, celui-ci récupère simplement la copie obsolète de la couche inférieure et l'enregistre à nouveau.

On part de la source pour aller vers l'extérieur. Le flux d'abord, le navigateur en dernier.

Et non, vider le cache du fil d'actualité n'affecte pas votre mise en page. Cela ne fait qu'actualiser les publications. Votre mise en page, vos couleurs et vos paramètres restent exactement tels que vous les avez laissés.

Lorsque le fil d'actualité est vide sur certaines pages uniquement

Tout va bien sur la page d'accueil, mais la page Elementor est vide ? Le flux fonctionne correctement. C'est son emplacement qui pose problème.

Que trouve-t-on sur cette page ?	Pourquoi ça ne marche pas ?	Corriger
Shortcode dans un widget de texte du constructeur	Le générateur l'affiche selon ses propres règles, ce qui permet au script de s'exécuter avant qu'il n'y ait quoi que ce soit à afficher.	Remplacez-le par le bloc « Fil d'actualité Facebook » ou le widget Elementor
Afficher le flux à l'intérieur d'un onglet, d'un accordéon ou d'une fenêtre modale	Le conteneur n'a pas été affiché lorsque le script s'est exécuté	Paramètres » Avancé, activez la correction du chargement du thème via AJAX
Zone de modèle chargée via Ajax	Même problème de synchronisation, déclencheur différent	Même correction, correction du chargement du thème AJAX
Une règle d'optimisation au niveau de la page	WP Rocket et Perfmatters vous permettent de remplacer les paramètres globaux au cas par cas pour chaque page, et on oublie facilement qu’un paramètre a été défini	Vérifiez la règle de cette page et ajoutez-y également le chemin d'accès au plugin

Quels que soient les changements que vous apportez, actualisez la page dans une fenêtre privée avant de vous prononcer. Une copie mise en cache vous affichera l'ancienne version et vous fera perdre du temps à rechercher un problème que vous avez déjà résolu.

Un fil d'actualité Facebook qui reste visible, et pas seulement lors de sa configuration

Vous avez identifié le problème, appliqué la solution et vidé les caches dans le bon ordre. Votre flux fonctionne à nouveau.

Alors, comment savoir quand ce ne sera plus le cas ?

Deux paramètres de « Custom Facebook Feed » s'en chargent pour vous, et ils sont tous les deux activés par défaut. Vous n'avez rien à configurer.

Ce sont les exclusions que vous avez ajoutées précédemment qui empêchent ce conflit précis de réapparaître. Ces deux-là couvrent ce que les exclusions ne peuvent pas couvrir.

• Rapports par e-mail en cas de problème avec le flux. La description du plugin indique que si votre flux est indisponible en raison d'un problème critique, il basculera vers une version mise en cache de votre flux et vous en informera. Ainsi, en cas de panne de l'API Facebook, les visiteurs verront vos dernières publications valides au lieu d'une zone vide, et vous en serez averti par e-mail.
• Avis d'erreur d'administration. Les erreurs s'affichent dans le coin inférieur droit de votre site et ne sont visibles que par les administrateurs connectés. Celle-ci signale des problèmes. Elle n'a aucune incidence sur l'affichage de votre flux ; la laisser activée n'entraîne donc aucun coût pour vos visiteurs.

Je les laisserais toutes les deux activées. C'est la différence entre être informé par le plugin et l'être par un client.

Voici ce qu’il faut savoir à propos de ces filets de sécurité : ils n’existent que parce que quelqu’un les a mis en place délibérément.

Facebook Feed Pro est développé par Smash Balloon, l'équipe à l'origine de plugins de flux sociaux comptant plus de 1,75 million d'utilisateurs, ce qui représente un grand nombre de sites web satisfaits.

Procurez-vous Facebook Feed Pro et laissez le plugin détecter le problème avant que vos visiteurs ne s'en aperçoivent.