Comment intégrer un feed Facebook à votre site web ?

35% de la population mondiale, soit 2,8 milliards d’individus, se connectent à Facebook chaque mois.

Un pourcentage à peu près équivalent des 400 millions de sites web actifs dans le monde diffusent des feeds Facebook ou provenant d’autres réseaux sociaux.

Parfois, il suffit d'intégrer une seule publication Facebook à un article de blog, et le réseau social met à votre disposition un outil pratique pour créer le code à y intégrer. En ce qui concerne l’intégration d’un flux de vos dernières publications Social Media, bon nombre de marketeurs choisissent d’utiliser le plugin Facebook Page. Ce plugin est gratuit et facile à ajouter à la plupart des sites web.

Toutefois, ce plugin standard présente plusieurs inconvénients.

Tout d'abord, vous ne pouvez pas modifier le design de ce plugin pour l'adapter à la charte graphique de votre marque. La mise en page proposée est un feed en une seule colonne que vous pouvez ajouter à votre barre latérale, mais qui ne peut pas prendre toute la largeur de la page ou, par exemple, prendre la forme d’un carrousel au milieu de la page. En outre, sa hauteur doit être fixe, ce qui ajoute une barre de défilement au design. Or, sur les appareils mobiles et les tablettes, tout particulièrement, les éléments défilants à l'intérieur de la page peuvent devenir un cauchemar pour le visiteur du site.

Deuxièmement, vous ne pouvez pas ajouter d'autres réseaux sociaux et créer un feed de contenu sélectionné à partir de plusieurs sources avec ce plugin Facebook Page. Vous êtes autorisé à afficher un seul compte de votre entreprise à la fois, et il n'y a pas non plus de prise en charge de votre User Generated Content (le contenu que vos cibles publient à propos de vous sur les médias sociaux). Or, de nos jours, la preuve sociale apportée par vos clients est devenue très pertinente pour votre stratégie marketing, et ces avis clients vous aident à vous démarquer de la concurrence.

Enfin, avec ce plugin, vous ne pouvez pas modérer votre feed, ni supprimer les publications qui ne sont plus pertinentes. Parfois, votre entreprise peut publier quelque chose de pertinent pour vos cibles sur Facebook, mais vous n'aimeriez peut-être pas que ce soit le premier post affiché sur la page d'accueil de votre site.

Au vu de ces inconvénients, comment des marques comme Continental, Deutsche Bundesbank, ou Harvard University arrivent-elles à intégrer leurs feeds Facebook sur leurs sites web ?

La réponse est simple : elles utilisent un agrégateur de réseaux sociaux pour rassembler tous leurs feeds Social Media et UGC en un seul endroit. A partir de cet outil, elles peuvent alors créer des Social Walls, des grilles, des carrousels ou des diaporamas à intégrer sur n’importe quelle plateforme digitale.

4 étapes pour intégrer un feed Facebook à votre site web

Voici 4 étapes pour intégrer un feed Facebook à votre site web :

  1. Créer un compte Flockler gratuit
  2. Agréger le contenu issu de Facebook dans Flockler
  3. Sélectionner une mise en page au feed Facebook
  4. Intégrer le feed Facebook sur n’importe quel site web

1. Créer un compte Flockler gratuit

Inscrivez-vous à l’essai gratuit de Flockler si votre organisation n’a pas encore son propre compte. Aucune carte de crédit ne vous sera demandée pendant votre essai gratuit, et vous aurez accès à l’intégralité du produit, toujours en marque blanche et sans publicité.

2. Agréger le contenu issu de Facebook dans Flockler

Directement après vous être inscrit, le robot de Flockler vous demandera d’ajouter au moins un feed automatisé à votre compte : celui-ci récoltera du nouveau contenu toutes les 5 à 15 minutes. Le plus logique pour vous, ici, est de commencer par créer votre feed Facebook ; mais vous pouvez agréger du contenu depuis Twitter, Instagram, YouTube, TikTok, ou encore Pinterest. Cliquez ici pour voir la liste complète des réseaux sociaux supportés par Flockler.

Depuis Facebook, vous pouvez intégrer :

  • Les posts de n’importe quelle page publique
  • Les posts qui mentionnent une page que vous détenez
  • Les posts de l’onglet “Community” de la page Facebook que vous administrez

Pour agglomérer les posts depuis une page, vous aurez besoin de vous connecter à votre compte Facebook, et de le connecter lui-même à Flockler. Tant que vous êtes administrateur d’au moins une page, vous pourrez rassembler du contenu provenant d’autres pages publiques également.

