Vous souhaitez intégrer un flux Facebook sur votre site Web, votre blog ou toute autre destination en ligne, mais vous n'êtes pas sûr de la meilleure méthode ? Ne vous inquiétez pas, nous vous aiderons à passer de l'incertitude à l'intégration en quelques minutes. pas de temps du tout.
Mais d'abord, le saviez-vous ? Depuis décembre 2021, Facebook rapporte 1,9 milliard d'utilisateurs actifs quotidiens et nos 2,89 milliards d'utilisateurs actifs mensuels. Pour replacer les choses dans leur contexte, cela représente près de 37 % de la population mondiale totale .
C'est fou de rire. C'est aussi une bonne raison de relier votre page Facebook à d'autres médias frontaux, y compris votre site Web. Des likes de poteau et des partages de photo, aux likes de page et à la messagerie un-sur-un, Facebook peut servir comme un outil important de marketing et d'engagement.
Capture d'écran via Facebook.com
Vous vous demandez donc comment intégrer le flux de votre page Facebook sur votre site, afin de faire découvrir votre côté social aux visiteurs et de les inciter à s'engager, sans jamais les faire sortir de votre site.
Nous avons deux méthodes [simples] pour vous permettre d'aller d'ici à là. Aucune compétence technique sérieuse n'est requise! (Nous promettons de ne pas déployer l'acronyme API, pas même une fois).
Voici ce dont il est question dans cet article :
Méthode 1 : utiliser le plugin de la page Facebook
Méthode 2 : Utilisez le plugin de flux sociaux ShareThis pour WordPress, Shopify et autres.
Comment intégrer des événements Facebook à votre site web
Comment intégrer une diffusion en direct de Facebook sur votre site Web ?
Ne vous contentez pas d'intégrer, partagez aussi
Méthode 1 : utiliser le plugin de la page Facebook
Facebook propose plusieurs personnalisations intégrées pour afficher votre fil de page.
Facebook propose sa propre Plugin de page qui vous permet d'intégrer votre flux Facebook sur votre site web avec quelques options de personnalisation. Il est assez simple à mettre en œuvre :
- Visitez la page Page Plugin ;
- Copiez/collez l'URL de votre page Facebook souhaitée (Astuce: il est probablement déjà là, si vous visualisez à partir d'un compte de profil lié);
- Sélectionnez vos préférences, par exemple onglets, largeur et hauteur de l'affichage de sortie;
- Cochez les cases pour l'une ou l'autre des options suivantes : "Utiliser les petites entreprises", "Utiliser les petites entreprises" ou "Utiliser les petites entreprises". En-tête,' 'Hide Photo de couverture,' 'Adapter à plugin largeur du conteneur ", et " Afficher les visages des amis ". (Et assurez-vous que les cases ne sont pas cochées pour les options que vous ne voulez pas) ;
- Cliquez sur Obtenez le code. Vous aurez le choix d'utiliser JavaScript ou iFrame;
- Copiez et collez le code dans un billet de blog, votre barre latérale, ou n'importe où ailleurs sur votre site Web.
Et... fait? Eh bien, pas tout à fait.
Si vous regardez en arrière jusqu'à l'étape 3, parlons de ces préférences pour un moment. Facebook vous donne un peu de jeu avec la façon dont votre flux intégré affiche: par exemple, vous pouvez afficher votre chronologie avec un code et présenter des événements à venir ou activer les messages Facebook avec un autre. Virgule-séparer ces méchants garçons, et vous pouvez avoir les deux.
Vous pouvez masquer votre photo de couverture ou l'afficher fièrement. Vous pouvez montrer aux visiteurs de votre site Web s'ils ont des amis qui aiment votre page et/ou faire clignoter votre CTA personnalisé. Vous pouvez modifier la langue d'affichage et même activer les affichages à largeur adaptative , afin de plaire à tous les types de visiteurs. Il existe un grand nombre d'options disponibles, alors jetez-y un coup d'œil avant de cliquer sur Obtenir le code.
Quand utiliser la méthode 1: Si vous avez besoin d'un affichage simple du flux de pages sur votre site web, que vous ne voulez pas vous casser la tête et que vous êtes satisfait des trois options de base (affichage de votre timeline, des commentaires et des messages), optez pour cette option gratuite, soutenue par Facebook.
Méthode 2 : Utilisez le plugin ShareThis Social Feed pour WordPress, Shopify et autres
Bien que le code natif de Facebook offre un certain nombre d'options, il a des fonctionnalités limitées. Alors, que doit faire un site social, si le plugin de page Facebook ne s'adapte pas à leurs besoins ?
Entrez dans le monde des plugins tiers, qui permettent une plus grande personnalisation .et sont encore plus simples à utiliser. Avec le ShareThis Flux socialvous pouvez intégrer non seulement votre Flux de la page Facebook mais aussi de diffuser les messages de plusieurs réseaux sociaux directement sur votre blog ou votre site web. Et bien sûr, si vous voulez seulement inclure votre Messages sur Facebook dans votre flux, c'est faisable, aussi.
C'est simple à mettre en place :
- Connectez-vous à le Compte Facebook;
- Personnalisez le design de votre flux pour qu'il corresponde à votre marque ;
- Insérez votre code unique ShareThis dans la page d'accueil de votre site web en-tête section ;
- Copiez le code de placement et collez-le là où vous voulez que le flux apparaisse sur votre site.
C'est aussi simple que cela ! De plus, l'utilisation du fil social ShareThis est gratuite (bien qu'il existe des plans payants si vous souhaitez afficher un plus grand nombre de messages dans votre fil ou si vous souhaitez inclure des messages provenant de plusieurs pays). réseaux sociaux réseaux). Il existe de nombreux personnalisation des options telles que le recadrage automatique des images, des mises en page flexibles (grille carrée, collage ou curseur) et même des effets de survol pour afficher les légendes des images et les commentaires lorsque votre site Web est ouvert. visiteurs du site web survolez un article dans votre flux.
<strong style="font-size: inherit;"><span style="font-weight: 400;">The ShareThis Social Feed integrates seamlessly with any website platform, so whether you’re using Shopify, </span><span style="font-weight: 400;">WordPress</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">Squarespace</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">Wix</span><span style="font-weight: 400;">, Blogger, or another platform, you can have your social feed up and running in minutes.</span></strong>
<strong style="font-size: inherit;">When to use method 2</strong>: Si vous <strong style="font-size: inherit;">need more customization than the Facebook plugin (method 1) allows</strong>alors vous allez devoir devenir un peu plus technique. Avec un peu de travail (et peut-être un peu d'argent), vous serez en mesure de créer de magnifiques flux Facebook intégrés à afficher partout et en tout lieu.
Comment intégrer des événements Facebook à votre site web
Vous souhaitez intégrer le flux d'événements Facebook sur votre site web ? Vous pouvez utiliser le Plugin pour les pages Facebook pour le faire en quelques étapes simples :
- Visitez la page Plugin et, si ce n'est pas déjà fait, copiez et collez l'URL de votre page Facebook dans le champ.
- Dans la section "Onglets" du formulaire, "timeline" est peut-être déjà pré-rempli. Si c'est le cas, supprimez-le et tapez "events" dans le champ du formulaire. Si le champ du formulaire est vide, vous pouvez simplement tapez "events" dans le champ.
- Puis cliquez sur "Obtenir le code" et collez le code généré sur votre site Web. (en utilisant votre choix de JavaScript ou d'iFrame) dans un article de blog, dans la barre latérale de votre site web ou partout où vous voulez que votre flux d'événements Facebook apparaisse.
Comment intégrer une diffusion en direct de Facebook sur votre site Web ?
Vous voulez augmenter le nombre de spectateurs de vos diffusions en direct sur Facebook ? Bonne nouvelle : vous pouvez également intégrer un flux Facebook Live sur votre site web. Pour intégrer votre vidéo Facebook Live sur votre site web, suivez ces étapes :
- Visitez le Plugin pour page Facebook - Vidéo intégrée et lecteur vidéo en direct.
- Copiez l'URL de la vidéo Facebook Live que vous souhaitez intégrer sur votre site. Pour ce faire, cliquez sur l'icône à trois points dans le coin supérieur droit de la publication vidéo Facebook Live, puis cliquez sur " Copier le lien ". Vous pouvez également cliquer sur " Partager " dans la zone inférieure droite sous la publication Live Stream et cliquer sur " Copier le lien " à partir de là.
- Collez le lien à votre vidéo Facebook Live dans la section de Facebook Configurateur de code.
- Si vous souhaitez que l'intégralité du message apparaisse avec votre vidéo en direct, cochez la case "Inclure le message complet". sous l'URL de votre vidéo dans le configurateur de code.
- Cliquez sur "Obtenir le code". pour générer le code d'intégration de votre vidéo.
- Copiez et collez le code généré dans le code HTML de votre site web à l'endroit où vous souhaitez que la vidéo Facebook Live intégrée apparaisse.
Si vous souhaitez modifier la largeur de votre flux Facebook Live intégré, vous pouvez utiliser l'attribut data-width pour ajuster la taille à la largeur de votre choix.
Si vous avez d'autres vidéos Facebook que vous souhaitez intégrer à votre site web, vous pouvez utiliser cette même méthode. Elle fonctionne pour toutes les vidéos Facebook, pas seulement pour les Facebook Live Streams.
N'intégrez pas, partagez aussi
En plus de intégration le Fil d'actualité sur Facebook sur votre site web, vous devriez également intégrer partager, suivezEt boutons de réaction - un engagement de niveau inférieur qui invite à l'interaction et l'engagement.
L'objectif ici est de inviter les partages sociaux et/ou attirer les gens sur votre page Facebookoù ils sont plus susceptibles de s'engager - faire défiler les messages, aimer ce qui leur plaît, etc. - et puis, finalement, à aimer votre page et nos voir vos followers sur Facebook afin que davantage de personnes voient vos mises à jour d'ici l'éternité.
Vous pouvez en savoir plus sur l'optimisation de votre présence sur Facebook grâce à notre série de guides sur le sujet, notamment notre article sur comment épingler une publication sur une page Facebook.
Si cela ressemble à votre genre de stratégie, alors avoir un Gander à notre Facebook Bouton de partage, Bouton de suivi FacebookEt Boutons de réaction Facebook (Like, Love, Wow, etc.) – plus d'autres Outils d'Édition conçu non seulement pour la satisfaction des utilisateurs, mais aussi pour vous permettre d'obtenir le plus grand nombre de pages aimées, de partages de messages et d'autres formes d'engagement. qui compte.
Lorsque vous cherchez un moyen simple de... intégrer quelques Fil d'actualité sur Facebook sur votre site web, il n'y a rien de plus simple que l'application ShareThis Flux social. Il est conçu pour avoir une apparence étonnante sur n'importe quel écran, et avec des tonnes d'options d'affichage. personnalisation Vous pouvez le concevoir pour qu'il corresponde parfaitement à votre marque. Il s'intègre de manière transparente à n'importe quelle plateforme de site Web, ce qui vous permet de mettre en place votre flux en quelques minutes et de commencer à développer votre audience dès aujourd'hui.
