Portail PMB : ajouter le flux de sa page Facebook

par DocTice

Objectif : insérer un widget Facebook affichant le flux de la page Facebook du CDI.

Facebook propose le widget "Like box".
Pour le mettre en place sur le portail PMB, il va falloir configurer le widget, puis copier/coller dans un module html.

1. Configuration du widget

- Accédez à la page de la "Like Box"
https://developers.facebook.com/docs/plugins/like-box-for-pages
- Personnalisez l’adresse de la page Facebook avec celle de votre page
- Personnalisez la taille et la couleur
- Cliquez sur Get code, puis copiez/collez le code qui doit ressembler à ça :

<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.0";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/mapagefb/402249712703379" data-width="300" data-height="600" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="true" data-show-border="true"></div>

2. intégrer le widget dans PMB

- Sur PMB, dans portail/construire, sélectionnez la page qui affichera le widget.
- Cliquez sur module, module html
- Donnez un titre significatif à votre module ex : Module Facebook
- Sélectionnez la page qui affichera le widget
- Dans texte, vous pouvez ajouter un titre à votre module entre deux balises <h>. Ex : <h2>Les posts Facebook</h2>. Ensuite copiez/collez le code html de votre widget puis enregistrez
- Positionnez votre module grâce à l’onglet Edition CSS
- Une fois que vous êtes satisfait, enregistrez

Et voilà !