Afficher la timeline Facebook dans un article ou un module personnalisé
Merci à Pascal (ConseilGouz) d'avoir proposé et écrit cette action
{up facebook=facebook id}voir https://developers.facebook.com/docs/plugins/page-plugin
- facebook_timeline: ID facebook. Voir https://findmyfbid.com
- tabs = timeline: Onglets à afficher, par exemple : timeline, events, messages
- width (l,largeur,w) = 200: La largeur du plugin en pixels. Valeur mini = 180, maxi = 500
- height (h,hauteur) = 500: La hauteur du plugin en pixels. valeur mini = 70.
- adaptwidth = 1: Essayer d’adapter la largeur au conteneur.
- facepile = 1: Affiche les photos de profils quand des amis aiment le contenu.
- hidecover: Masque la photo de couverture dans l’en-tête
- smallheader: Utiliser un en-tête réduit
style et options secondaires
- id: identifiant
- class: classe bloc parent
- style: style inline bloc parent
- Version 2.8
- facebook.js : update sdk de la version 2.5 vers 13.0.
- ajout options defer et paramètre crossorigin
Simple et pratique
Pour utiliser cette action, il suffit d'insérer un shortcode très simple dans un article ou dans un module personnalisé comme LM-Custom.
{up facebook-timeline=525469967593968}Le nombre est l'ID facebook de votre page facebook. Si vous ne la connaissez pas, utiliser un site comme celui-ci : findmyfbid.com
Par défaut, la taille maximale est de 500 x 500px. Cela permet de toujours remplir la largeur d'une sidebar.
Avec quelques paramètres ...
Comme toutes les autres actions de UP, des paramètres permettent de modifier le rendu. La liste complète (et toujours à jour) est disponible en cliquant sur le bandeau bleu en haut de cette page.
{up facebook-timeline=525469967593968
| class=ombreMax
| style=border:red 1px dotted
}Pour cet exemple, nous ajoutons uniquement un style et une classe au bloc parent. Remarquez que la largeur s'adapte à celle de la colonne.
{up facebook-timeline=525469967593968
| style=border:red 1px dotted}
| tabs=timeline,messages,events
| width=300
| smallheader=1}Le paramètre tabs affiche les onglets journal, événements et message. smallheader affiche un petit bandeau. La bordure rouge met en évidence que la largeur est réduite à 300px alors que le bloc parent occupe toute la largeur.
{up facebook-timeline=525469967593968
| class=ombreMax
| height=200
| hidecover=1 }La hauteur, par défaut à 500px, est forcée à 200px.
hidecover=1 masque la photo de couverture dans l’en-tête.
Attention : Facebook insère des cookies sur le poste de l'internaute. Vous devez prévenir les utilisateurs et le gérer dans vos conditions d'utilisation.
upactionslist (1) readmore (1) csv2def (1) facebook-timeline (4) jcontent-info (1)