Voici une courte vidéo vous présentant comment créer un feed Facebook intégrable à votre site web :

3. Sélectionner une mise en page au feed Facebook

La prochaine étape consiste à décider sous quel design vous souhaitez intégrer votre feed Facebook à votre site web. Dans l’onglet “Display” de Flockler, vous trouverez 4 options :

  • Wall : il s’agit de l’option idéale si vous voulez afficher les légendes des posts, et combiner des posts provenant de différents réseaux sociaux en un même endroit
  • Grille : le meilleur design pour quiconque veut obtenir des posts de taille homogène
  • Carrousel : l’option parfaite pour une page d’accueil ou un footer, où l’espace vertical est limité ; les visiteurs de votre site peuvent faire défiler les posts vers la gauche ou la droite
  • Diaporama : si vous souhaitez afficher votre feed sur des écrans digitaux (dans vos locaux ou dans une boutique, par exemple), choisissez cette option, qui permet de faire tourner les derniers posts de votre feed. Tout ce qu’il vous faut, c’est bien sûr un navigateur, et une connexion Internet

4. Intégrer le feed Facebook sur n’importe quel site web

Après avoir sélectionné la mise en page de votre feed Facebook, Flockler vous donne accès à un code d’intégration (embed code) ou à une URL, que vous pouvez ensuite ajouter à n’importe quelle plateforme digitale.

La plupart des CMS permettent d’intégrer des embed codes aisément, mais n’hésitez pas à demander de l’aide à votre équipe de développeurs si nécessaire. Si vous avez besoin d’aide, n’hésitez pas à nous envoyer un message par email ou via notre live chat : notre équipe support est toujours ravie de vous aider !

Pour des instructions pas à pas sur la manière d’intégrer un feed Facebook à un site web, voici quelques tutoriels, adaptés aux CMS les plus connus du marché :

4 exemples de feeds Facebook intégrés à un site web

Avec Flockler, nul besoin de compétences techniques pour créer votre propre feed Facebook. Depuis les réglages, et avec l’aide de notre équipe support, vous pouvez pousser plus loin la personnalisation de chacun de vos feeds. Notre priorité : que votre feed s’intègre parfaitement à votre charte graphique.

Besoin d’inspiration ? Voici 4 exemples de feeds Facebook intégrés à des sites web.

CORA

CORA, l’une des plus grandes chaînes de supermarché en France, a choisi Flockler pour créer et intégrer ses feeds Facebook. Chaque magasin a sa propre page Facebook, qui lui permet de diffuser ses actualités et offres. Pour les retailers, un tel feed Facebook ou Instagram est idéal pour accroître le temps passé sur le site, et booster les taux de conversion. Qui plus est, avec des feeds Instagram “shoppables”, vous pouvez créer un parcours de conversion directement depuis des posts Social Media.

New Zealand Cricket

La page d’accueil du site de l’équipe de cricket de Nouvelle Zélande met en lumière les derniers contenus provenant de Facebook, Instagram et Twitter. Il s’agit de l’une des équipes de cricket les plus populaires au monde : elle est donc régulièrement mentionnée par la presse, les fans et les joueurs sur les réseaux sociaux, et l’équipe marketing peut ainsi récupérer ces posts pour l’utiliser comme preuve sociale, et garder les visiteurs du site engagés plus longtemps. Leur feed Social Media violet offre une expérience utilisateur idéale.

Deutsche Bundesbank

La Deutsche Bundesbank a intégré un Social Wall Flockler à la section “News” de son site web. Les visiteurs peuvent ainsi visualiser un feed Facebook, ainsi que des feeds provenant d’autres réseaux sociaux, dans un design qui se fond bien avec le reste du site. Dans un secteur d’activité comme la finance, un Social Wall permet de donner vie aux gens qui travaillent dans les coulisses de telles organisations.

USO

USO est une organisation à but non-lucratif qui soutient les militaires américains, en les aidant à rester connectés à leurs famille, leur foyer et leur pays. Le feed Facebook de l’organisation, qui comprend également des tweets et des images Instagram, est diffusé depuis Flockler sur leur page “News”. La mise en page sous forme de carrousel permet de ne pas prendre trop de place verticale sur la page, et tout en laissant les utilisateurs explorer en toute autonomie les posts que vous y diffusez. Un Social Wall inspirant permet d’augmenter le temps passé sur vos pages, mais aussi d’accroître votre nombre de followers.

Créez votre propre social wall, ou intégrez du contenu des réseaux sociaux sur votre site web, e-commerce, ou votre application.

Demandez une démo Essayez gratuitement
Essayez Flockler gratuitement pendant 14 jours